전체 글55 [React] props와 state React에서 props란? 컴포넌트에 원하는 값을 넘겨줄 때 사용하는 input 값이다. props를 넘겨받은 컴포넌트 내부에서는 임의로 수정할 수 없는 읽기 전용 값이다. props로 넘겨줄 수 있는 값은 변수, 함수, 객체, 배열 등 JS 요소라면 제한이 없다. props를 사용하는 주목적은 컴포넌트에 데이터를 넘기거나, state의 변화를 주거나, 컴포넌트를 효율적으로 재사용하기 위함이다. React에서 state란? 컴포넌트의 생애 주기 동안에 컴포넌트 내에서 생성, 변경될 수 있는 값이다. state가 생성된 컴포넌트 내에서만 접근할 수 있다. state가 변경되면 해당 컴포넌트는 리렌더링 된다. 따라서, state를 가능한 간단하게, 구성 요소를 최소화하여야 한다. 반드시 setState 함.. 2023. 2. 27. [React] React란? 리액트는 페이스북에서 개발한 오픈소스 자바스크립트 라이브러리이다. 기존의 웹 기술 HTML, CSS 등과 결합하여 사용할 수 있고, 자바스크립트만으로 뷰단을 개발할 수 있어 사용이 편리하다. 특징으로는 가상의 DOM을 활용하는 것과 컴포넌트 재사용성, 단방향 데이터 흐름 등이 있다. 가상의(Virtual) DOM은 사용자가 보고 있는 UI와 변경될 UI의 변경 사항을 체크하여 변경될 부분만 재조정할 수 있도록 메모리에 보관하고 있는 UI 사본이라고 할 수 있다. 변경된 부분만 재조정하기 때문에 불필요한 연산을 줄일 수 있다. 컴포넌트란 (공식 문서의 표현을 빌리자면) '작고 고립된 코드의 파편'이다. 하나의 화면을 구성할 때 여러 작은 컴포넌트를 섞어서 구성할 수 있고, 컴포넌트의 자식 컴포넌트를 생성하.. 2023. 2. 21. 엘리스 SW 트랙 3기 수료! 엘리스에서 수료 기념품을 보내주었다. 귀요운 레고, 우산, 텀블러! 품질이 아주 좋아서 감사하다. 어쩔 땐 엉망진창일 때도 있는 엘리스지만, 이런 디테일한 것에 신경 쓰는 점이 큰 장점인 엘리스다. 2차 프로젝트를 2등(최우수상)으로 마치게 되어 더욱 감사하고 보람찬 네 달이 되었다. 충분히 성장했냐는 질문에는 확답할 수 없지만, 확실히 성장했냐는 질문에는 당당하게 YES!로 답할 수 있다. 앞으로 가야 할 길이 구만리이지만 튼튼한 한 걸음을 내딛은 것 같아서 행복하다. 엘리스 SW 트랙 장점 1. 실시간 강의날과 온라인(미리 업로드된) 강의날이 있어서 온라인 강의날은 개인 일정 관리가 용이하다. 2. 온라인 과정이지만 오프라인 행사가 있고, 오프라인 장소(성수낙낙)가 있어 엘리서들과 친해질 기회가 있다.. 2023. 1. 9. 엘리스 SW 3기 2차 프로젝트 - 1주차 22.12.12~22.12.18 엘리스 2차 프로젝트 1주차 회고 프로젝트 기본 사항 서비스 이름: TripMatch 서비스 목적: 혼자 여행하고 싶지 않은 사용자를 연결해 주는 서비스 (국내 여행 위주) FE 기술 스택: React, Redux, TypeScript, Styled-Components 협업 툴: Figma, GitLab, Notion (Jira > notion > gitlab 첫 주간 동안 협업을 하면서 팀의 협업 방식에 잘 맞는 툴로 변경했다.) 유저 관련 기능: 회원가입, 로그인, 회원 탈퇴, 동행 신청, 동행 거절, 동행자 평가 등 게시글 관련 기능: 동행 게시판, 자유게시판 글 작성/수정/삭제, 공공 데이터 축제 정보 제공 관리자 관련 기능: 글 삭제, 회원 탈퇴 내 담당은 홈페이.. 2022. 12. 20. 슬럼프 극뽁!하기 스터디 프로젝트를 끝낸 이후로 깊은 슬럼프를 겪는 중이다... 1차 프로젝트가 끝난 이후로 지속되었던 상태인데, 스터디 프로젝트 덕분에 멱살 잡혀 버티던 와중에 스터디 프로젝트까지 끝나 버리니 더 큰 허무감에 덮여 버린 것 같다. 앞으로의 진로, 나의 실력, 코딩에 대한 흥미 등에 대한 불신과 불안감으로 스스로를 괴롭히는 중... 나를 너무 밀어붙일 수 없기에 최소한의 엘리스 과제만 조금씩 수행하는 중인데 나아질 기미가 보이지 않아 차라리 며칠 작심하고 푹 쉬는 게 더 나을까 고민이 된다. 이번 주말이면 2차 프로젝트 팀이 정해지고 당장 월요일부터 개발을 시작해야 하는데, 이런 상태로 프로젝트에 임한다면 나에게도, 팀원들에게도 민폐만 될 뿐이다. 임용 고시를 준비하던 시절엔 더 긴 시간 동안 공부만 하는.. 2022. 12. 8. 이전 1 2 3 4 5 6 ··· 11 다음
