코딩 기록기

오늘 공부한 내용 props 먼저 props("properties"의 줄임말)로 state 와의 간단한 차이는 변할수 없다는 것. 컴포넌트는 상속하는 부모 컴포넌트로 부터 props 를 받고 이 props 는 상속받는 컴포넌트 내에서 수정이 불가능하다. 리액트에서 부모 > 자식 일방향성 상속이라는 특징때문이다 .props 는 컴포넌트가 가지고 있는 다양한 값을 나타내기 위한 존재로'this.props,xxx'로 나타낸다. 읽기전용 부모요소에서 설정하는것 초깃값과 자료형의 유효성 검사가 가능 state 컴포넌트 상태를 나타내며 , props 와 반대로 변할수 있다 . 컴포넌트의 내부에서 선언되기 때문에 이러한 state 는 외부에 공개하지 않고 컴포넌트가 스스로 관리한다. state 로 사용하는 것은 컴포..

오늘 공부한 내용 라이플 사이클 가상 돔 컴포넌트(Component) 공부하면서 느낀 점, 배운점 라이플 사이클이란 컴포넌트의 라이프 사이클(= 컴포넌트 생명주기)은 정말 중요한 개념이다 ! 컴포넌트가 렌더링을 준비하는 순간부터, 페이지에서 사라질 때까지가 라이프 사이클이다. 컴포넌트는 생성되고 → 수정(업데이트)되고 → 사라진다 생성은 처음으로 컴포넌트를 불러오는 단계이다 수정(업데이트)는 사용자의 행동(클릭, 데이터 입력 등)으로 데이터가 바뀌거나, 부모 컴포넌트가 렌더링할 때 업데이트 된다 가상 돔이란 DOM은 html 단위 하나하나를 객체로 생각하는 모델입니다. 예를 들면, 'div'라는 객체는 텍스트 노드, 자식 노드 등등, 하위의 어떤 값을 가지고 있다 이런 구조를 트리 구조라고 한다.. DO..

처음 WIL을 쓰려느 어색하다.. 이번주 향해 첫 주를 지나면서 많은 걸 배우고 느꼈다 1주차는 웹 미니 프로젝트를 만들었다 처음으로 협업하는 거라 팀원들과 많이 어색했다.. 미니 프로젝트를 하면서 Git hub을 사용하여 코딩한 거를 공유하기도 하고 수정 하기도 했다 우선 우리 팀의 미니 프로젝트 주제는 'Animal 119' 라고 동물들이 밤에 아플때 시간 상관없이 언제든지 갈 수 있는 24시간 동물병원 리스트를 찾아 병원에 대한 상세정보를 알려주고 그 병원에 대한 별점 및 코멘트를 남길 수 있는 웹 서비스이다. 우선 이 기능들을 구현 하기 위해서는 로그인 기능이 필요하다 로그인 기능을 실현하기 위해서는 JWT 기능을 알아야 한다 JWT란 ? JWT는 일반적으로 클라이언트와 서버, 서비스와 서비스 사..