프론트엔드 정복하기

https://brunch.co.kr/@second-space/8 - OAuth API 사용 OAuth는 인증을 위한 오픈 스탠더드 프로토콜로, 사용자가 Facebook이나 트위터 같은 인터넷 서비스의 기능을 다른 애플리케이션(데스크톱, 웹, 모바일 등)에서도 사용할 수 있게 한 것이다.

https://ko.reactjs.org/docs/add-react-to-a-website.html 1단계: HTML 파일에 DOM 컨테이너 설치 2단계: 스크립트 태그 추가하기 3단계: React 컴포넌트 만들기 선택사항: JSX로 React 해보기 JSX 전처리기 실행하기 npx babel --watch src --out-dir . --presets react-app/prod : jsx문법을 javascript로 변경하고 싶을 때 마다 위 명령문을 실행하면 된다. : src 파일 내에 있는 문법을 js로 변경한다는 말이다. 따라서 babel화를 처리하고 싶은 파일만 src 파일에 저장한다.

# # 로 시작하는 줄은 주석에 해당한다. # 'file.ext' 이라는 이름의 파일을 ignore 처리한다 file.ext # ignore 규칙을 정의하는 줄에 주석을 함께 섞어 쓰는 것은 허용되지 않는다 # 아래 줄은 'file.ext # not a comment' 라는 이름의 파일을 ignore 처리할 것이다 file.ext # not a comment # 전체 경로를 통해 파일 ignore 처리하기 # 파일명만 기술된 규칙은 최상위 디렉토리뿐만 아니라 모든 서브디렉토리에 동일하게 적용된다 # 예) otherfile.ext 파일은 하부의 디렉토리 어디에 있던 모두 ignore 처리될 것이다 dir/otherdir/file.ext otherfile.ext # 디렉토리 전체를 ignore 처리하기 # ..

우리는 프로젝트마다 새로운 DataBase를 생성한다. (ex. AGmall, SDU 등) 1개의 클러스터 내에 여러 개의 DataBase가 생성되는 것이다. 나의 앱과 + 여러 개의 데이터베이스 중 1개 데이터베이스와 연결하고 싶다면 'mongodb+srv://KangHyeJi:password@boilerplate-myf0s.mongodb.net/test?retryWrites=true&w=majority' 이 부분에서 'test' 부분을 해당 데이터베이스 이름으로 변경하면 그것과 연결된다.

https://babeljs.io/repl/#?browsers=defaults%2C%20not%20ie%2011%2C%20not%20ie_mob%2011&build=&builtIns=false&spec=false&loose=false&code_lz=GYVwdgxgLglg9mABACwKYBt1wBQEpEDeAUIogE6pQhlIA8AJjAG4B8AEhlogO5xnr0AhLQD0jVgG4iAXyJA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&timeTravel=false&sourceType=module&lineWrap=true&presets=react&prettier..

함수형 컴포넌트 vs 클래스 컴포넌트 https://overreacted.io/ko/how-are-function-components-different-from-classes/