[TIL] 원티드 프리온보딩 (2022.05.15)

2주가 지났다. 그립컴퍼니 과제가 마무리됐고, 이제는 휴먼스케이프 기업 과제 시작이다. 오늘 코드 리뷰를 하면서 나왔던 몇 가지 주제들 ** 리액트 라우터 사용 시 navlink를 사용하도록 하자. api통신중 오류가 나면 브라우저 network에서도 error 확인할 수 있다. ** api 속성값이 대문자로 올 때 이걸 변경해서 깔끔하게 코드를 정리할...

어제
·
0개의 댓글
post-thumbnail

로컬스토리지를 이용한 데이터 저장

리액트와 로컬스토리지를 이용한 데이터 저장 간단한 투두리스트를 이용해 알아보자 먼저 코드를 보자 onClick 함수 실행 시 setTodo를 이용해 데이터를 추가한 후 ref를 이용한 key값도 같이 localstorage에 보낸다. useEffect에서 key데

5일 전
·
0개의 댓글

호이스팅

Hoisting > JavaScript에서 호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미합니다. var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화합니다. 반면 let과 const로

5일 전
·
0개의 댓글

[TIL] 원티드 프리온보딩 (2022.05.10)

TypeScript 적응기 튜플 Tuples 튜플은 길이와 타입이 고정된 배열 2번째 인덱스에선 넘버 타입이므로 toLowerCase() 불가능하다. 이렇게 적용해도 에러가 발생한다. 제네릭 Generics option에 어떠한 값이 올질 모를 때 T를 적용해

7일 전
·
0개의 댓글

[TIL] 원티드 프리온보딩 (2022.05.09)

recoil은 내부적으로 contextAPI를 기반으로 한다.recoil 역시 컴포넌트를 공급자(RecoilRoot)로 감싸줘야 한다.키에 고유한 값을 집어넣고, default 값을 지정할 수 있다.TodoListState는 state와 유사하다.setTodoList로

2022년 5월 9일
·
0개의 댓글

[TIL] 원티드 프리온보딩 (2022.05.08)

json to ts: json file을 ts interface로 변경해줌react-use: react-hooks처럼 자주 쓰이는 기능들을 함수화day js: date를 쉽게 구할 수 있다. (moment js는 용량이 크다)https://squoosh.app

2022년 5월 8일
·
0개의 댓글
post-thumbnail

@import @use 차이점

원티드 프리온보딩 코스 중 scss를 사용하게 됐는데,사용하면서 궁금한 것들을 공부해봤다.SCSS 파일을 불러오려면 import 하면 된다.근데 @use 이렇게 생긴 놈을 발견했는데 이건 무엇에 쓰이는 것일까?import와 use의 공통점은 파일을 import 해 사용

2022년 5월 8일
·
0개의 댓글
post-thumbnail

리액트 외부 영역 클릭시 닫기

미친 듯이 삽질했던 외부 영역 클릭 시 닫는 기능을 까먹지 않기 위해... 작성하자. 우선 코드부터 보자 드롭다운 메뉴는 showOption이 true일 때 보이게 되는데 초깃값은 false이며 클릭 시 true가 된다. useEffect로 마우스 클릭 시 **(

2022년 5월 5일
·
2개의 댓글

이벤트 버블링과 캡쳐링

이벤트 버블링과 캡쳐링 팀 프로젝트를 하던 중 이벤트 버블링과 캡쳐링에 대해 지식이 필요할 것 같아 공부하였다. 리액트에서 이벤트를 자주 사용했지만 정작 중요한 버블링과 캡쳐링에 대해 자세히 알지 못해 이번 기회에 자세히 알아보려 한다. 이벤트(event) 이벤트

2022년 5월 5일
·
0개의 댓글

[TIL] 원티드 프리온보딩 (2022.05.04)

협업이란걸 처음 하게 되었다. git에서 무지성 commit, push만 하다 pull, fetch, fork, pull request(PR)을 배워보자 Pull 원격저장소의 정보를 가져오고 자동으로 병합한다. 자동으로 병합되며 코드가 섞여 자주 충돌이 날 수 있다. Fetch fetch는 원격저장소의 커밋들을 로컬 저장소로 가져온다. pull과 달리 ...

2022년 5월 4일
·
0개의 댓글

[TIL] 원티드 프리온보딩 (2022.05.03)

setState는 비동기로 동작한다. 이전값을 활용하여 값을 변경할시 콜백함수를 이용하여 기존값을 변경한다 map 메서드 이용시 key값에 index는 사용하지 않는다. 컴포넌트 index가 변경될 때 key 값이 고유하지 않다면 문제가 생긴다. key 값의 고유성을

2022년 5월 3일
·
0개의 댓글

원티드 프리온보딩 코스 숏에세이

원티드 프리온보딩 코스에서는 수강료 무료, 참가비 50만원을 받습니다. 이후 코스 완주(1.참가기업 70% 이상 지원 2.과제 제출 3.동료피드백 4.출결)시 취업활동 지원금 50만원(제세공과 후)을 지급합니다. 이러한 1) 정책을 도입한 이유와 2) 지원을 희망하는

2022년 4월 19일
·
0개의 댓글