일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- hooks
- Node Sass version 5.0.0 is incompatible with ^4.0.0.
- javascript
- css
- Firebase
- Til
- Stack Data Structure
- Front-end
- 매개변수
- SASS
- 42서울
- 42서울 온라인 테스트
- 해군
- 정보보호병
- 전달인자
- 42서울후기
- 프론트엔드
- js
- 벨로퍼트
- 열심히하자준희야
- 패스트캠퍼스
- NPM
- yarn
- fastcampus
- Argument
- 리액트
- scss
- ReactHooks
- 훅
- React
- Today
- Total
목록javascript (4)
천 줄 코딩도 한 삽질 부터
훅(Hook)? 리액트 16.8 버전에 새로 도입된 기능으로, 기존 클래스형 컴포넌트에서 사용하던 기능을 함수형 컴포넌트로 사용할 수 있게 해 준다. Hook이 등장한 이후로는, 클래스형 컴포넌트를 사용할 이유가 정말 단 하나도(...) 없다고 하며 새로 만드는 리액트 프로젝트라면, 클래스형 컴포넌트를 지양하고 Hook으로 만드는 것이 정석(?)이다. 책을 보고 공부하며, 소스코드에 있는 Hook들이 바로바로 나오지 않아 책을 보며 다시 한번 정리해 봅니다. useState state 관리, 가변적인 상태를 지닐 수 있게 함 import React, { useState } from "react"; function Example() { const [count, setCount] = useState(0); ..
패캠 강의를 수강하면서 나온 결과물, 제 첫 웹사이트에 대해 포스팅합니다. 사실 만든지는 조금 됐는데, 더 늦어지기 전에 기록을 남겨두어야 할 것 같아서 이제 적게 되네요 헤헤.. (벌써 코드가 가물가물해질라 하는) html 요소를 기준으로 설명하면, header부분에는 사진들 보기, 사진 올리기, 내 정보 기능이 있습니다 사진들 보기는 현재 보고있는 페이지이며, 기본적으로 스토라지에 있는 모든 사진들을 표시합니다(aside에서의 default값은 전체 사진입니다) 각 사진마다 있는 하트 속의 숫자는 그 사진이 가진 좋아요를 나타낸다. 좋아요 순 보기를 클릭하면 숫자가 큰 순서대로 정렬됩니다. 인스타그램처럼 하트를 클릭하면 불이 들어오는 '좋아요' 기능입니다. 좋아요 한 사진을 클릭하면 하트가 올라와있는..
오랜만에 글을 쓰네요 드디어 애증의 운전면허도 끝났고, 코로나 확진자는 1000명을 넘어서 알바를 제외하고는 집 밖에 나갈일이 없는 요즘.. 집중하기 좋은 것 같네요 강의 코스 따라가다가 HTML 요소들을 JavaScript로 받아올때 바로 나오지가 않아서 정리할 겸 조금 적어봅니다 먼저 예시용 HTML파일입니다. work it harder, make it better querySelector() querySelector()는 HTML문서에서 일치하는 첫 번째 태그를 객체로 가져옵니다. 클래스 역시 가져올 수 있습니다. let title = document.querySelector("#title"); 태그 뿐만 아니라 클래스도 가져올 수 있습니다. addEventListener() addEventList..
JavaScript MDN에선 이렇게 정의합니다. JavaScript가 뭔가요? MDN의 JavaScript 초급자 과정에 오신 걸 환영합니다! 이 글은 JavaScript를 넓게 보면서 "뭔가요?", "뭘 하나요?"와 같은 질문을 답변하고, 여러분이 JavaScript에 친숙해지도록 도와드립니다. developer.mozilla.org "자바스크립트는 복잡한 무언가(주기적으로 내용이 갱신되는 기능이나 능동적인 지도, 변화하는 2D/3D 그래픽, 동영상 등)를 웹페이지에 적용할 수 있게 하는 스크립트 혹은 프로그래밍 언어입니다." 흔히들 HTML, CSS, JS를 비유할 때 사용하는 상투적인 표현으로 HTML - 뼈대 CSS - 디자인 JavaScript - 움직임 이렇게 비유를 하는데.. HTML과 C..