- 전체보기(47)
- React(21)
- 공부기록(19)
- I_Do_Love(5)
- js(4)
- 예제(3)
- useState(3)
- useReducer(2)
- useRef(2)
- Rendering 최적화(2)
- 기초(2)
- lifecycle(2)
- 함수형업데이트(2)
- useCallback(2)
- useEffect(2)
- 얕은비교(1)
- 사각형넓이(1)
- 나이계산(1)
- prompt(1)
- solidity(1)
- console.log(1)
- 클래스형(1)
- 학점계산(1)
- 선언형 프로그래밍(1)
- JS입력출력(1)
- dependency array(1)
- 모듈(1)
- memoization(1)
- 단방향 데이터흐름(1)
- promise함수(1)
- state끌어올리기(1)
- 연산자(1)
- reconciliation(1)
- Module(1)
- 어려움(1)
- Recoil(1)
- await(1)
- props drilling(1)
- 웹프로그래밍(1)
- openzeppelin(1)
- 고유한(1)
- UI라이브러리(1)
- defaultProps(1)
- node.js(1)
- for(1)
- 콜백함수(1)
- JS특징(1)
- next(1)
- GET 호출(1)
- const(1)
- let(1)
- var(1)
- 할인율(1)
- filter(1)
- JSX문법(1)
- Math.floor(1)
- key(1)
- commit(1)
- re-rendering(1)
- JS역할(1)
- jquery(1)
- DOM업데이트(1)
- State(1)
- useMemo(1)
- if문(1)
- callback함수(1)
- alert(1)
- CSR(1)
- SSR(1)
- 자료형(1)
- JS규칙(1)
- ERC20(1)
- Fetch(1)
- 차이점(1)
- slice(1)
- 변수(1)
- Remix(1)
- Map(1)
- Math.random(1)
- Token(1)
- areEqual(1)
- 글자색변경(1)
- Props(1)
- 배열추가(1)
- 역방향 데이터흐름(1)
- redux(1)
- 숫자맞추기(1)
- switch문(1)
- document.write(1)
- function(1)
- React.memo(1)
- 함수형(1)
- virtual DOM(1)
- hooks(1)
Math 함수들
Math는 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체입니다. 함수 객체가 아닙니다.Math는 Number 자료형만 지원하며 BigInt와는 사용할 수 없습니다.반올림Math.round(x) = 숫자에서 가장 가까운 정수를 반환합니다. (전달된 실수의
useRef vs useState
리액트 프로젝트중, 감정다이어리를 만들때, useRef를 사용한 적이 있다.useState는 자주 사용해서 어떤것인지 알지만, useRef는 특정 DOM 엘리먼트를 참조하는 용도로만 사용해왔기에 참조한다는 개념밖에 없어서 명확히하기 위해 자세히 공부가 필요해서 정리하였
[JS] Event Bubbling
노션에 정리하며 공부했던 기록 옮깁니다.어떤 프레임워크를 쓰느냐와 관계없이 기본적인 브라우저의 이벤트 감지 방식이다.이벤트 등록 방법이벤트 전달 방식 (이벤트 버블링, 이벤트 캡쳐, 이벤트 위임)event.stopPropagation()웹 애플리케이션에서 사용자의 입력
[JS] 마이크로 태스크큐 vs 태스크큐
노션에 정리하며 공부했던 기록들 옮깁니다.2개의 큐 모두 콜백함수가 들어간다는 점에서 동일하지만 어떤 함수를 실행하느냐에 따라 어디로 들어가는지가 달라진다. 또한 명칭은 큐 (Queue) 이지만 실제 우리가 아는 자료구조의 큐와는 다르다. 엄밀히 말하자면 우선순위 큐
[JS] Event Loop
노션에 정리하며 공부했던 기록들입니다.https://youtu.be/8aGhZQkoFbQ이벤트 루프란 자바스크립트 엔진이 아닌, 구동하는 환경(브라우저, 노드)에서 가지고 있는 장치이다. 콜 스택과 태스크 큐(= 콜백 큐)를 감시하며, 콜 스택이 비어있을 경우
[JS] 싱글스레드언어
▶️ Javascript : 싱글 스레드 언어 싱글 스레드라는 것은 한 번에 하나의 작업만 할 수 있다는 뜻 > 👉🏻 one thread == one call stack == one thing at a time 자바스크립트는 싱글 스레드 언어이기에 함수를 실
[JS] LocalStorage, SessionStorage, Cookie의 차이점
노션에 정리하며 공부했던 기록들 입니다.HTML5에는 웹 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage 스펙이 포함된다.Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다.영구저장소(Lo
[JS] 클로저란?
노션에 공부했던 기록들클로저는 독립적인 (자유) 변수를 가리키는 함수이다. 또는, 클로저 안에 정의된 함수는 만들어진 환경을 ‘기억한다’ MDN흔히 함수 내에서 함수를 정의하고 사용하면 클로저라고 한다. 하지만 대개는 정의한 함수를 리턴하고 사용은 바깥에서 하게된다.
[JS] 호이스팅이란?
노션에 적어서 했던 이론들을 정리하여 올려봅니다 : >함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것자바스크립트 함수는 실행되기 전에 함수 안에 필요한 변수값들을 모두 모아서 유효 범위의 최상단에 선언한다자바스크립트 Parser가
Redux 와 Recoil 비교
여러 컴포넌트에 사용되는 state를 분리 통합하여 관리할 수 있게 하고 애플리케이션의 안정성을 높일 수 있는 라이브러리Action은 state를 바꾸는 방식 | 액션객체를 가지고있고, 반드시 type필드가 있어야한다.Action을 발생시키는것 | action 객체를
React 와 Next 비교
React.js는 라이브러리이고, Next.js는 React.js의 프레임워크이다. 이 둘의 궁극적인 차이점은 "응용 프로그램의 흐름 주도권을 누가 가지고 있느냐"이다.• 코드를 작성하는 기본적인 틀을 제공해서 보다 효율적으로 어플리케이션을 만들 수 있도록 하는 소프트
[JS] <script> async와 defer의 차이점
1. <head>태그안에 쓸 경우 2.<body>끝부분에 쓸경우 3.<head>태그안에+async속성 4.<head>태그안에+defer속성
[JS]예제들
1. 나이계산 프로그램 html js 🖥결과화면 🎯사용한 개념 정리 html button에 onClick = 마우스 이벤트, 버튼을 누르면 함수가 수행되도록 설정할수있음 js [new Date()](https://develop
[JS] 조건문, 반복문
괄호 안의 조건이 true이면 { } 사이의 명령을 처리하고, false 이면 { } 안의 명령 무시if … else 문if( ) 문의 괄호 안의 조건이 true이면 if 다음에 있는 { }의 명령을 처리하고, false 이면 else 다음에 있는 { } 안의 명령
[JS] 변수, 자료형, 연산자
1. 변수 변수를 선언하는 규칙 세 가지 이름은 의미있게 짓는다 여러 단어를 연결한 변수 이름을 낙타 모양으로 만들어 준다 변수 이름의 첫 글자는 반드시 문자나 밑줄(_), 달러 기호($)로 시작해야 한다. (달러기호는 잘 사용하지않음) 변수 선언과 값/식 할당 le
[JS] 자바스크립트란?
프로그래밍 : 사람이 원하는대로 컴퓨터가 작동할 수 있도록 컴퓨터 언어로 명령어를 나열하는 행위웹 프로그래밍 : ‘웹 브라우저’와 관련된 프로그램을 작성하는 것백엔드 (back-end) 프로그래밍 : 서버에서 데이터 관리를 프로그래밍프런트엔드(front-end) 프로그
[React] useReducer() (feat.일기장)
useReducer를 사용하여 일기데이터 상태변화로직을 App.js컴포넌트로부터 분리한다App.js컴포넌트에서 기존 작성했었던 useState를 주석처리하고 useReducer로 관리(useReducer를 사용하는 이유는 복잡한 상태변화로직을 컴포넌트 밖으로 분리하기위
[React] useReducer()
💡useReducer()란? 사용자 리스트 기능에서의 주요 상태 업데이트 로직은 App 컴포넌트 내부에서 이루어졌었습니다. 상태를 업데이트 할 때에는 useState 를 사용해서 새로운 상태를 설정해주었는데요, 상태를 관리하게 될 때 useState 를 사용하는것 말