리액트3 항해 99 11주차 회고록[22.03.21~2203.26] 항해 11주차 요약 그동안 팀분들의 1:1 과외시간이 이제야 빛을 보는 듯 하다 더디지만 포기하지말자 조금씩 레벨업 되는 기분이 이런거구나! 중간 피드백 이 후에 추가기능으로 결정된 랭킹페이지 조금 여유가 있을 때 이해하면서 코딩을 해보고 싶었다 초반 코딩작업을 팀분들과 라이브쉐어로 같이 진행하면서 어떤 순서로 왜 이렇게 진행이 되는지 되짚는 시간을 가져보았다 그동안은 뭔가 정확하게 알고쓰는 느낌이 아니라 살짝 답답했는데, 이번에 레벨업 되는 느낌이 팍팍!!!!!! (그동안 팀분들의 1:1 과외시간이 이제야 빛을 보는 듯 하다) 백에서 보내주는 데이터를 다 보여주는 걸로 처음에는 잡았는데 이러다보니 왼쪽과 같은 문제가 생겨났다 1. 참여횟수가 0회 이상인 유저들의도 리스트에서 보여짐 2. 참여횟수 0으로.. 2022. 3. 28. 자바스크립트 [React] Component & props & state 개념 이해 📃 리액트는 *컴포넌트 기반의 view를 중심으로 한 라이브러리이다. 곧, 리액트는 레고 ! 컴포넌트를 블록이라고 표현 할 수 있는데 why ? ! 블록 (=컴포넌트)를 가지고 레고 (=리액트)를 만들 수 있으니깐요! 🤷♂️ 도대체 Component & props & stae가 ..뭔대!? 📌 Component (컴포넌트는 레고에서 "블록"을 담당하는 것과 같은 의미) - 클래스형과 함수형으로 나눌 수 있지만 앞글에서 말한것과 같이, 리액트 자체에서 함수형 사용을 권장하고 있다고 합니다! ( 대신, 이전에 짜인 코드의 경우 클래스형도 있을 수 있으니 회사 입사 할 때 코드를 보고 이해 할 수 있어야하니 클래스형도 공부하면 좋은것!) 예를들면, 아래 네이버의 컴포넌트를 무엇일까? (정답이 아닐 수 있습니.. 2022. 1. 23. 자바스크립트 리액트 라이프사이클의 이해 📃리액트 라이프사이클이란? 리액트는 *컴포넌트 기반의 view를 중심으로 한 라이브러리이다. 컴포넌트의 라이프 사이클(= 컴포넌트의 생명주기)는 정말 중요한 개념인데, 컴포넌트가 *렌더링을 준비하는 순간부터, 페이지에서 사라질 때까지가 라이프 사이클입니다. * 컴포넌트: 프로그래밍에 있어 재사용이 가능한 각각의 독립된 모듈 * 렌더링 : React입장에서 rendering은 data를 html로 변환해서 renderer에게 전달하는 일괄 작업 ✔️ 컴포넌트는 생성 > 수정(업데이트 > 제거 ✔️ 생성은 처음으로 컴포넌트를 불러오는 단계 (= 모듈을 불러오는 단계) ✔️ 수정(업데이트)는 사용자의 행동( 클릭, 데이터 입력 등)으로 데이터가 바뀌거나, 부모 컴포넌트가 렌더링할 때 업데이트가 됨! - pro.. 2022. 1. 23. 이전 1 다음 반응형
