profile
꾸준함이 제일 빠른 길이었다
post-thumbnail

VSCode Java Test 설정

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

2022년 2월 2일
·
0개의 댓글
post-thumbnail

Mocha + Import, Export & VSCode debugger

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

2022년 1월 31일
·
0개의 댓글
post-thumbnail

VSCode에서 Git 폴더 내용 보는 법

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

2022년 1월 31일
·
0개의 댓글

Webpack 5 => Asset Modules

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

2022년 1월 28일
·
0개의 댓글

Webpack 사용 시 주의사항!

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

2022년 1월 24일
·
0개의 댓글
post-thumbnail

requestAnimatonFrame??

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

2022년 1월 23일
·
0개의 댓글

FrontEnd 역량을 어떻게 준비해야 할까?

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

2022년 1월 22일
·
0개의 댓글
post-thumbnail

Webpack dev server 메모리 누수

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

2022년 1월 22일
·
0개의 댓글
post-thumbnail

SassError: Can't find stylesheet to import (with MDC, material)

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

2022년 1월 20일
·
0개의 댓글

vscode에 pnp 적용 시, Select Workspace에 선택이 잘 되지 않을 경우

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

2022년 1월 19일
·
0개의 댓글

mini-css-extract-plugin과 style-loader를 같은 개발환경에서 함께 쓰면 안 되는 이유

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

2022년 1월 19일
·
0개의 댓글
post-thumbnail

docker install시 WSL incomplete 오류 해결 사항

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

2022년 1월 18일
·
0개의 댓글

monaco-editor를 사용해보면서 만났던 문제들

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

2022년 1월 17일
·
0개의 댓글

Codeforces : 520A - Pangram

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

2021년 10월 27일
·
0개의 댓글

Codeforces : 443A - Anton and Letters

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

2021년 10월 27일
·
0개의 댓글

Codeforces : 148A - Insomnia cure

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

2021년 10월 26일
·
0개의 댓글

Codeforces : 469A - I Wanna Be the Guy

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

2021년 10월 26일
·
0개의 댓글

Codeforces : 144A - Arrival of the General

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

2021년 10월 26일
·
0개의 댓글

Codeforces : 228A - Is your horseshoe on the other hoof?

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

2021년 10월 26일
·
0개의 댓글

Codeforces : 116A - Tram

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

2021년 10월 26일
·
0개의 댓글