kingsubin

도마뱀 보면서 헷갈리는 거 찾다가 전체 흐름 정리해서 적어두고 싶은데 적기엔 양이 많아 전체틀만 메모해둔다. 근데 내가 정리한 글 보는 건 날 위해서고 다른 사람이 공부하기엔 잘 정리된 글들 보는 게 더 좋아 보여서 밑에 적어 놓겠다. 일단 대충 봤으니 정리는 미래의 수빈이가 쪼개서 천천히 하는 걸로... 브라우저: Chrome 기준 아래 시리즈 https://d2.naver.com/helloworld/2922312 JS Engine: V8 기준 https://ui.toast.com/weekly-pick/ko_20200228 https://dev.to/deepu105/demystifying-memory-management-in-modern-programming-languages-ddd https://ui..

※ 출처: https://www.udemy.com/course/clean-code-js/ 총 섹션 13으로 이루어져 있고 22년 01월 기준 섹션 8까지 올라와 있음. 나머지 강의 아직 안 올라와서 나중에 듣고 업데이트 하기. 앞에 부분은 이전에 들어서 제목만 적음. 01-01 :: ~5장, 26강 early return 01-02 :: ~ 8장, 57강 화살표 함수 01-06 :: ~ 8장, 60강 Closure 이곳저곳에서 다 듣거나 본 내용이라 어렵진 않아 2배속으로 봤는데 막상 적용 시키지 않는 것도 좀 있는듯.. 계속 의식하고 적용시키려고 해야할 듯. 2장: 변수 다루기 var 지양하기 function scope & block scope 전역 공간 사용 최소화 임시변수 제거하기 호이스팅 주의하기..

문제점 Next.js project 에서 정적 배포를 하기 위해 next export 시도함. 에러 발생 Error: Image Optimization using Next.js' default loader is not compatible with next export. Possible solutions: Use next start to run a server, which includes the Image Optimization API. Use any provider which supports Image Optimization (like Vercel). Configure a third-party loader in next.config.js. Use the loader prop for next/image. ..

문제점 synchronize true 설정시 현재 설정해둔 entity 만 table 로 생성하길 기대했으나 이전에 만들었던 다른 table 들까지 같이 생기는 문제가 발생함. 원치않은 테이블들을 그냥 지워도 되지만 이유를 몰랐고 나중에 커질 수 있어 해결함. 해결과정 metadata table 도 지워봤으나 실패함. typeorm config 에서 log 레벨에 query, error, schema, warn, info, log 전부 주고 다시 실행해봄. INFO 로그레벨에서 아래와 같은 로깅 출력 All classes found using provided glob pattern "......./entity.{js,ts}": .... 이전의 생성했던 entity 들이 dist 폴더에 있었고 이걸 기반으..

axios (액시오스) Promise based HTTP client for the browser and node.js - jQuery 를 사용할 때 AJAX 라고 보면 됨 설치 npm install axios GET 요청 axios 를 사용해 GET 요청 하는 방법 const axios = require('axios'); // ID로 사용자 요청 axios.get('/user?ID=12345') // 응답(성공) .then(function (response) { console.log(response); }) // 응답(실패) .catch(function (error) { console.log(error); }) // 응답(항상 실행) .then(function () { // ... }); axios.g..

React-Router 페이지간의 이동에서 사용된다. 설치 npm install react-router-dom --save # 여기서 왜 -- save 붙이는가 ? package.json 의 dependecies 안에 모듈이 추가된다. 만약 다른 프로젝트에 package.json 을 옮겨 npm install 하게 되면 dependencies 내의 모듈을 자동으로 설치해준다. 꼭 필요한 모듈을 -- save 명령어와 함꼐 설치하게 되면 다른 프로젝트 시작할때 npm install 한 번으로 필요한 모듈을 한번에 설치할수있다. -> npm version 5 부터는 기본값이라서 굳이 쓸 필요 없음. exact 역할

NPM (node pakage manager) 라이브러리를 담고있는 저장소 역할 pakage.json 에 상세히 정의가 되어있다. npx은 패키지 러너 라고 생각, npm 5.2.0 부터 추가되었다, npm install ~~ -g 가 없으면 local 에 설치 npm install ~~ -g 가 있으면 글로벌로 설치 (프로젝트 안에서만이 아니고 컴퓨터 안에 설치) 원래는 create-react-app을 사용할때 npm install -g crerate-react-app 이런 식으로 사용해서 global 디렉토리에 설치했다. 근데 이제는 npx를 이용하여 그냥 레지스트리에 있는걸 가져올 수 있다. npx가 npm registry 에서 create-react-app 을 찾아서 다운로드 없이 실행시켜준다. ..

컴포넌트 초기 생성 constructor constructor(props) { super(props); } : 컴포넌트가 새로 만들어질 때마다 호출된다. componentDidMount componentDidMount() { // 외부 라이브러리 연동 : D3, masonry, etc // 컴포넌트에서 필요한 데이터 요청 : Ajax, GraphQL, etc // DOM 에 관련된 작업: 스크롤 설정, 크기 읽어오기 등 } : 컴포넌트가 화면에 나타나게 됐을 때 호출된다. 컴포넌트 업데이트 static getDerivedStateFromProps static getDerivedStateFromProps(nextProps, prevState) { // setState 를 하는 것이 아니라 // 특정 pro..