전체 글

[1주차] 입사 후 첫 주말 회고!

입사 후 첫 주말이 되었읍니다.. 길고 긴 취준의 문턱을 간신히 넘고 입사하여 첫 주말을 맞이했습니다! 그동안 취업을 위해 했던 노력을 바톤터치해서 이제는 훌륭한 주니어 개발자로 거듭나기위해서! 틈틈이 나를 돌아보는 시간을 가지려 해요. 그래서 이번 회고에서는 간단히 입사 과정과 입사 후 첫 일주일 동안의 느낀점, 아쉬운점을 다뤄 볼 예정입니다. 자, 그럼 본격 신입 프론트엔드 개발자의 입사 후 첫 회고 시작합니다! 포기를 포기한다! 입사까지의 과정 저는 부트캠프 수료후, 바로 취업하지 않고 이력서에 포함할 사이드 프로젝트를 길게 했었어요. 이유로 당시 저는 취업해서 1인분 하기에는 스스로 역량이 부족하다고 생각했었기 때문에, 요즘 프론트엔드 씬에서 핫한 Next.js와 같은 기술 스택을 이력서에 담기위..

Next.js 14에서 뭐가 달라졌을까!

Next.js가 2016년에 처음 공개되고 나서 시간이 흘러 벌써 7살이 되었습니다 🎉 사실 저는 Next.js 13 버전부터 발을 들인 프론트엔드 응애라서 크게 와닿진 않지만.. 최근에 14로 버전업 되었다는 소식에 Next.js 13도 보내줄 겸, 이전 버전과 어떤 차이가 있는지 한 번 정리하고 넘어가려고 합니다. 지금 글을 쓰는 순간에 이미 버전이 0.1 올라가서 14.1.0이네요..ㅎ 자, 그럼 시작해볼까요? Next.js 14 버전업 특징 5가지 Turbopack : app router & pages router에 대한 5000회의 테스트 통과 - 53% 빨라진 로컬 서버 시작 속도 - 94% 빨라진 코드 업데이트 Server Actions(Stable) : 점진적으로 개선된 mutations ..

[yarn-package 배포] 나만의 boilerplate 만들기 (with inquirer)

사이드 프로젝트나 기업 과제를 수행할 때, 매번 새롭게 프로젝트 환경을 세팅해줘야 했는데, 프로젝트 기획에 맞춰서 달라지는 부분도 있지만, 거의 비슷하게 가져가는 스택은 그야말로 boilerplate였다. 그런 단순 반복 작업을 피하고자 이번에 날잡고 내 입맛대로 세팅한 '나만의 boilerplate'를 만들어보았다. 이 글은 제작 과정과 트러블슈팅에 대한 내용을 담고있다. workflows bolierplate 제작 1. 내 입맛대로 세팅한 boilerplate 제작 2. boilerplate github push yarn package 배포 1. 배포용 package 제작 2. yarn publish --access public 설치 테스트 1. 빈 폴더 생성 2. npx create-tangjin-..

[CI/CD] Docker-compose + github-actions + EC2 적용기

면접어때 프로젝트의 CI/CD를 적용하는 과정에서 생겼던 트러블 슈팅을 기록해보려고 한다. 목표 main 브랜치에 코드 변경이 일어나면 자동으로 EC2 서버에 배포된다. workflows feature-example -> main merge github-actions에서 감지 Docker Image build -> DockerHub push EC2 접속 및 docker-compose로 컨테이너 실행 배포 완료 CI/CD를 진행할 면접어때의 프로젝트 환경은 Next.js + Docker-compose + AWS EC2 + github-actions 이다. 필요한 중요 파일은 3가지로 다음과 같다. github-actions.yml docker-compose.yml DockerFile 먼저 해당 브랜치의 a..

Linux 폴더 권한 확인 + 권한 설정

이번에 폴더 권한 에러를 겪으면서 폴더 권한을 확인하고 새롭게 설정하는 Linux 명령어에 대해 정리해 보려고 한다. 폴더 권한 확인 명령어 ls -ld 폴더 결과 예시 : drwxr-xr-x 3 user group 4096 Jan 24 10:00 폴더 해당 결과를 나눠서 살펴보자. drwxr-xr-x d : 디렉토리를 나타낸다. 파일인 경우 ' - ' 로 표시된다. r : 읽기 권한 w : 쓰기 권한 x : 실행 권한 rwx를 한 묶음으로 왼쪽부터 소유자 권한, 소유 그룹 권한, 기타 사용자 권한 순으로 표시된다. 따라서 위 drwxr-xr-x의 뜻은 디렉토리이며, 소유자는 읽기,쓰기,실행 권한이 있고, 소유 그룹과 기타 사용자는 읽기와 실행 권한만 있다는 뜻이다. 3 링크 수 : 권한 표기 다음에 나..