공부자료 (24) 썸네일형 리스트형 node 버전 active와 Installed 버전 다를때 ln -sf installed경로 active경로 React Hooks : useMemo(), useCallback() 불필요한 재랜더링 줄이기 useMemo() 메모이제이션된 값을 반환한다. 더보기 💡 메모이제이션이란? 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장하고, 동일한 계산 반복 수행을 제거한다. 함수, 의존성 값의 배열 의존성이 변경되었을 때만 메모이제이션 된 값만 다시 계산한다. useMemo로 전달된 함수는 랜더링 중에 실행된다. (통상적으로 렌더링 중에 하지 않는 것을 함수에서 하지 않는다.) useCallback() 메모이제이션된 콜백을 반환한다. 콜백의 메모이제이션된 버전을 반환한다. 메모이제이션된 버전은 그 의존성 배열이 변경되었을 때만 변경된다. find() Method find() 주어진 판별 함수를 만족하는 첫번째 요소의 값을 반환한다. 조건에 맞는 요소가 없을 경우 undefined를 반환한다. const test = ['a', 'ebdd', 'dfwe', 'df', 'as', 'eeee', 'dd'] const found = test.find(el => el.length === 2) found 'df' map과 forEach의 차이? Map 메모리를 할당하고, return 값을 저장한다. 값을 기존의 배열을 가지고 새로운 배열을 생성한다. 대신 기존의 배열의 값은 바뀌지 않는다. 새로운 배열을 변수에 담을 수 있다. forEach() 배열의 요소를 한번씩 실행한다. 새로운 배열을 리턴하는 map과 달리 항상 undefiend를 리턴한다. https://www.freecodecamp.org/news/4-main-differences-between-foreach-and-map/ The Differences Between forEach() and map() that Every Developer Should Know JavaScript has some handy methods which help us iterate through our ar.. ES6 특징, 변수들 정리 및 요약 var -> 함수 단위의 scope, 호이스팅 문제 발생 선언전에 undefined 로 초기화 코드의 유지보수를 위해 호이스팅문제 발생하지 않도록 코드를 짜야한다. 함수표현식은 호이스팅 문제가 없음. 함수선언식에서 호이스팅 문제 발생 scope? 변수가 영향을 끼치는 범위 https://medium.com/@khwsc1/%EB%B2%88%EC%97%AD-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%8A%A4%EC%BD%94%ED%94%84%EC%99%80-%ED%81%B4%EB%A1%9C%EC%A0%80-javascript-scope-and-closures-8d402c976d19 [번역] 자바스크립트 스코프와 클로저(JavaScript Scop.. server-json 포함시켜 헤로쿠앱으로 리액트 프로젝트 배포하기 db처럼 사용 하는 db.json 파일을 server-json 라이브러리를 통해 작업하였다. 배포까지 하려면 이 가상의 db도 완벽하게 작동을 시킬수 있어야했다. 헤로쿠앱을 통한 배포가 이를 해결해 주었다. https://devcenter.heroku.com/ Heroku Dev Center Learn about building, deploying, and managing your apps on Heroku. devcenter.heroku.com 첫 이용시 홈페이지에서 회원가입후, (heroku CLI도 설치도 해야함 홈페이지가서 확인) 터미널을 통해 명령어 입력후 로그인을 한다. heroku login 해당 프로젝트 git repo와 헤로쿠앱과 연결을 시키려면 일단 헤로쿠앱을 생성시킨다. 명령어로도 생.. json-server로 json파일 열어 db처럼 사용하기 json-server 다운로드 npm i -g json-server 설치 db.json (db처럼 사용할 json 파일필요) json-server --watch db.json(json 파일명) --port 5000 서버띄우기 react로 개발시 yarn start 켜고 데이터도 동시에 띄워서 같이 작업하려면 약간의 package.json 파일 수정이 필요하다. "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject", "json-server": "json-server --watch db.json --port 5000".. react(타입스크립트)에서 svg 파일 컴포넌트로 불러오기 custom.d.ts 파일 생성 declare module '*.svg' { import React = require('react') export const ReactComponent: React.FC const src: string export default src } tsconfig.json 파일 수정 "include": ["src", "src/custom.d.ts"] reactComponent로 쓰고싶은 svg파일 불러오기 import { ReactComponent as Logo } from "./CAPA.svg"; 파이어베이스 타임스탬프를 자바스크립트로 표시 https://www.everdevel.com/problem/convert-javascript-timestamp.php everdevel 웹 입문 사이트 everdevel - HTML, CSS, JavaScript, jQuery, ReactJs, MySQL, PHP www.everdevel.com 자바스크립트 날짜 계산하기 https://kdinner.tistory.com/68 javascript - 날짜 계산(몇일전, 몇시간전, 몇분전) javascript 를 이용해서 몇일전, 분, 시간, 일, 년 까지 구하는 함수 토이프로젝트를 하다가 날짜계산을 하고는 싶은데 moment.js는 무겁다고 생각이 들고... 어떻게 만들까아아 고민고민 하다가 회사 kdinner.tistory.com 이전 1 2 3 다음