반응형
반응형
안녕하세요. 모도리입니다. 저는 현재 8년차 개발자로 작은 스타트업에서 주로 백엔드 업무를 담당하고 있습니다. 8년차이지만, 이번에 벌써 여덟번째 직장이니 거의 1년에 한번씩 이직을 했던 셈이네요. 이직을 자주 하다 보니, 이력서 관리의 중요성을 누구보다 잘 알고 있습니다. 주기적으로 이력서 관리를 잘 하고 있다면, 기회가 왔을 때 빠르게 행동할 수 있습니다. 저는 노션을 이용해서 이력서 관리를 하고 있습니다. 이번에 이력서 정리 겸 템플릿을 하나 만들어 봤습니다. 템플릿은 아래와 같이 심플합니다. 템플릿 소개 템플릿 사용 방법 템플릿 우측 상단에 복제 버튼을 눌러서, 자신의 노션으로 복제를 합니다. 그리고 자신의 이력서를 작성해 주세요. 다 작성한 후에는 노션 우측 상단의 더보기 메뉴를 눌러서 내보내기..
본 포스팅은 MacBook Air M2 (Apple Silicon)를 기준으로 작성되었다. Flutter SDK 설치 Flutter 공식 홈페이지 접속: https://docs.flutter.dev/get-started/install macOS 선택 시스템 요구사항 확인 M2의 경우 아직 Apple Silicon Chip에 대응 안된 소프트웨어를 위해 아래 명령을 이용해, rosetta를 설치해야 한다. sudo softwareupdate --install-rosetta --agree-to-license Flutter SDK 다운로드 Apple Silicon을 위한 SDK를 다운로드 받는다. 다운로드 받은 파일을 압축 풀 경로로 이동 시킨 후 아래 명령으로 압축을 해제한다. ~/Dev/sdks 는 임의..
Babel 이란? Babel is a JavaScript compiler. Use next generation JavaScript, today. Babel 공식 홈페이지 메인에 써 있는 문구이다. 간단히 설명하면 최신 Javascript 문법으로 작성을 하면, 하위 호환성을 위해 이전 버전의 문법으로 변환해 주는 역할을 한다. 왜 Transpiler가 아니라 Compiler라고 말하나 궁금해서 검색을 해봤다. Is Babel a compiler or transpiler? 위 게시물의 답변에 의하면 compiler와 transpiler의 경계가 모호해 졌으며, 둘 다 하나의 언어에서 다른 언어로 변환해 주는 것이기 때문에 큰 문제가 없다고 말한다. 그리고 공식 홈페이지에서 compiler라고 말하니 그냥 ..
TypeError: Cannot read properties of undefined (reading 'value') Javascript로 개발하다 보면 위와 같은 메시지를 자주 보게 될 것이다. 주된 이유는 모듈을 import 하지 않고 사용했거나, 변수를 선언하지 않고 사용한 경우가 대부분이다. 그렇다면 이런 문제들을 Runtime이 아니라, 코드 작성 시점에 미리 알 수 있는 방법은 없을까? 장기적인 해결책 장기적인 관점에서 추천하는 방법은 Typescript로 전환하는 것이다. 이런 문제점을 해결할 수 있을 뿐만 아니라 데이터 타입 지정, Generic 사용 등 여러가지 장점이 있다. 단기적인 해결책 이미 프로젝트가 Javascript로 작성되어 있고, 팀원 전체가 Typescript에 대한 지식이..
Prettier란? 현재 가장 널리 사용되고 있는 코드 포맷팅 툴이다. 홈페이지에 나와 있듯이 다양한 언어를 지원하며, 대부분의 IDE에서 Plugin으로 사용할 수 있다. 코드 포맷팅이랑? 혼자 코딩을 할 때는 잘 모르겠지만, 2명 이상과 함께 작업을 하다보면 서로의 코드 작성 스타일이 다르다는 것을 느낄 때가 있을 것이다. 사소해 보일 수 있지만, 코드를 작성하는 입장에서 굉장히 거슬리는 경우가 많다. 그래서 협업을 할 때에는 서로의 코드 작성 스타일을 사전에 합의하고 진행해야 된다. 코드 작성 규칙 (Code Convention) 일반적으로 많이 사용하는 규칙들은 다음과 같다. 네이밍 (파일명, 변수, 함수 등...) 주석 폴더 구조 아키텍쳐 코드 포맷팅 코드 포맷팅 그 중에서 Prettier는 코..