이미지 갤러리

# 추후 도전 과제

# git link : Image Gallery

# 개발 환경 : HTML5, CSS, React, Yarn

1. 개발환경 설정하기

1) yarn & React 설정

- React basic setting & plugin

• yarn 설치 : npm i -g yarn
• react-app 설치 : yarn create react-app folderName --template typescript
• yarn 실행 : yarn start

Learn more

#1. npm global 설치 에러

1) 홈 디렉토리 이동

• 바로 이동 : cd, cd ~
• 확인하기 : echo $HOME

2) npm 설정하기

• 글로벌 폴더 만들기 : mkdir ~/.npm-global
• 새 디렉토리 경로 구성 : npm config set prefix '~/.npm-global'

  Mac에서 숨겨진 파일 보기 : cmd + shift + .

3) .profile 파일 생성 및 설정

• Mac 새 파일 만들기 : touch ~/.profile
• 텍스트 파일 내용 설정 : export PATH=~/.npm-global/bin:$PATH

4) cmd 업데이트 및 yarn 설치

• profile 파일 업뎃 : source ~/.profile
• yarn global 설치 : npm i -g yarn

참고 사이트

• 공식문서
  • Resolving EACCESS permissions errors when installing packages globally
• 게시글
  • npm Access errer 해결
  • Mac 터미널 명령어 정리

#2. React

• 컴포넌트 : 태그를 리턴하는 함수, 이 자체가 다시 태그가 될 수 있음