코드 리뷰 현실 장단점

코드 리뷰란?대기업, 스타트업 등 많은 회사들이 코드 리뷰를 하고 있습니다. 채용공고에서도 "코드 리뷰, 페어프로그래밍 등에 거부감이 없으신 분"이라고 작성할 정도로코드 리뷰를 실무해서 많이 적용하고 있는 것 같습니다. 코드 리뷰란?1. 개발자가 기능 구현 후 PR, MR 제출2. 리뷰어가 리뷰 후 PR, MR 승인 이런 식의 형태로 진행 되게 됩니다.코드 리뷰 장점코드 리뷰를 하게 되면 개발 내용을 동료들과 공유할 수 있어서, 예상치 못한 버그를 방지할 수 있고코드 품질 향상에 도움을 줄 수 있고,지식 공유에도 도움이 됩니다. 코드 리뷰 단점기분이 상한다거나,경력 및 실력에 따라서 일방적이 리뷰가 되고개발 생상성이 떨어진다는 단점이 있습니다. 코드 리뷰에 대해서"니가 감히" 날 지적해? 라고 생각할 수..

• format_list_bulleted Develop/etc
• · 2024. 12. 18.
• textsms

자바스크립트 런타임 Bun 이란? 사용법, 설치방법

귀여운 로고를 가진 자바스크립트 런타임 프로그램이 새로 생겼습니다. 자바스크립트 런타임(실행 환경)이란?자바스크립트는 빈공간에서 혼자 실행되지 않습니다.브라우저나 Node.js 와 같은 런타임 환경에서 작동합니다. 브라우저에서는 자체 자바스크립트 엔진을 사용하여 정적인 웹페이지를 동적으로 만들 수 있습니다. Node.js 에서는 C++로 만들어진 크롬 V8 엔진을 사용하여 자바스크립트 코드를 실행합니다.Node.js 를 설치하면 서버, 웹 앱, 커맨드 등에서 자바스크립트를 사용할 수 있습니다.Bun 이란?Bun은 자바스크립트 런타임입니다.또한, 자바스크립트 bundler, test runner 와 package manager 의 기능을 가진 도구 입니다. Bun 은 Zig 라는 언어로 만들어졌고,내부적으..

• format_list_bulleted Develop/etc
• · 2024. 10. 23.
• textsms

npm cache clean vs verify

프로젝트에서 npm pacakge 설치를 위해 npm install을 사용합니다.설치를 하다가 오류가 나거나, 파일이 손상될 경우에 실행이 되지 않는 경우가 있습니다. 그럴 경우에는 캐시를 직접 삭제 또는 확인하는 방법을 통해서 다시 설치해야 합니다.npm cache clean --forcenpm cache verify 위 두 가지 명령어를 사용하여 해결할 수 있습니다. npm cache 란?npm package를 설치하면 일반적인 http 요청 데이터와 package에 필요한 기타 데이터들을 캐시에 저장합니다.기본적으로는 C:\Users\{userName}\AppData\Roaming\npm-cache\_cacache 해당 폴더에 저장합니다. npm cache 데이터는 삭제되지 않고, 계속 증가하게 됩..

• format_list_bulleted Develop/etc
• · 2024. 10. 18.
• textsms

라이브러리와 프레임워크란? library, framework

개발 중에 "OO 라이브러리가 있어서 사용했습니다". "이번 개발에서는 OO 프레임워크를 사용했습니다." 등 라이브러리와 프레임워크는 자주 사용하는 용어 입니다. 네이버 사전 정의 라이브러리 library 컴퓨터 프로그램에서 자주 사용되는 부분 프로그램들을 모아 놓은 것. 언제든지 자유롭게 이용할 수 있도록 구성되어 있다. 프레임워크 framework 어떤 일에 대한 판단이나 결정 따위를 위한 틀. ⇒규범 표기는 미확정이다. 라이브러리와 프레임워크 라이브러리와 프레임 워크의 공통점 재사용한 가능한 코드의 모음입니다. 라이브러리 라이브러리는 개발자가 언제든지 필요에 따라서 설치하고 자유롭게 사용할 수 있습니다. ex) react, vue, 날짜 라이브러리, 차트 라이브러리 등 프레임워크 프레임워크에서 기본..

• format_list_bulleted Develop/etc
• · 2024. 4. 22.
• textsms

Docker 기본 명령어 알아보기

1. Dockerfile 구성하기 FROM node WORKDIR /app COPY . /app RUN npm install EXPOSE 80 CMD ["node", "server.js"] FROM 필요한 노드 이미지 구축 할 때 사용합니다. 도커 허브에서 검색해서 사용 가능합니다. https://hub.docker.com/ Docker Hub Container Image Library | App Containerization Increase your reach and adoption on Docker Hub With a Docker Verified Publisher subscription, you'll increase trust, boost discoverability, get exclusive dat..

• format_list_bulleted Develop/etc
• · 2024. 2. 10.
• textsms

프론트엔드 코딩 테스트 채점 기준은 뭘까?

취업을 준비하면 원서접수 이후 코딩 테스트를 보는 경우가 있습니다. 대부분 자료구조, 알고리즘 등을 통해서 코딩 테스트를 보는데 그 외에도 간단한 요구사항을 주면서 취업을 준비할 때 프로젝트를 만들어 보라는 코딩 테스트도 두 번 정도 본 적이 있습니다. 프론트엔드의 경우 실무에서 알고리즘을 잘 사용하는 경우는 없어서 더욱 이런 코딩테스트를 많이 하는 것 같습니다. ex) 버스 예약 시스템 기능 : 예약하기 / 예약 조회하기 / 취소하기 등등 최근 저희 회사에서 지원한 분들의 코딩 테스트 결과물들을 검토한 적이 있습니다. 제가 누굴 평가할 수준은 아니지만, 어떻게 하면 지원자들이 제출한 코딩테스트들을 검토하면서 좋은 개발자를 뽑을 수 있을까 고민해 봤습니다. 1. 요구사항대로 기능 구현을 잘하였는가? (필..

• format_list_bulleted Develop/etc
• · 2024. 2. 1.
• textsms

Docker(도커) 란? 컨테이너란? 설치 방법

도커란? 컨테이너를 생성하고 관리하기 위한 도구입니다. 컨테이너란? 코드를 실행하는데 필요한 종속성과 도구가 포함되어 있는 코드 패키지 표준화된 소프트웨어 유닛입니다. 컨테이너에 Node.js 어플리케이션이 있는 경우에 그 코드를 실행하기 위해 필요한 도구들을 가지고 있습니다. 뿐만 아니라, 동일한 Node.js 코드와 Node.js를 실행하는 도구를 동일한 버전으로 가지고 있어서 항상 동일한 동작과 결과를 제공하는 장점이 있습니다. 도커를 사용해야 하는 이유 로컬, 개발, 운영 환경 그리고 동료 들과의 환경 설정이 각각 다르면 어디서 오류가 발생하는지 찾기 어렵습니다. 예를 들어 로컬환경에서는 Node 14 버전을 사용하고 운영 환경에서는 Node 12 버전을 사용한다면, 로컬에서는 정상적으로 동작하는..

• format_list_bulleted Develop/etc
• · 2023. 12. 24.
• textsms

맥에서 유튜브 쇼츠 만들 수 있는 영상 편집 프로그램 추천

유튜브 쇼츠? 유튜브 쇼츠는 세로 화면의 영상이고, 1분 이내 영상이면 자동으로 쇼츠로 등록됩니다. 유튜브에서 바로 영상을 올릴 수도 있지만, 쇼츠로 만들기 위해서는 세로 화면으로 변경하고, 영상을 1분 이내로 컷을 해야 합니다. 간단한 편집을 하면 더 보기 좋고 사용자들이 보기 편하게 만들 수가 있는데요. 맥에서 쇼츠 편집하기 좋은 프로그램 3가지를 추천해드리겠습니다. iMovie apple에서 만든 맥 기본프로그램인 iMovie 얩니다. 기본앱인 만큼 가볍고, 쉽게 영상 편집을 할 수 있습니다. 화면을 컷이 가능하고, 효과 및 전환을 할 수 있습니다. 1분이내로 영상을 컷하고, 세로 화면으로 변경을 위해서 사용하는 수준에 적절합니다. iMovie 다운하기 ‎iMovie ‎간결한 디자인과 직관적인 편집..

• format_list_bulleted Develop/etc
• · 2023. 12. 19.
• textsms

회사에서 업무 우선 순위 정하는 방법

안녕하세요, 직장 생활을 하면 한가할 때도 있고, 업무가 한 번에 몰릴 때도 있습니다. 업무가 한번에 몰릴 때, 어떤 순서로 일을 처리하는 것이 좋을까 저의 생각을 한번 작성해 보도록 하겠습니다. 업무 우선 순위 직속 상사가 시킨 일 같은 팀원이 요청한 일 다른 팀원이 요청한 일 매 일/주/월 하는 반복적인 업무 저는 위와 같은 순서로 업무의 우선순위를 정하고 실행합니다. 1. 직속 상사가 시킨 일 직장 생활에서 가장 우선적으로 생각하고 하는 일입니다. 사장 > 본부장 > 팀장 > 사수 등 직속 상사가 시킨 일에 대해서 가장 우선적으로 처리하고 실행합니다. 단, 같은 팀원이나, 다른 팀원이 요청한 게 더 긴급하고 우선적이다고 판단이 되면 상사에게 보고 후 우선적으로 처리하는 경우도 있습니다. 2. 팀원이..

• format_list_bulleted Develop/etc
• · 2023. 10. 13.
• textsms

직장 동료와 의견이 다를 때 해결 방법 노하우

면접 때, 이런 질문을 받은 적이 있습니다. 면접관: "프론트엔드 개발자로 가장 중요한 역량이 무엇이라고 생각하시나요?" 나: "의사소통 능력이라고 생각합니다. 프론트엔드 개발자는 기획, 디자인, 퍼블리셔, 백엔드 개발자 등 다양한 직군 사람들과 협업이 필요합니다. 원활한 의사소통을 통해서 문제를 빨리 파악하고 해결하는 능력이 중요하다고 생각합니다" 면접관: "그럼 지원자만의 특별한 노하우가 있나요?" 나: ??? 면접관이 의사소통을 잘하는 특별한 노하우가 있냐고 질문을 하였는데, 상대방 입장에서 생각해서 이야기해야 한다고 대충 얼버무렸던 경험이 있습니다. 이번에 고전책인 카네기의 인간관계론에 대해서 읽어보았습니다. 앞으로 직장생활, 사회생활에서 나와 의견이 다른 사람이 있을 때, 이렇게 하면 좋겠다고 ..

• format_list_bulleted Develop/etc
• · 2023. 10. 12.
• textsms