자바로 알고리즘 문제 풀이 및 자료구조 공부를 진행하면서, Test 코드도 같이 작성해 보면 어떨까 싶어 사용하게 되었습니다. Junit5 공식문서(https://junit.org/junit5/docs/current/user-guide/Junit5 jar를 받

리팩토링 책을 읽으며, node에서 기본적으로 사용하는 esm 모듈 대신, ES6 이후부터 사용 가능한 import, export 문을 이용해서 코드를 깔끔하게 작성하고 싶었습니다 이미 해결책들이 많이 있었지만, 한국어로 된 부분이 없어서 이렇게 작성하게 되었습니다.

vscode 내에서 git hook 기능을 활용하기 위해 .git에 접근할 필요성이 생겼습니다. 하지만, vscode에서 항상 File Explorer로 확인했지만, 이제는 vscode에서 직접 확인하고 싶어서 이렇게 글을 남기게 되었습니다.vscode 설정 파일이 들

Webpack Asset ModuleWebpack 소개 블로그폰트, 아이콘 등 asset file들을 사용하기 위한 module (다른 추가 loader 필요 없이)Webpack 5 이전에는 file을 data URI로 inline 해주는 url-loaderfile을

webpack 5로 오면서 uglifyJs 대신 terser-webpack-plugin가 사용됨 uglify-js가 es6+이후로 지원하지 않는다는 점 관련 링크 최소화하기 위해 내부적으로 terser를 이용한다 terser-webpack-plugin 일단 b

개요 시각적인 update 코드를 작성시, 습관적으로 setTimeout, setInterval을 쓰던 상황을 피하고 느려지는 현상을 겪음 developer google com를 살펴보면, 화면에서 시각적 변화가 발생하고 있을 때 => 개발자는 브라우저에서 정확한

더욱 깊은 FrontEnd 지식을 준비하고, 개발자가 되기 위해 정리해보았습니다!코드를 보면서, 이렇게 작성할 수 있을까라는 깊은 고민이 되었습니다.2021-Dev-Matching: 웹 프론트엔드 개발자(상반기)2021-Dev-Matching: 웹 프론트엔드 개발자(하

문제 재현 Webpack-dev-server를 실행하고 코드 작성 중, Javascript heap out of memory가 발생 yarn pnp에서 node inspect를 어떻게 활용하는가

Material Components를 사용하면서 webpack을 통해 번들링 중 에러가 발생 에러 사진1관련 Repo들을 확인해보고, 해당 해결책을 적용해보았지만, 에러가 해결되지 않음 찾아본 repo1찾아본 repo2 material 공식 문서에 소개된 importe

2022.01.19일, yarn editor sdk(https://yarnpkg.com/getting-started/editor-sdksyarn berry github을 참고 \[하지만, yarn dlx @yarnpkg/sdks vscode 하면 .yml 파일

저도 이거 때문에 고생 좀 했는데, 조금 읽어보니 공식 문서에 있네요 ㅠㅠ참고 링크(https://webpack.js.org/plugins/mini-css-extract-plugin/Production 환경과 development 환경에서의 사용 목적이 다르기

나오는 링크를 클릭하면 컴퓨터 내 설치된 아키텍처 정보를 알아야 함 관련 windows 공식 링크(https://docs.microsoft.com/ko-kr/windows/wsl/install-manual32, 64비트인지 알아보고 64비트이면 관련된 패키지를

webpack에서 사용하다가, lib 내부에서 폰트를 다운로드 하는 경로가 달라 오류가 발생 그래서, cdnpkg.com의 ttf파일 경로를 font-face에 명시해주어서 해결 폰트 이름은 codicon.ttf참고 링크webpack.config.js에 추가 내용이 필

링크다른 A 단계 문제 중 못 푸는 문제들이 좀 있음 음.. 문제 이해를 제대로 못한 건가, 시간을 정해 놓고 지인에게 물어봐서 힌트만이라도 얻어보고 다시 풀어보자

링크기본적인 입출력 문제 set을 통해서 유일성을 확인

링크좋은 코드를 작성하려고 노력하자 문제 이해하는 속도가 느린 부분, 영어가 약하다는 부분이 여실히 드러남

링크방문했던 것을 배열로 처리, 라이브러리에 의존하려는 습관을 버리고 최대한 생각해서 작성하자

링크문제에서 역방향 순서대로 정렬 방식을 직접 구현 중복되는 것이 있으면, 최소값의 위치를 구하는 부분에서는 가장 우측에 있는 친구를 중복되는 최대값의 위치를 구하는 부분에서는 가장 좌측에 있는 최대값의 위치를 반환 그래야 최소 횟수의 이동으로 장군이 원하는 정렬을 만

링크문제 이해를 빠르게 하면 할 수록 코드를 더욱 쉽게 작성할 수 있습니다. set을 이용해서 중복을 제거한 원소들의 개수를 얻어서 4에서 빼주는 결과로 풀이

링크문제 이해에 초점을 맞추어 진행하자 영어 공부 및 기본 수학 공부를 다시 해야 할 듯 코드 작성에 있어 최대한 효율적으로 함수를 작성해 활용하는 연습을 꾸준히 하자