post-thumbnail

TIL_69_Hook

생활코딩훅에서 clean up의 역할을 하는 것은?클래스 방식에서는 스테이트가 바뀔 때마다 이전의 props 와 이전의 state 값을 전달하여 두 개의 값이 다를 때만 작업을 처리하도록 했었다.아래의 코드처럼.스테이트가 바뀔 때마다 인자로 이전의 프롭스 값과 이전의

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

TIL_68_Hook

클래스 방식은 라이프사이클에 따라서 정해진 메소드에 따라 원하는 타이밍에 원하는 어떤 코드를 호출할 수 있다.어떻게 하면 랜더와 관련된 작업을 하는 FuncComp라는 함수가 실행된 후에 추가적으로 필요한 작업을 처리하게 할 수 있을까?\-> 그것이 바로 리엑트의 유즈

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

TIL_67_Portal

Learn React Portal In 12 Minutes By Building A Modal위 영상을 기반으로 작성하였음.기업협업 4일차. 함께 프로젝트를 진행할 개발자 분께서 모달창 관련하여 왜 포탈을 사용하게 됐는지를 이해하는 것이 중요하다고 말씀해주셨다. 준우님

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

TIL_66_회원가입, 로그인

1\. 유저가 이메일을 입력합니다.Email Input의 onChange 함수가 실행 됩니다.2\. onChange 함수에서 Email Input의 value를 setState를 통해 업데이트 합니다.3\. 유저가 비밀번호를 입력합니다.Password Input의 on

7일 전
·
1개의 댓글
post-thumbnail

TIL_65_React Portal

PortalsPortals포탈은 부모 컴퍼넌트의 DOM 계층 구조 바깥에 있는 DOM 노드로 자식을 렌더링하는 최고의 방법을 제공.첫번째 인자 (child)는 엘리먼트, 문자열, 혹은 fragment와 같은 어떤 종류이든 렌더링할 수 있는 React 자식.두번째 인자(

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

TIL_64_Hook

생활코딩 Hook함수형 컴퍼넌트함수 스타일 코딩으로 할 수 없는 대표적인 작업이컴퍼넌트 내부의 스테이트를 만들어 사용하는 것.또한 컴퍼넌트의 생성 변경 소멸에 대한 이벤트인 라이프 사이클 api를 사용할 수도 없었음.그래서 함수 방식은 상위 컴퍼넌트가 시키는 일만 처리

2021년 4월 15일
·
0개의 댓글
post-thumbnail

TIL_63_Recoil

Recoil: 왕위를 계승하는 중입니다 (새로운 React 상태 관리 라이브러리)유진님이 공유해주신 영상을 보며 정리한 내용을 여기에 기록해보고자 한다.리코일새로운 react 상태 관리 라이브러리.리액트 상태 관리의 역사.한동안은 기본적인 context, prop, s

2021년 4월 14일
·
0개의 댓글
post-thumbnail

TIL_62_Recoil

오늘은 기업협업의 첫 날. 대표님께서 리덕스보다 리코일을 더 추천한다는 얘길 듣고, 개념이 궁금해져서 찾아보았다. 정말 공부할게 많구나 새삼 느꼈고공부하는 만큼 계속 성장할 수 있다는 것에 설렘도 느꼈다.Recoil — 새로운 리액트 상태 관리 라이브러리?

2021년 4월 12일
·
0개의 댓글
post-thumbnail

TIL_61_2차 프로젝트 후기

어느새 2차 프로젝트가 끝이 났다고..?1차 프로젝트 마무리도 얼떨떨한데.. 2차프로젝트 후기를 써야할 때가 오다니. 위코드에서의 시간은 정말 순식간이구나.. 싶다.이번에 맡은 사이트는 한정판 스니커즈 또는 옷을 거래할 수 있는 사이트 'KREAM'이다.프론트엔드: 재

2021년 4월 12일
·
2개의 댓글
post-thumbnail

TIL_60_2차 프로젝트 Nav 와 검색 모달창

네브 바와 검색 모달창에 대해 간단한 리뷰를 남겨보겠다.네브 바에서 검색 인풋창을 클릭하면 검색 모달창이 뜨도록 구현했다.검색 모달창의 이미지들에 호버효과도 추가했다.(우리 팀원들의 사진은 보너스\~~)api 통신을 통해 영어 이름 과 한글 이름 둘 다로 가능하며, 1

2021년 4월 8일
·
2개의 댓글
post-thumbnail

TIL_59_2차 프로젝트 로그인

소셜로그인을 도전하다!네이버 로그인이라고 쓰여있긴 하나, 카카오톡 로그인이다.카카오톡에서 제공하는 오픈 api를 통해 소셜 로그인을 진행했다.소셜로그인은 사실 프론트엔드에서 특별히 할 건 없고 (카카오톡에 이미 설명이 잘 되어있따.) 다만, 백엔드에서 할 게 많았을 것

2021년 4월 8일
·
0개의 댓글
post-thumbnail

TIL_58_2차 프로젝트 회원가입

내가 구현한 회원가입 페이지.이메일 주소와 비밀번호가 조건에 부합할 경우, 밑에 뜨는 빨간 글씨 경고가 사라지도록 했다.사이즈 선택 모달창을 구현했고, 자식 컴퍼넌트인 모달창에서 얻은 데이터를 부모 컴퍼넌트인 회원가입 페이지에 전달하였다.동의를 구하는 체크박스를 구현.

2021년 4월 7일
·
0개의 댓글
post-thumbnail

TIL_57_2차 프로젝트 모달창

2차 프로젝트에서 맡은 사이트는 KREAM!나는 로그인/회원가입 그리고 네브 바와 검색창을 맡았다.우리는 흐림 HEUREAM 이란 이름으로 클론을 진행하게 되었따.회원가입 페이지를 보면, 사이즈를 선택할 시 사이즈 선택 모달창이 띄워진다. 모달창을 한번도 시도해본 적이

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

TIL_56_Hook

함수형 컴퍼넌트Hook은 클래스 안에서는 동작하지 않는다.왜 사용?컴퍼넌트 사이에서 상태와 관련된 로직을 재사용하기가 어렵다. (HOC, render props)개발을 하다보면 가끔 상태 관련 로직을 컴퍼넌트 간에 재사용하고 싶은 경우가 생긴다. HOC (higher-

2021년 3월 31일
·
0개의 댓글
post-thumbnail

TIL_55_git rebase

우아한 형제들 git flowgit rebase

2021년 3월 30일
·
0개의 댓글
post-thumbnail

TIL_54_AWS

AWS?Amazon Web Services 줄임말Amazon 사의 클라우드 컴퓨팅 플랫폼/클라우드? 구름? -> 인터넷 연결만 되면 접근이 가능하다.가져다가 쓰는 것.가상 머신과 스토리지, 네트워크 인프라 등 다양한 서비스를 제공Fortune Top 500 회사들의 8

2021년 3월 28일
·
0개의 댓글
post-thumbnail

TIL_53_페이지네이션

페이지네이션? 나눠서 데이터를 가져오는 것.한번에 데이터를 다 가져오는 것은 무겁고, 유지보수에 힘들다.한정된 네트워크 자원을 가지고 있기 때문에 효율적으로 사용하기 위한 것.성능적인 부분을 고려해야하기 때문.페이지를 분할해서 그 페이지에 맞는 데이터를 가져오는 것.페

2021년 3월 28일
·
0개의 댓글
post-thumbnail

TIL_52_1차 프로젝트 후기

카카오 프렌즈샵 클론을 하게 되다. 그리고 PM을 맡게 되다.프론트엔드에는 준우님, 성훈님, 나은님 그리고 나 이렇게 네 명과 백엔드에는 왕록님, 정원님 까지 총 6명이 한 팀이 되었다. 일단 나는 모든게 두렵고 자신이 없었다. 어떻게 백엔드와 소통이 되는지 그 구조

2021년 3월 27일
·
12개의 댓글
post-thumbnail

TIL_51_동적 라우팅

상품 리스트 페이지에서 해당 상품을 클릭시 상세 페이지로 넘어가는 기능은 어떻게 구현할까요? 단순히 path를 바꿔준다고 해서 해당 상품에 대한 상세 페이지로는 넘어갈 수 없습니다. 동적 라우팅을 통해 제품의 상세페이지로 이동하는 방법에 대해 알아보겠습니다.동적라우팅?

2021년 3월 21일
·
0개의 댓글
post-thumbnail

TIL_50_Life Cycle 과 조건부 랜더링

constructorrendercomponentDidMount(fetch 완료)다시 render (setState)componentDidUpdate (setState 되었기 때문에 컴포넌트 업데이트 발생)componentWillUnmountstate에 담긴 데이터를 변

2021년 3월 21일
·
0개의 댓글