리액트

회고록

WIL(21.05.03 - 08)

카카오 소셜 로그인 기능 구현 실전 프로젝트를 진행 중 소셜 로그인 구현을 맡게 되어 05.02 부터 소셜로그인 구현을 위한 사전 작업에 돌입하였고 그렇게 1주일간 백엔드 팀원 분과 소셜 로그인 늪에 빠지게 되었다. 분명 쉽다 그랬는데.. 소셜 로그인 중에서도 카카오가 가장 쉽고 프론트는 할 일이 정말 없다고 했다. 그래서 정말 편하게 시작했다. 근데 할일이 없다고는 하는데 대체 내가 프론트로서 어떤 역할을 해줘야 하는 건지 확실하게 명시된 곳이 없었다. 그냥 서비스 설명뿐... 애매한 역할분담, 결론은 삽질 kakao developers 페이지에서 우리가 구현하려는 부분에 대한 프론트와 백엔드의 역할이 명확히 지정되어있지 않았다. 이것저것 검색해보니 정말 많은 방법들로 포스팅한 사람들이 많았다. 근데 ..

React

REST-API 활용한 카카오 소셜 로그인 구현(feat. React)

프로젝트를 진행하면서 소셜 로그인 구현을 맡게 되었다. 다들 프론트엔드는 소셜 로그인에서 할게 많이 없다 쉽다~, 그중에서 카카오가 가장 쉽다~ 이렇게 얘기해서 방심했다. 그렇게 6일간의 소셜 삽질이 시작되었다. 구글링을 해보니 똑같은 카카오 로그인 구현인데도 정말 신기하게 포스팅한 사람들마다 다들 다른 방법을 사용하여 매우 혼란스러웠고 이해하는데 한참 걸렸다. 마침내 성공을 했을 때 극한의 희열감과 이건 반드시 포스팅으로 남겨 놓으리라 다짐하여 지금 글을 작성 중이다. 카카오 개발자 홈페이지를 정말 많이 읽었음에도 프론트엔드가 소셜 로그인을 할 때 어떤 역할을 해주어야 하는지 명확히 감이 오질 않았고 API 활용 방법만 적혀있을 뿐이었다. 프론트와 백엔드의 역할 구분에 대한 개념이 확실히 잡히질 않았기..

회고록

WIL(21.03.29 - 04.03)

주특기 심화과정의 끝 이번 주는 파이어베이스를 활용하여 프로젝트 과제를 진행하였다. 로그인 / 로그아웃 / 게시글[작성, 수정 , 삭제] / 게시글작성 시 이미지 미리보기 / 댓글 작성 / 좋아요 / 레이아웃 선택 뷰 기능을 갖춘 웹을 만들고 파이어베이스로 배포까지 하는 것이 과제였다. 우여곡절 끝에 얼추 비슷한 작품을 만들긴 했지만 스켈레톤 코드, 정답 코드 등을 참고했기 때문에 스스로 만들었다고 할 수 없어 Git에는 게시하지 않았다. 이번 한주동안 만든 페이지의 이미지이다. 미흡사항 redux와 firebase 연결을 하며 데이터가 어떻게 이동하는지에 대해 확실히 숙지하지 못함 좋아요를 눌렀을때 하트 색깔은 변하지만 좋아요 수가 실시간으로 변하지 않고 페이지 새로고침을 했을 때 반영이 됨 fireb..

회고록

WIL(21.03.22 - 28)

주특기 지옥주를 경험하다. 항해99 주특기 과정 첫 주차가 지났는데 개인적으로 주특기 첫주차라 읽고 지옥주라 불러야 한다고 생각한다. (나의 무지함을 원망하며 스스로 만들어낸 멘탈지옥...) 이번주를 WIL로 작성하는 이유도 TIL 방식으로 했다간 매일매일이 힘들다고 투정 부리는 글만 남을 것 같아서였다.ㅋ 받았던 과제는 일정관리를 할 수 있는 캘린더 앱을 제작하는 것이었는데 결론부터 말하자면 시간 내에 완성하지 못하였다..ㅠ 그리고 프로젝트를 하던 중 기본개념이 너무 부족한 것 같아(어떻게 동작하는지 아예 그려지질 않음) 충동적으로 거금을 주고 책을 두권이나 사버렸는데.. Flex한 책들 - 모던 자바스크립트 Deep Dive - 리액트를 다루는 기술 두 권의 페이지수를 합치면 1800쪽가량된다.(거의..

개발늦둥이
'리액트' 태그의 글 목록