병아리의 코딩 일기

싸하 !! 안녕하세요 열어분 드디어 기나 긴 7주간의 공통 프로젝트가 끝이 났습니다 ㅎㅎㅎ 저희 팀은 '필린'이라는 영양제 재고 관리 앱을 만들었는데요, 10팀 중 2등을 하게 되어서 우수상을 받게 되었어요! 😀 하지만 그 과정이 정말 힘들었기에,, 이번 기사는 제가 7주간 프로젝트를 하며 느낀 점들과 '미리 알면 좋았을 걸..!' 하는 정보들을 공유하려고 합니다. 도메인은 신중히 정해주세요 2학기 공통 프로젝트 때는 각 팀별로 WebRTC, 웹 디자인, 모바일, IoT 중 도메인을 선택할 수 있는데요, 싸피 특성 상 도메인이 한 번 정해지면 바꾸기가 어렵습니다,, 🧐 저희 팀은 제가 모바일을 하자고 팀원들을 졸라서 모바일 팀이 되었는데요, (팀명: 탈 모바일) 처음에 정말 후회를 많이 했습니다. 모바일..

안녕하세요! 바로 돌아왔습니다! ㅋㅎ 지난 기사에서는 리액트의 라이프 사이클 및 클래스형 컴포넌트에서의 생명 주기 메소드들을 살펴봤는데요, 이번엔 useEffect로 이 메소드들을 편리하게 사용하는 방법을 소개해볼게요 ! useEffect의 등장 useEffect는 React 16.8 버전에 새롭게 추가된 Hook입니다. 처음에도 말했듯이 useEffect를 사용하면 클래스형 컴포넌트를 작성하지 않아도 함수형 컴포넌트에서 side effect를 수행할 수 있습니다. 어떤 개발자분은 'useEffect를 componentDidMount와 componentDidUpdate, componentWillUnmount가 합쳐진 것으로 생각해도 좋다.' 라고 합니다. useEffect는 다음과 같이 두 가지 형태가 ..

아래 내용은 인프런 SOAPLE 님의 '처음 만난 리액트(React)' 강의 내용을 요약 정리한 것임을 알려드립니다. 😀 무료 강의인데 내용이 정말 좋더라구요! 그럼 시작하겠습니다~! 리액트는 레고블록을 조립하듯 각각의 컴포넌트를 맞추어서 개발한다. 리액트 컴포넌트는 자바스크립트의 함수처럼 입력을 받아서 출력을 내뱉는데, 입출력이 일반 함수와는 조금 다르다. 입력: Props | React component | 출력: React element 위와 같이, React Component는 어떠한 속성을 입력으로 받아서 그에 맞는 element 를 생성하여 리턴해준다. 그리하여 생성된 React element는 리액트 앱을 구성하는 가장 작은 빌딩 블록들이 된다. 이 친구는 자바스크립트의 객체 형태로 존재하며..