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

자바스크립트 Web Worker 사용하기

Web Worker 란? 자바스크립트는 싱글 스레드 언어입니다. 아래와 같이 작업 1과 작업 2가 있을 때, 자바스크립트는 작업 1을 모두 마친 뒤에 작업 2를 할 수가 있습니다. // 작업 1 let result = 0; for(let i = 0; i < 9999999999; i++) { result += i; } alert(result); // 작업 2 // do something 하지만 이런 방대한 계산을 처리하거나, 많은 브라우저에 부담을 주는 작업이 있을 때, Web Worker를 사용하면 주 메인 스레드가 아닌 백그라운드 스레드에서 작업을 할 수 있습니다. Web Worker 사용하기 index.html calculate calculate(use worker) 배경색 변경하기 js/app.js..

• format_list_bulleted Develop/JavaScript
• · 2024. 2. 7.
• textsms

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

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

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

2024년 실수령액 계산기

2024년 실수령액 계산기로 이동하기

• format_list_bulleted Develop/Made by powerku
• · 2024. 1. 24.
• textsms

전세 살이가 더 좋은 이유

최근에 집값이 폭락했다는 뉴스 기사가 보입니다. 자취를 준비하거나, 결혼을 할 때 자가를 구매할지, 전세, 월세로 시작할지 주거에 대해서 고민을 많이 합니다. 실거주로 살 때, 집을 구매하는 것보다 임차인(전세, 월세)으로 살 때 장점에 대해서 작성해보려고 합니다. 1. 저렴한 주거비 매매가 > 전세가 매매가 보다 전셋값이 저렴합니다. 5억짜리의 집을 전세로 살면 5억 이하의 값으로 거주할 수 있는 장점이 있습니다. 실제로는 5억 보다 훨씬 저렴한 가격에 거주할 수 있는 장점이 있습니다. 세금이 없습니다. 집을 구매하면 취득세, 증여세 집을 보유할 때는 재산세, 종합 부동산세, 집을 팔 때는 양도 소득세 등 세금을 내야 하지만, 전세의 경우에는 세금이 없습니다. 집 유지보수 비용이 들지 않습니다. 아파트..

• format_list_bulleted 일상/재테크
• · 2024. 1. 21.
• textsms

git rebase와 merge 차이점 rebase 할 때, 주의 사항

git rebase 란? git에서 한 브랜치와 다른 브랜치를 합치는 방법이 merge와 rebase가 있습니다. git rebase는 한 브랜치의 베이스 브랜치를 다시 설정하는 기능입니다. 예시를 보면서 한번 알아보도록 하겠습니다. merge 했을 때, 아래와 같이 main 브랜치에서 commit2를 작업을 하고 다른 브랜치에서 작업을 하게 되면 main 브랜치와 다른 브랜치의 베이스 브랜치가 달라지게 됩니다. 베이스 브랜치가 달라진 상태에서 merge를 하게 되면 아래와 같이 새로운 merge commit이 새롭게 생성되고 브랜치가 merge 됩니다. 작업하는 브랜치가 많지 않다면 크게 문제는 없지만, 여러 브랜치를 Merge를 하게 된다면 작업 히스토리가 어떻게 되는지 파악하기 어려울 수도 있습니다..

• format_list_bulleted Develop/Git
• · 2024. 1. 20.
• textsms

33살이 생각하는 이립(而立)에 대해서

2024년 청룡의 해가 밝아 왔습니다. 저희 회사에는 사내 도서관처럼 책을 빌려서 읽을 수 있는 도서관 같은 곳이 있습니다. 종종 도서관에 들려 무슨 책이 있나 보곤 합니다. 주로 IT 관련 개발 서적이 있지만, 제목이 재밌는 책을 발견하여 한번 읽어보았습니다. 인생 따위 엿이나 먹어라 - 예스24 “자신의 껍데기를 부술 힘은 자신에게만 있다!”X같은 세상을 살아가야 하는 청춘들에게 전하는마루야먀 겐지의 강철 멘탈북마루야마 겐지丸山健二는 최연소(23세)로 아쿠타가와상을 받은 이 www.yes24.com 무슨 내용일까 궁금했는데, 3땡을 맞이하며 이립에 대해서 다시 생각해보게 하는데 책이었습니다. 이립(而立)이란? 공자가 논어에서 나이 삼십은 이립이라고 하였습니다. 스스로 자립한다, 기초를 세워 일어선다 ..

• format_list_bulleted 일상/이야기
• · 2024. 1. 15.
• textsms

런닝 머신 속도별 1km 페이스 하프 풀 기록 계산기

속도별 페이스 계산기로 이동하기 1km 페이스, 평균 페이스 란? 나이키 런닝앱이나 런닝 하시는 분들은 주로 6분 페이스로 뛴다. 이렇게 이야기를 합니다. 이것은 1km를 달리는 속도가 6분의 시간이 소요된다는 뜻입니다. 이렇게 하는 이유가 10km, 20km 등 시간을 계산할 때, 더 빠르게 계산할 수 있는 장점이 있습니다. 속도별 페이스 계산기 하지만, 런닝머신에서는 주로 속도가 시속으로 되어 있습니다. 시속을 입력하면 페이스와 3, 5, 10, 하프, 풀 코스 기록을 쉽게 계산해 주는 사이트입니다. 속도별 페이스 계산기로 이동하기 속도 계산기 1km 페이스: 00 시간 00 분 00 초 3km 기록: 00 시간 00 분 00 초 5km 기록: 00 시간 00 분 00 초 10km 기록: 00 시간 ..

• format_list_bulleted Develop/Made by powerku
• · 2024. 1. 13.
• textsms

블로그란? 주제 블로그 잡블로그 어떤 것이 좋을까?

안녕하세요, 블로그란 무엇이고, 어떤 글을 작성해야 하며, 어떻게 하면 내 글이 노출이 잘될 수 있는가에 대해서 작성해보려고 합니다. 블로그란? 블로그는 Web + Log (웹로그)의 줄임말입니다. Web은 인터넷을 뜻하고 로그는 항해, 비행, 운항 등 에서 작성하는 일지를 뜻합니다. 국내에서는 네이버, 티스토리 블로그를 많이 사용하고 그외에도 워드프레스, 구글 블로그 외에도 다양한 플랫폼이 있습니다. 즉, 인터넷에 기록을 작성하는 것이 블로그 입니다. 유튜브 시대 이후로는 많은 사람들이 v-log도 많이 올리는데요 v-log는 video + log의 줄임말입니다. 어떤 글을 작성해야할까? 블로그에는 자신이 알고 있는 정보, 경험, 생각 등을 작성할 수 있습니다. 내가 가본 맛집의 정보, 여행지에서의 나..

• format_list_bulleted 일상/블로그
• · 2024. 1. 12.
• textsms

JavaScript - 고유한 값을 저장하는 집합 Set

자바스크립트에 Set 문법이 있습니다. 자바스크립트에서 값을 저장할 때, 배열이나 객체를 많이 사용하는데 ES6 이후 부터 Set이 추가되었습니다. 기존 배열과 차이점이 뭔지 Set에 대해서 알아보도록 하겠습니다. Set 이란? 고유한 값을 저장하는 집합입니다. 값의 중복을 허용하지 않고 Index가 없다는 점이 배열과의 차이점입니다. Set 사용법 const mySet = new Set(); const mySet2 = new Set([1, 2, 3, 4, 5]); 데이터 추가 / 삭제 / 값 존재 여부 const mySet = new Set(); // 값 추가 mySet.add(1); mySet.add(2); mySet.add(3); mySet.add(1); // nope // 값 제거 mySet.de..

• format_list_bulleted Develop/JavaScript
• · 2024. 1. 12.
• textsms