본문 바로가기

전체 글6

webpack 학습해서 JavaScript 프로젝트에 적용하기 (+개발서버 설정) webpack 5 기준으로 학습, 적용한 포스팅입니다. webpack 공식문서를 읽고, 간단한 예제를 따라해본 뒤 제 Vanilla JavaScript 프로젝트에 적용해보도록 하겠습니다. 0. webpack 모던 js 어플리케이션을 위한 static module bundler 원리: entry point에서 시작해 내부적으로 dependency graph를 만들고, 이를 파악해 필요한 내용만 가져와서 하나의 번들을 만든다. - dependency graph: 애플리케이션의 모든 모듈 간의 의존관계를 나타냄 1. webpack setting 1) 필요한 모듈 다운 webpack, webpack-cli 2) 디렉토리 구조 설정 - dist, src 폴더 만들기 - dist 폴더 안에 index.html 생성.. 2023. 6. 9.
[window] vs code에서 default 터미널 cmder로 설정하기 어느 날... vs code에서 내부 터미널을 여는데 제가 설정해뒀던 cmder이 아니라, powerShell이 뜨더라구요 setting.json을 보니까 제가 설정해뒀던 코드가 deprecated가 돼서 새로운 설정법으로 터미널을 설정하라는 메시지가 반겨주고 있었습니다. *에러 메시지 원본은 포스팅 하단을 참고해주세요 : ) 어떻게 해야 할까요? 검색을 해보니 vs code에서 터미널 설정하는 방법이 바뀌어서, 새로운 방법으로 다시 설정해주면 되더라구요. 제가 설정한 코드는 아래와 같습니다. { "terminal.integrated.profiles.windows": { "cmder": { "path": "C:\\WINDOWS\\System32\\cmd.exe", "args": ["/K", "C:cmde.. 2021. 9. 8.
[코딩테스트 연습] 프로그래머스 - 구명보트 (js 풀이, 접근방법, 정답코드) 문제 링크 : https://programmers.co.kr/learn/courses/30/lessons/42885# 코딩테스트 연습 - 구명보트 무인도에 갇힌 사람들을 구명보트를 이용하여 구출하려고 합니다. 구명보트는 작아서 한 번에 최대 2명씩 밖에 탈 수 없고, 무게 제한도 있습니다. 예를 들어, 사람들의 몸무게가 [70kg, 50kg, 80kg, 5 programmers.co.kr 1. 문제 접근방법 중량을 기준으로 오름차순 정렬 후, 투포인터로 탐색범위를 좁혀 답을 도출합니다. 2. 발생케이스 1) 최소중량 + 최대중량 제한중량 : 2명이 탈 수없기에, 최대중량(1명)만 태워 보냅니다. 3. 구현 function solution(people, limit) { let answer = 0; let .. 2021. 7. 24.
[ JavaScript ] 자바스크립트 배열의 실체: 배열이 아닙니다. 공부하게 된 이유? 동일한 자료형의 값만 할당해, 포인터 연산으로 각 원소에 접근하는 C언어 배열을 배우고 나니, 자료형 제한 없이 값을 할당하는 js 배열이 대체 어떻게 가능한지 의문점이 들었고, 이를 해소하고자 공부하고, 본 포스팅을 작성하게 되었습니다. 1. 배열의 정의 #데이터의집합 #자료구조 배열은 연관된 데이터를 연속된 메모리 공간에 나열하는 자료구조입니다. 즉, 배열은 데이터의 집합이고, 하나의 변수로 많은 데이터를 관리한다고 생각하면 됩니다. 추가로, 배열을 이루는 각각의 데이터를 '원소'라고 하며, 인덱스를 통해 접근합니다. Q. 어떻게 인덱스로 접근할까요? (C언어 기준) A. 인덱스로 배열의 원소에 접근할 수 있는 방법은, 포인터 연산인데요. 원소의 주소값 = 배열 시작 주소 값 + .. 2021. 7. 9.

티스토리툴바