Webpack 이란?

안녕하세요.제가 리액트를 시작하며 CRA를 이용해 개발환경을 설정했었는데 용량이 너무 크다는 단점에 직접 개발환경을 설정해보자 Webpack을 알아보게 되었습니다.함께 웹팩이란 무엇인가를 알아보겠습니다.Webpack이란?웹팩은 모던 javascript 애플리케이션을 위한 정적 모듈 번들러입니다. 웹팩이 애플리케이션을 처리할 때, 필요한 모든 모듈을 매핑하고 하나 이상의 번들을 생성하는 디펜던시 그래프를 만듭니다.디펜던시 그래프activity 사이의 종속성을 표현한 그래프. 애플리케이션에서 필요한 모든 모듈을 포함.한 파일이 또 다른 파일에 의존할 때마다 웹팩이 그것을 종속적으로 취급한다는 점은, 웹팩이 코드가아닌 (이미지나 폰트같은)자산을 사용하고 자산을 애플리케이션에 종속적으로 제공할 수 있게한다.웹팩..

• format_list_bulleted 개발 공부/Webpack
• · 2024. 8. 5.
• textsms

[VSCode] Extension 추천

Prettier코드 저장시 자동으로 코드를 예쁘게 정리해주는 extension.줄이 바뀌었을때 띄어쓰기 대신 탭을 사용하고싶다면 체크해주기.Rainbow - bracketindent-rainbow들여쓰기 되어있는 부분을 색으로 표시해주는 extension.

• format_list_bulleted 기타
• · 2024. 8. 5.
• textsms

프로그래머스 0단계: 정답률 25% - 옹알이(1)

안녕하세요.이어서 입문 마지막문제 옹알이(1)를 풀어보겠습니다.function solution(babbling) { var answer = 0; babbling.map(x =>{ ong = ['aya','ye','woo','ma'] ong.map(y =>{ x=x.replace(y,' '); }) let len=x.length while(len){ x=x.replace(' ','') len--; } if(x === ''){ answer=answer+1..

• format_list_bulleted 코테 준비/[JS] 프로그래머스
• · 2024. 8. 5.
• textsms

프로그래머스 0단계: 정답률 44% - 평행

안녕하세요.이어서 정답률 44%문제를 풀어보겠습니다.저는 개인적으로 겹치는 선분의 길이문제보다 쉬웠던것같네요.function solution(dots) { var answer = 0; dots.sort((a,b)=>a[0]-b[0]); if(((dots[1][1]-dots[0][1])/(dots[1][0]-dots[0][0]) === (dots[3][1]-dots[2][1])/(dots[3][0]-dots[2][0]))||((dots[2][1]-dots[0][1])/(dots[2][0]-dots[0][0]) === (dots[3][1]-dots[1][1])/(dots[3][0]-dots[1][0]))||((dots[3][1]-dots[0][1])/(dots[1][0]-dots[0][0])..

• format_list_bulleted 코테 준비/[JS] 프로그래머스
• · 2024. 8. 5.
• textsms

프로그래머스 0단계: 정답률 48% - 겹치는 선분의 길이

안녕하세요.오늘은 정답률 48% 겹치는 선분의 길이 문제를 풀어보겠습니다.처음 문제해결은 부끄럽게 노가다로 완성했네요. 😢function solution(lines) { var answer = []; lines.sort((a,b) => a[0]-b[0]); if(lines[0][1]>=lines[1][0]){ if(lines[0][1]=lines[2][0]){ if(lines[0][1]=lines[2][0]){ if(lines[1][1]answer[1][0]){ return answer[1][1]-answer[0][0]; } else{ return a..

• format_list_bulleted 코테 준비/[JS] 프로그래머스
• · 2024. 8. 5.
• textsms

프로그래머스 0단계: 정답률 50% - 안전지대

안녕하세요.오늘은 오랜만에 정답률 50%문제 안전지대를 풀어보겠습니다.function solution(board) { let answer = 0; for(let j = 0; j { if(x === 1){ if(i>0){ board[j][i-1] === 1? board[j][i-1] = 1: board[j][i-1] = 2; if(j>0){ board[j-1][i-1] === 1? board[j-1][i-1] = 1: board[j-1][i-1] = 2; } if(j0){ ..

• format_list_bulleted 코테 준비/[JS] 프로그래머스
• · 2024. 8. 5.
• textsms