분류 전체보기76 [React] LifeCycle API React의 LifeCycle에 대해 Dan Abramov라는 개발자가 다이어그램을 그린 바 있다. 많은 프론트엔드 개발 블로그에서 인용된 유명한 그림이다. velopert님의 강의를 듣다 간단히 정리한다. 참고 : 누구든지 하는 리액트 유투브, 튜토리얼 컴포넌트가 놓인 상태에 따라 작업하려면 LifeCycle API를 적절히 사용한다. 리액트의 생명주기는 크게 Mounting, Updating, Unmounting으로 나뉜다. Mounting : 컴포넌트가 브라우저 상에 나타나는 단계 Updating : 컴포넌트의 props나 state가 변경되었을 때 수정하는 단계 Unmounting : 브라우저에서 컴포넌트가 사라지는 단계 constructor 컴포넌트가 브라우저 상에 나타나면 constructor.. 2020. 9. 22. [Unix, Linux] 자주 사용하는 유닉스 쉘 명령어 [Tip] ctrl A : 명령문 맨 앞 ctrl E : 명령문 맨 뒤 ctrl C : 명령문 실행 전에 명령 취소 파일명 길 때 tab 하면 자동완성 [Introduction] man man 명령어를 치면 명령어에 대한 매뉴얼을 볼 수 있다. man man 매뉴얼 자체에 대한 매뉴얼을 보여준다. 매뉴얼은 키보드 상하(↑↓)로 움직이거나 Space바로 페이지를 업다운 할 수 있다. 매뉴얼을 검색한 뒤 : 로 쓰인 곳 뒤에 / 슬래시를 입력하여 검색을 할 수 있다. (ex. /tips) SYNOPSIS : man 명령어에 파라미터를 추가하는 방법이 나와있다. DESCRIPTION : 명령어가 어떻게 작동하는지 자세한 설명을 볼 수 있다. SEE ALSO : 현 페이지와 관련되거나 연결된 매뉴얼 페이지를 확.. 2020. 9. 10. [Git] 차근차근 Git 명령어 1) - init, status, add, commit, log, diff 버전관리 도구 git 의 주요 명령어를 실습과 함께 정리한다. 설치과정은 생략하니 설치과정이 필요하다면 아래 영상을 참고한다. window에서 설치, mac에서 설치, unix/linux에서 설치 git init 현재 폴더(프로젝트 폴더)에 작업을 시작하겠다. git 을 치면 사용할 수 있는 명령어가 나오는데, working area를 시작하는 명령어에는 clone과 init이 있다. git init을 치면 현재 폴더를 빈 Git 저장소로 초기화한다. 현재 디렉토리의 파일목록을 확인하면 .git 디렉토리가 확인되면 저장소가 잘 생성된 것이다. .git 디렉토리에는 앞으로 생성되는 버전 정보들이 저장되는 곳이다. 이 폴더를 삭제하면 마지막 소스코드만 남고 버전 정보들이 지워지니 주의하자. git statu.. 2020. 7. 29. OAuth 이해하기 최근 대부분의 서비스에서 소셜 로그인을 지원하는 것을 볼 수 있다. 소셜 로그인 덕분에 인증 절차가 간략해지고 인증 정보를 잊어서 발생하는 불편함이 해소되었다. 소셜 로그인을 구현하기 위해선 기본 원리인 OAuth 개념과 절차를 이해할 필요가 있다. OAuth를 통해 회원들의 아이디와 비밀번호를 처음부터 보관하지 않고 회원을 식별하는 기능을 구현할 수 있다. rfc 6749에서 OAuth 개념을 확인할 수 있다. https://www.ietf.org/rfc/rfc6749.txt OAuth에 대해 정말 잘 정리된 글도 있다. https://d2.naver.com/helloworld/24942 원리를 깊은 곳까지 자세히 설명한 글이지만, 그 전에 보다 쉽게 내용을 정리하겠다. 본 포스팅은 생활코딩의 OAut.. 2020. 7. 22. [Nodejs] 차근차근 Nodejs - 쿠키(cookie) nodejs를 이용해 로그인 구현을 하려고 모듈을 알아보던 중, 쿠키와 세션에 대한 개념이 명확하지 않아 생활코딩 강의를 빠르게 정리한다. 먼저 쿠키에 대해 정리하도록 하겠다. 쿠키를 통해 수행되는 가장 중요한 일이 인증 기능이다. 본 강의는 인증이 무엇이고 인증을 어떻게 구현하는가에 대한 맥락을 파악하는 수업이다. 실제로 적용하기엔 적합하지 않고 개념을 실습해보기 위한 내용이다. 강의 : https://opentutorials.org/course/3387 개인화란? 쿠키와 인증은 개인화와 관련이 있다. 개인화란 모든 사람에게 똑같은 웹페이지를 보여주는 것이 아니라 사람마다 선택과 취향에 맞는 웹페이지를 보여주는 것이다. 예를 들어 로그인해서 장바구니에 물건을 담으면 다음에 로그인했을 때 그 물건을 다시.. 2020. 7. 21. 이전 1 2 3 4 5 6 7 8 ··· 16 다음
