본문 바로가기

전체 글30

Jaeuk LIM, Frontend Developer Jaeuk Lim, Frontend Developer 안녕하세요. 프론트엔드 개발자 임재욱입니다. 웹 성능 최적화에 관심이 많으며, 어떻게 하면 사용자가 편리하게 서비스를 이용할 수 있을지 고민합니다. 종종 개발과 관련된 글을 남기곤 합니다. github: https://github.com/mugglim linkedin: https://www.linkedin.com/in/jaeuk-lim-2a449020a/ 2023. 1. 2.
2022 5차 Softeer 정기 역량 진단 후기 시험 일자 2022년 12월 6일 시험 정보 Level3, 180분/2문제 화상 감독 환경 Python으로 응시 Softeer 정기 역량 진단 Softeer 정기 역량 진단은 현대엔지비에서 주관하는 코딩테스트이다. (https://softeer.ai/challenge/certification/intro.do) 주기적으로 열리며 나이, 경력에 무관하게 참여할 수 있다. 삼성전자 SW 역량테스트와 비슷하다. 후기 재미삼아 응시해봤는데, 한번에 합격해서 기쁘다. 오랜만에 3시간을 풀 집중해서 약간 힘들었다. 2022. 12. 21.
Schema Validation Layer 프롤로그 타입스크립트 덕분에 자바스크립트 개발이 편해지고 있습니다. 컴파일 시점에서 타입을 검사하니 코드의 품질을 높일 수 있고, VS Code와 같은 IDE에서 자동완성을 제공해 개발 생산성도 높아지게 됩니다. 하지만 타입스크립트를 통해 개발한다고 해서 완전히 안전한것은 또 아닙니다. 타입스크립트의 컴파일 된 결과물은 결국 자바스크립트 코드입니다. 컴파일 시점에 에러가 발생하지 않더라도, 컴파일 된 자바스크립트 코드에서 런타임 에러가 발생할 수 있습니다. 이번 글에서는 런타임 환경에서도 타입 안정성을 보장할 수 있는 방법을 소개하고자 합니다. 코드를 살펴보고 싶으시다면, 하단 링크를 참고부탁드립니다. GitHub - mugglim/zod-with-react-error-boundary: Boilerpla.. 2022. 12. 5.
[Git Merge] Fast-forward vs 3-way merge git merge 명령어는 기준 브랜치가 다른 브랜치의 커밋을 참조하는 방법이다. git merge는 어떻게 동작할까? Git은 merge 명령어를 실행하면, 두 브랜치의 최소 공통 조상을 자동으로 찾는다. 최소 공통 조상의 케이스에 따라 Git은 merge하는 방법이 달라진다. Case1: 참조할 브랜치가 기준 브랜치의 Upstream 브랜치인 경우 로컬 브랜치는 develop이며, feature 브랜치는 develop 브랜치에서 하나의 커밋이 앞선 상태이다. 이 상태에서 git merge feature를 입력하면, Git은 develop 브랜치와 feature 브랜치의 최소 공통 조상을 develop으로 판단한다. feature 브랜치는 develop 브랜치의 Upstream 브랜치이므로, 이 경우에.. 2022. 11. 6.
[React] useEvent is not dead! Github에서 관련 코드를 확인할 수 있으며, 배포 URL은 아래 링크와 같습니다. Github : https://github.com/mugglim/use-event-hook 배포 URL : https://use-event-hook.vercel.app/ 프롤로그 프론트엔드 뉴스레터를 살펴보던 중 useEvent RFC가 중단되었다는 소식을 확인 (관련 트윗 링크 : https://twitter.com/t3dotgg/status/1574913828613021697) 정말로 useEvent 개발은 끝난걸까요? useEvent useEvent는 함수를 메모제이션 하기 위한 훅입니다. useEvent로 생성된 함수는 재생성되지 않고, 항상 동일한 참조값을 가집니다. useCallback과 유사하게, 함수를 메.. 2022. 11. 6.
Visual Studio Code Extension 설치 자동화 프롤로그 이 글은 Visual Studio Code Extension의 설치 과정을 CLI 환경에서 자동화해주는 방법을 설명하고 있습니다. (단, 본인의 환경에서 Visual Studio Code가 설치 되어있어야만 합니다.) 관련 소스 코드는 아래의 링크를 확인해주세요. https://github.com/mugglim/vscode-extension-install-automation GitHub - mugglim/vscode-extension-install-automation: How to install vscode extension in CLI. (for automation) How to install vscode extension in CLI. (for automation) - GitHub - mug.. 2022. 10. 22.