반응형
250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- JavaScript
- 확장성
- input
- NAV
- getBoundingClientRect
- 반복문
- html
- width
- scroll
- addEventListener
- Hover
- 이벤트리스너
- forEach
- localstorage
- mousemove
- scrollY
- Sticky
- swiper
- For
- classList
- React
- 스크롤
- pointermove
- NodeList
- Animation
- swiperjs
- css
- insertAdjacentHTML
- 애니메이션
- scrollevent
Archives
- Today
- Total
목록MAP (1)
ZeroToHunnit Coding
[React] 2일차 일기
리액트 문법 자체가 익숙하지 않고 뭔가 그냥 바닐라 자바스크립트 짤 때랑은 또 다른 느낌이라 적응하는데 시간이 걸릴거같은 느낌이다 어제 했던거 좀 까먹은 느낌이라 다시 복습해야겠다. 오늘은 동적인 ui랑 반복문에 대해서 공부했다. 1. 동적 ui 스스로 만들기 1) html css 미리 완성하기 2) ui의 현재 상태를 state로 저장 3) state에 따라 ui가 어떻게 보일지 작성하기 2. JSX 내에서는 if문 작성이 불가하고 삼항연산자를 사용해야함. 삼항연산자는 (조건식 ? 참 : 거짓)의 문법을 가지고 있다. 3. 바닐라 자바스크립트처럼 html을 조작하는게 아니라 state문으로 조절해야함. 4. array.map() : 중괄호 안에서 for반복문을 쓸 수 없기 때문에 사용하는 map 반복문..
React 일기
2024. 1. 12. 22:41