일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- API
- js
- http
- block
- display
- position
- 멋쟁이사자처럼
- 리액트
- function
- terminal
- LIKELION
- 선택자
- STYLE
- True
- false
- boolean
- Project
- ubuntu
- 변수
- array
- 선언
- 프론트엔드스쿨
- 조건문
- react
- HTML
- Absolute
- Inline
- CSS
- javascript
- object
- Today
- Total
목록Project (3)
Jeden Tag, aufrichtig und lustig.
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/dlQdMu/btsdZO6G9pm/D5TJZZUqrnY1WwbH3P8mv1/img.png)
터미널에서 열고자 하는 폴더(ex. basic)로 이동한 후에 code . 명령어로 vscode를 열려고 할 때, 아래와 같은 오류를 마주한다면? 폴더 경로 basic % code . command not found: code vscode를 열고 Command(Ctrl) + Shift + p 를 단축키를 누르고 입력창에 shell을 입력한 후, Shell Command: Install 'code' command in PATH 를 선택. 다시 터미널에서 code . 시도하면 vscode가 열리는 것을 확인 할 수 있다!
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/b6D9ob/btsdXxJUEVb/Qz5LOGYqvkTBjWku6jlUl1/img.png)
1. 프로젝트를 하게 된 배경 리액트를 공부하는 용도로 youtube api를 활용해서 youtube를 구현해보았다. 다른 작업과 병행하다보니 기획부터 배포까지의 총 작업기간은 6일정도 소요되었다. 2. 배운 점 및 느낀 점 이번 프로젝트를 통해 새롭게 배우고 경험한 것은 크게 6가지다. youtube api 활용 mock 데이터 생성 및 활용 React에서의 테일윈드 CSS 적용 폴더구조와 url 구조 기획 MVP 형태 개발 .env 활용 프로젝트에서는 아래의 4가지 api를 활용하였다. 인기 동영상 데이터 검색 키워드에 따른 데이터 연관된 동영상 데이터 채널 데이터 일목요연하게 api가 정리 되어 있어서 필요한 api를 쉽게 찾을 수 있고, 필요한 데이터 수도 간편하게 지정할 수 있다. 다만 불편한 ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bU8rAS/btr3V7OuEgE/jm1NCE1JW4vd3m0Rxpnz80/img.png)
이전에 리액트를 사용하면서 npm을 사용한 경험이 있다. 이로 인해 npm은 리액트를 사용 할 때만 활용한다고 생각했었는데, JavaScript를 공부하는 와중에 npm을 사용하게 됐다. 이런 경험을 통해 평소 모호하게만 알고 있던 npm에 대해 공부하고 싶어 아래에 정리하게 되었다. 1. NPM이란? NPM은 Node Package Manager의 준말이며, Node.js 기반 패키지(모듈)들을 모아둔 저장소이자 매니저다. npm을 사용하고 싶다면, node.js가 먼저 설치되어야 하는데 node.js와 npm의 버전을 확인하고 npm을 설치하고 싶다면 터미널에 아래와 같이 입력하면 된다. node -v //node 버전 확인 npm -v //npm 버전 확인 npm init // npm 설치 2. N..