일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
- 바닐라 자바스크립트
- 느낀 점
- javascript
- Clone
- 클론코딩
- vanilla js
- 코코아톡
- 프로젝트
- 오류
- expo
- Project
- Nomad
- Firebase
- scflix
- TiMER
- github
- CSS
- Netflix
- 자바스크립트
- Vanilla
- coding
- 마무리
- react-native
- Nomad coder
- Nicolas
- react-hook
- 계획
- react
- Hook
- HTML
- Today
- Total
목록클론코딩 (10)
꾸매코딩
#4에서는 tansition, tansformation, animation, media query에 대한 내용을 배운다. CSS에 이런 놀라운 기능들이 있다는 거에 적지 않게 놀랄 수 있었다. Javascript의 기능들과 별 반 다를 것이 없었고, #4에서 배운 내용은 처음 보는 내용들이었다. 1. Transition transition은 state(상태) -> state(상태) 변화를 애니메이션으로 만들어준다. - state가 있는 tag에 transition을 적용하면 state가 동작할 때에는 작동하지만, state가 끝나는 시점엔 작동이 안 된다. - tag의 root(기본 css 태그)에 적용을 시켜줘야 한다. a { color: red; /* property name | duration | ..
1. Flexbox 배열하고자 하는 의 부모 에 display: flex; 명령어를 통해 flex 형태로 변경을 해주어야 한다. 여기서 중요한 점은 부모를 flex 한 container로 만들어 주는것이다. container 안에서 자식 를 우리 입맛대로 변경할 수 있다. main axis(주축) → justify-content : ~~; 주축 기준으로 정렬을 해준다. cross axis(교차축) → align-items : ~~; 교차축 기준으로 정렬을 해준다. 위치를 알아서 계산해준다. 사용자 화면 크기에 따라 맞춤 형태로 보여준다(반응형) 2. Position (default = static) 2.1 Fixed - Box를 계속 같은자리에 유지시켜준다. - position: fixed → Layer..
2일 차 강의에 큰 제목은 Learing HTML이다. 한마디로 HTML에 대한 기본적인 설명을 해주는 단원인데, HTML을 배운 적이 있고 사용해본 적이 있는 나에게는 대부분 알고 있는 내용이었지만, 5개월 만에 다시 하는 것이므로 정리가 한번 필요할 것 같아서 영상을 다 보았다. 에 대한 설명보다는 내가 배우게 된 능력? 기술? 생각을 정리할 예정이다. 1. VScode 코드 편집기로 VScode(Visual Studio Code)를 사용할 생각인데, 한국어 지원도 해주고 여러 확장 프로그램들이 잘 되어있어서 나 같은 초보자가 사용하기에 좋은 프로그램이라고 생각한다. 1. WakaTime : 사용언어, 코딩을 한 시간 등을 자동으로 기록해주고 볼 수 있다. 2. Prettier : 코드를 지저분하게 ..
작년에 여러 강의를 들어봤는데, Nomad coder - Nicolas 이 분 강의 영상이 나에게 가장 맞는 것 같아서 다시 이분 강의를 시작으로 앞으로 나아갈 예정이다. Why? 를 많이 강조하시는데, 왜 내가 이걸 쓰는지, 이걸 안 쓰면 얼마나 돌아가야 하는지 등등 하나의 코드를 다양한 방법으로 설명을 해주시기 때문에 큰 도움이 되는 수업 중 하나였다. 1. Web site 인터넷 프로토콜 기반의 네트워크에서 도메인 이름이나 IP 주소, 경로만으로 이루어진 일반 URL을 통하여 보이는 웹 페이지(Web Page)들의 의미 있는 묶음이다. Web 쉽게 말하자면 Web은 Text로 이루어져 있다. → Web이 이해할 수 있는 언어로 이루어져 있다 (Text ≒ HTML+CSS+JavaScript) 2. ..