#미분류

한 달 안에 취업하기 # 12

오늘 할 일 알고리즘 1문제 새 토이 프로젝트 React Hooks 공부 알고리즘 1문제 오늘의 문제 : https://programmers.co.kr/learn/courses/30/lessons/12948 Github 새 토이 프로젝트 구상 일전에 구상했던 1일 1알고리즘의 인증 사이트를 제작해보려한다. 투두리스트의 발전된 버전이라고 생각하면 될 것 같은데, 사진까지 하려고하면 DB가 필요할것같아서 일단 사진은 재껴두고 기능적인 구현만 해보려고한다. 상태관리가 핵심이 될 것 …

한 달 안에 취업하기 #11

오늘 할 일 알고리즘 1문제 About me 프로젝트 시작 프로그래밍 관련 유튜브 영상 리뷰(이번엔 꼭 한다) 알고리즘 1문제 오늘의 문제 : https://github.com/yoyounn18/1Day1Algorithm/blob/master/%EC%B2%B4%EC%9C%A1%EB%B3%B5 Github About me 프로젝트 시작 / 끝 사이트 주소 : https://yoyounn18.github.io/kimyoungjo/ 후술할 사정에 의해서 어제 글을 못쓰고 오늘 하루에 About me 프로젝트를 끝냈다. SPA로 잘 구성해서 완성하고 만족스러운 …

한 달 안에 취업하기 #10

알고리즘 1문제 오늘의 문제 : https://programmers.co.kr/learn/courses/30/lessons/12918 GitHub SPA 프로젝트 끝내기 https://yoyounn18.github.io/SPA-Toy-Project/ 끝냈다. 우여곡절 끝에 어쨌든 끝냈다. 끝내고 나서 든 생각은 빨리 다음 프로젝트를 시작하고 싶다는 생각이 들었다. 어떤 프로젝트를 할 지 많은 아이디어가 떠올라서 그것들을 정리하는 시간을 가져보려한다. (추가) 방금 완성된 프로젝트를 24인치 모니터가 달린 pc에서 확인을 했는데 배경 no …

한 달 안에 취업하기 #9

오늘 할 일 알고리즘 1문제 SPA 프로젝트 최대한 진행해보기 알고리즘 1문제 오늘의 문제 : https://app.codesignal.com/arcade/intro/level-2/xzKiBHjhoinnpdh6m Github map() 을 활용할 기회일것 같아서 최대한 활용해보려 했는데 map안에서 index를 늘릴 방법을 모르겠어서 포기하고 for문을 돌려버렸다. SPA 프로젝트 최대한 진행해보기 개발노트 마음에 100퍼센트 든다고는 못하겠지만 현재의 내가 낼 수 있는 최고의 산출물인것은 확실할듯 하다. …

[SPA Project] 개발노트

React.js의 정수 SPA를 다루기 위해 시작한 프로젝트 1.30 사용할 page 구성 완료 이미지 파일 수집 Intro page 디자인 1.31 about 페이지 디자인 사용할 컴포넌트 Title, Typography 제작 각 페이지 Link to 연결 2.1 각 페이지 연결 완료 album 페이지 완료 2.2 intro 페이지 제외 올 리셋 about 페이지 완료 2.4 …

Javascript Map 정복하기

Map 볼 때 마다 이해가 안되는 녀석이다. 이론적으로는 이해가 되는데 응용이 조금이라도 첨가되면 바로 뇌정지가 와버린다. 이번 기회에 응용까지 싹다 끝내버리려고 한다. map은 forEach와 마찬가지로 Array의 각 요소를 순회하며 callback 함수를 실행합니다. 다만, callback에서 return 되는 값을 배열로 만들어냅니다. 기본적인 사용법 const arr=[0, 1, 2, 3]; let squaredElement …

Javscript Array Method 정리

arr.pop() : 배열 맨 뒷부분의 값을 삭제 arr.push() : 배열 뒷부분에 값을 삽입 arr.shift() : 배열 앞부분의 값 삭제 arr.unshift() : 배열 앞부분에 값 삽입 arr.splice(index, 제거할 요소 개수, 변경된 영역에 추가할 요소) : 배열의 특정 위치에 요소를 주가하거나 삭제 arr.slice(start index, end index) : start index 부터 end index …

테스트

테스트

[React.js] Hover 버튼 만들기

React.js를 이용하여 About Me 페이지를 만들던 중 state의 개념과 onMouseOver을 이용하여 Hover(마우스 오버시 반응하는 것) 버튼을 만들어보았다. import React, { Component } from 'react'; import './HoverBtn.css' class HoverBtn extends Component { constructor(props) { super(props); this.handleMouseHover=this.handleMouseHover.bind(this); this.state={ isHovering: false, }; } handleMouseHover() { this.setState(this.toggleHoverState); } toggleHoverState(state) { …

예술 작품들

[11.6] React 공부

Component 추출하기 function Comment(props) { return ( <div className="Comment"> <div className="UserInfo"> <img className="Avatar" src={props.author.avatarUrl} alt={props.author.name} /> <div className="UserInfo-name"> {props.author.name} </div> </div> <div className="Comment-text"> {props.text} </div> <div className="Comment-date"> {formatDate(props.date)} </div> </div> ); } 위 코드는 …