post-thumbnail

Data Types

자바스크립트의 데이터 타입은 두가지가 있다. 그리고 컴퓨터는 이 두 데이터 타입을 다르게 처리한다.NumbersStringBooleanNullUndefinedSymbolsstring이 method가 있는 것에 대해 의문을 품을 수 있다.자바스크립트는 primitive

3일 전
·
0개의 댓글
post-thumbnail

Hooks Lifecycle

컴포넌트의 lifecycle은 3단계로 이루어져 있다. Mounting Updating Unmounting Mounting React가 처음 컴포넌트를 렌더링할 때 제일 먼저 useState(), useReducer()의 첫번째 인자로 함수를 실행하는 구문을 넣으

3일 전
·
0개의 댓글
post-thumbnail

useState, useEffect with Closure

add 함수는 stateful function 이다.여기서 문제는 foo 변수가 global scope에 위치하고 있으므로 foo 변수를 직접적으로 변경할 수 있는 문제가 있다.이 문제를 해결하기 위해 HOC 를 만들면 된다.이렇게 하면 stateful function

6일 전
·
0개의 댓글
post-thumbnail

Handling Events

bind 를 사용해야하는 이유는 무엇일까요? JavaScript에서 클래스 메서드는 기본적으로 바인딩 되어 있지 않다. class 필드 내부 메서드에 바인딩하지 않는다면 내부 메서드를 호출할 때 this는 undefined가 된다. 이것은 React만의 특수 동작이

6일 전
·
0개의 댓글
post-thumbnail

2022.05.29 회고

주말에 항상 11시쯤에 일어나 1시까지 침대에서 뒹글거리면서 게으름을 피웠는데 주말에 루터가 개방하면서 공부하기 좋은 곳이 생겨 너무 좋다. 집에서는 공부가 절대 안 되는 사람이기에 방학때도 열었으면 좋겠다.페이먼츠 3단계, npm 출시를 90% 정도 마무리 된 것 같

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

2022.05.22 회고

문제해결을 위해 검색할 때 전에는 항상 한국어 블로그들을 많이 봤는데 병민은 깃허브 이슈를 찾아보고 영어로 검색해서 문제해결하는 것을 보고 반했다. 나도 이번에 따라 해보니 문제해결 시간이 더 빨라져서 좋았다.이제까지 했던 미션중에 가장 영혼을 갈았던 것 같다. 시간도

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

2022.05.15 회고

이번에 새로 시작한 장바구니 미션에서 3인 페어를 나름 잘 마무리해서 좋았다.항상 밝음으로 페어를 해준 위니에게 감사!저번 미션에서 아토믹 패턴, 정해진 구조로 미션을 진행해서 어떻게 구조를 짤지 생각하지 않았는데 이번 미션에서는 페어들과 논의하면서 구조를 짜서 좀 더

2022년 5월 16일
·
1개의 댓글

text 특수기호

 ” ” : 공백(스페이스 한 칸)을 의미<부등호(<)>부등호(>)&앰퍼샌드(&) 기호"쌍따옴표(“)&sharp( &따옴표(‘)

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

응집도

referencehttps://www.youtube.com/watch?v=aSAGOH2u2rs응집도를 세부적으로 나누면 기능 / 순차 / 통신 / 시간 / 절차 / 논리 / 우연 으로 나눌 수 있다.앞에 있는 응집도를 가지는 것이 뒤에 있는 응집도를 가지는 것

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

2022.05.09 회고

금주도 8 to 9.30 을 잘 지켰다. 솔직히 시간만 채우는 것이 아닌 어느정도 집중도를 가져가면서 많은 시간을 미션에 투자할 수 있어서 좋았다. 월요일부터 크루들이랑 같이 헬스장을 가서 운동해 9시 30분에 가지만 같이 운동하는 재미도 있기에 30분 정도는 빨리 가

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

react props lowercase warning

Warning: React does not recognize the cardInfo prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell i

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

hook 의 규칙

React 함수 컴포넌트에서 Hook을 호출하면 된다Custom Hook에서 Hook을 호출해야 한다

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

2022.05.01 회고

레벨 2가 시작했다.내가 알고 있던 리액트는 리액트가 아니였던 것 같으면서 잘 모르겠다. 기존에 내가 짜던 리액트 코드와 비슷한 것 같기도??월, 화, 수, 목 8 to 10을 했다. 확실히 집보다 공부가 더 잘 된다저번주에 저녁에 밖에서 사먹다가 이번주부터 프로틴 +

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

컴포넌트 다시 생각하기

referencehttps://www.youtube.com/watch?v=HYgKBvLr49c

2022년 4월 24일
·
0개의 댓글
post-thumbnail

IP 주소

주소 지정 인터넷 주소 호스트간 전달을 위한 주소, 라우팅 방식이 필요하다 모든 장치에 전세계적으로 통신이 가능한 장치들의 유일한 식별 방법으로 식별자는 인터넷 주소 또는 IP 주소로 호칭 호스트, 라우터 연결을 유일하고 전체적으로 정의하는 32비트 2진 주소 2

2022년 4월 23일
·
0개의 댓글
post-thumbnail

아토믹 디자인

아토믹 디자인은 틀(페이지)과 부품(컴포넌트) 2가지 수준으로 나워 UI를 파악하는 개념이다

2022년 4월 22일
·
0개의 댓글
post-thumbnail

Intersection Observer API

Intersection Observer API는 타켓 요소와 상위 요소 또는 최상위 document의 viewport(현재 화면에 보여지고 있는 다각형(보통 직사각형)의 영역)

2022년 4월 21일
·
0개의 댓글
post-thumbnail

2022.04.18 회고

테스트 코드를 작성하려면 많은 시간을 할애해야 한다. 그리고 테스트 코드는 프로덕션 코드에 어떠한 영향도 미치지 않는다. 그럼에도 테스트 코드를 작성해야 할까? 저는 테스트 코드 작성에 레벨 1 동안 항상 부정적인 생각을 가지고 있었습니다. 코드를 잘 작성하면 테스트를

2022년 4월 18일
·
1개의 댓글
post-thumbnail

유틸리티 타입

T의 모든 프로퍼티를 선택적으로 만드는 타입을 구성합니다이 유틸리티는 주어진 타입의 모든 하위 집합을 나타내는 타입을 반환한다T의 모든 프로퍼티를 읽기 전용(readonly)으로 설정한 타입을 구성한다생성된 타입의 프로퍼티는 재할당할 수 없다이 유틸리티는 런타임에 실패

2022년 4월 16일
·
0개의 댓글
post-thumbnail

자바스크립트 클린 코드

👎👍플래그를 사용하는 것 자체가 그 함수가 한가지 이상의 역할을 하고 있다는 것을 의미한다boolean 기반으로 함수가 실행된다면 함수를 분리해야 한다👎👍👎👍함수나 클래스에서 if문을 쓴다면 그서은 그 함수나 클래스가 한가지 이사의 일을 수행한다고 말하는 것

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