view github

• 이번 주 용어정리
  • predicate
• 프린터 드라이버
• 책정리 - 클론 코딩 영화 평점 웹서비스
  • 01-1 클론 코딩 수업 준비하기
  • 01-2 왜 리액트일까?
  • 01-3 무엇을 클론 코딩할까?
  • 02-1 슈퍼 빠른 create-react-app
  • 02-2 깃허브에 리액트 앱 업로드 하기

이번 주 용어정리

• #terminology

predicate

• 우리말로 번역이 어려운 용어인 predicate 관련 설명
• predicate 사전적 의미
• 관련 링크
  • predicate, 서술자 - 류광의 번역 이야기 : 서술자
  • 술어 구문은 순수 함수로 만들자 - 최익필의 이름없는 블로그 : 술어구문
  • 23-3-1.function 모음, SoEn, 김상형 : 조건을 만족하는지 검사한다는 의미
  • 함수와 조건자 : 조건자
• 단정자, 단정기능으로 번역해도 괜찮을듯..

프린터 드라이버

• SL-C483FW 드라이버 페이지 - 삼성전자 서비스

책정리 - 클론 코딩 영화 평점 웹서비스

01-1 클론 코딩 수업 준비하기

• Node.js 설치
• npm 설치
• npx 설치
• VS Code 설치
• git 설치

01-2 왜 리액트일까?

• 크롬 웹 스토어 열기
  • Chrome Web Browser ▶ ⋮ ▶ 도구 더보기 ▶ 확장 프로그램 ▶ 왼쪽 위의 ≡ ▶ ㅇChrome 웹 스토어 열기
    • Chrome 웹 스토어 에서 React Developer Tools 설치
• React Developer Tools(크롬 확장 프로그램) 활용
  • 지금 방문한 사이트가 React를 활용한 사이트인지 알수 있음.
  • 에어비앤비, npm, 넷플릭스, 스포티파이 에서 확장 프로그램 아이콘이 On됨
• React 다운로드 횟수 확인
• 2021 state of JS 설문 조사 확인

01-3 무엇을 클론 코딩할까?

• 니꼬샘 영화 앱 사이트 둘러보기

02-1 슈퍼 빠른 create-react-app

• react로 개발할 때, 이제는 웹팩, 바벨을 사용하지 않음
  • create-react-app을 사용

    > npx create-react-app movie_app_2020
    

• 상위 폴더로 가서 아래 명령으로 VS Code를 폴더로 열기 실행

  > code movie_app_2020
  

• README.md 수정
  • scritp 명령 두 개 지움 : test, eject 지움
• npm start 실행 해서 실행되는지 확인
• VS Code 통합 터미널 실행해보기
  • Ctrl + Shift + ` 누르면 됨

02-2 깃허브에 리액트 앱 업로드 하기