본문 바로가기

전체 글68

[JS] 배열 다루기 1.JavaScript의 배열은 객체이다. const arr = [1, 2, 3]; arr[3] = 'test'; arr['property'] = 'string value'; arr['obj'] = {}; arr[{}] = [1, 2, 3]; arr['func'] = function () { return 'hello'; }; console.log(arr); // [ // 1, // 2, // 3, // 'test', // property: 'string value', // obj: {}, // '[object Object]': [ 1, 2, 3 ], // func: [Function (anonymous)] // ] 배열인지 확인할 때는 isArray 사용 const arr = [1, 2, 3]; Arra.. 2022. 12. 27.
[JS] 분기 다루기 1. 값식문 개발자라면 문법이 중요하다. 문법을 잘 지키는게 어렵다. // This JSX: ReactDOM.render( Hello World!, mountNode ); // Is transformed to this JS: ReactDOM.render(React.createElement('div', { id: 'msg' }, 'Hello World!'), mountNode) 삼항연사자 ⇒ 값이다. JSX에는 삼항연산자를 사용할 수 있지만 if문은 못 쓴다. 괄호 안에 값, 식을 넣어야 하기 때문에 즉시실행하수 IIFE로 꼼수를 부린상황 고차함수를 사용하자 2. 삼항연산자 다루기 숏코딩 보다 일관성이 필요하다 function example() { return condition1 ? value1 : con.. 2022. 12. 26.
Next.js - Parsing error: Cannot find module 'next/babel' Next.js 세팅하고 css를 tailwind를 세팅하는 중에 에러가 발생했다 해결방법 .eslintrc.json 에서 { "extends": "next/core-web-vitals" } 수정 자신이 babel을 사용하고 있는경우 { "extends": ["next/babel","next/core-web-vitals"] } Next.js 12버젼부터는 babel 대신 swc를 기본적으로 사용하기 때문에 { "extends": ["next/core-web-vitals", "prettier"] } 뒤에 'prettier' 추가만으로 에러메시지는 사라진다. 알게된점 nextjs 12버전부터 babel 대신에 Rust 기반 플랫폼 SWC라는 것을 사용한다 https://nextjs.org/docs/advanc.. 2022. 12. 24.
[JS] 다익스트라 알고리즘 다익스트라 알고리즘은 도로 교통망 같은 곳에서 나타날 수 있는 그래프에서 꼭짓점 간의 최단 경로를 찾는 알고리즘이다. 이 알고리즘은 컴퓨터 과학자 에츠허르 데이크스트라가 1956년에 고안했으며 삼 년 뒤에 발표했다 https://youtu.be/tZu4x5825 LI 다익스트라 알고리즘은 '그래프'와 '우선순위 큐(이진힙)' 개념을 이해하고 있어야 하며 두 정점 간의 최단 거리를 찾는 알고리즘이다. //가중그래프 class WeightedGraph { constructor() { this.adjacencyList = {}; } addVertex(vertex) { if (!this.adjacencyList[vertex]) { this.adjacencyList[vertex] = []; } } addEdge(.. 2022. 12. 24.

티스토리툴바