본문 바로가기

분류 전체보기268

[TIL] 2022.05.09 5월 9일 TIL 기록 어버이날로 대전을 다녀오며 푹쉬고 한 주 시작! 리액트를 다루는 기술 8장 Hooks https://mocha-blog.tistory.com/24 [리액트를 다루는 기술] Hooks_2 (useMemo, useCallback,useRef) 8.4 useMemo useMemo를 사용하면 함수 컴포넌트 내부에서 발생하는 연산을 최적화할 수 있다. import React, { useMemo } from "react"; import { useState } from "react"; const getAverage = (numbers) => { co.. mocha-blog.tistory.com 자바스크립트 딥다이브 11장 11장 원시 값과 객체의 비교 원시 타입 : 변경 불가능한 값(숫자, 문.. 2022. 5. 9.
[리액트를 다루는 기술] Hooks_2 (useMemo, useCallback,useRef) 8.4 useMemo useMemo를 사용하면 함수 컴포넌트 내부에서 발생하는 연산을 최적화할 수 있다. import React, { useMemo } from "react"; import { useState } from "react"; const getAverage = (numbers) => { console.log("평균값 계산중 .."); if (numbers.length === 0) return 0; const sum = numbers.reduce((a, b) => a + b); return sum / numbers.length; }; const Average = () => { const [list, setList] = useState([]); const [number, setNumber] = u.. 2022. 5. 9.
[TIL] 2022.05.04 5월 4일 기록. 프로젝트 오늘은 Youtube 프로젝트 리펙토링 및 클릭이벤트 발생시 화면 전환 기능을 구현에 도전했다. 클릭 이벤트 화면 전환은 초보 단계에서는 css구성을 바꿔서 처리하는 방식인것 같고, 나중에는 react- router를 활용하여 진행할 수 있을 것 같다. 부모 컴포넌트와 자식 컴포넌트 사이에서 props 전달 및 함수 전달은 많이 익숙해졌지만, 아직 모르는 기능이 너무 많다. 리액트를 다루는 기술 8장 https://mocha-blog.tistory.com/21 [리액트를 다루는 기술] Hooks_1 (useState, useEffect, useReducer) 8장 Hooks 8.1 useState useState는 가장 기본적인 Hook이며, 함수 컴포넌트에서도 가변적인 상태를.. 2022. 5. 4.
[백준] javascript vscode에서 풀기 백준 문제풀이를 하면서 javascript로 입출력 처리하는데 어려움이 많았다. 기존에 fs를 통해 문제풀이를 했던 경험이 있어 금방 해결할 수 있었지만 \r 때문에 터미널 상에서 고생했다. // vscode에서 사용하기 위한 입출력 처리 방법 let input = require("fs") .readFileSync("예제.txt") .toString() .trim() .split("\n") .map((val) => val.trim()); // 백준에 제출하기 위한 입출력 처리 방법 function solution() { let input = require("fs") .readFileSync("/dev/stdin") .toString() .trim() .split("\n") .map((val) => val.. 2022. 5. 4.

티스토리툴바