일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- scss
- css
- 42서울후기
- js
- React
- yarn
- 패스트캠퍼스
- Firebase
- 매개변수
- Stack Data Structure
- 리액트
- fastcampus
- 전달인자
- hooks
- 프론트엔드
- 42서울
- 벨로퍼트
- 열심히하자준희야
- Til
- SASS
- Node Sass version 5.0.0 is incompatible with ^4.0.0.
- 정보보호병
- Argument
- Front-end
- javascript
- 해군
- NPM
- 42서울 온라인 테스트
- ReactHooks
- 훅
- Today
- Total
목록JS (4)
천 줄 코딩도 한 삽질 부터
훅(Hook)? 리액트 16.8 버전에 새로 도입된 기능으로, 기존 클래스형 컴포넌트에서 사용하던 기능을 함수형 컴포넌트로 사용할 수 있게 해 준다. Hook이 등장한 이후로는, 클래스형 컴포넌트를 사용할 이유가 정말 단 하나도(...) 없다고 하며 새로 만드는 리액트 프로젝트라면, 클래스형 컴포넌트를 지양하고 Hook으로 만드는 것이 정석(?)이다. 책을 보고 공부하며, 소스코드에 있는 Hook들이 바로바로 나오지 않아 책을 보며 다시 한번 정리해 봅니다. useState state 관리, 가변적인 상태를 지닐 수 있게 함 import React, { useState } from "react"; function Example() { const [count, setCount] = useState(0); ..
리액트에서 node-sass를 설치하고 scss 파일을 불러오면 아래와 같은 오류가 발생한다. Node Sass version 5.0.0 is incompatible with ^4.0.0. 역시 스택오버플로우 형님들은 답을 알고있었다.. stackoverflow.com/questions/64625050/error-node-sass-version-5-0-0-is-incompatible-with-4-0-0 Error: Node Sass version 5.0.0 is incompatible with ^4.0.0 I've created a blank React project, using the command: npx create-react-app on npm v7.0.7 and Node v15.0.1 Insta..
오랜만에 글을 쓰네요 드디어 애증의 운전면허도 끝났고, 코로나 확진자는 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..