분류 전체보기

[retrospective.1] 6개월 차 신입의 회고

시간이 왜 이렇게 빠른지..! 6-7주 차 회고를 적고 약 4달 만에 돌아왔습니다. 스프린트 단위로 바쁘게 돌아가는 업무에 꾸준히 회고를 적는 게 생각보다 쉽지 않더라구요ㅠ.. 지난 3달간 심장이 쫄깃했던 일, 뿌듯했던 일 등, 여러 가지 일들이 있었는데 이번 회고에서 풀어볼 예정입니다. 추가로 지난 2개월 차 때의 생각과 현재 6개월 차가 된 지금, 느끼는 게 다른 지도 적어볼게요! 그럼 오랜만에 회고 시작해 보겠습니다! 3번의 스프린트, 2번의 서비스 출시저희 팀은 스프린트 단위로 업무가 진행되며, 스프린트당 짧게는 2주, 길게는 4주, 6주 까지도 진행됩니다. 지난 4개월 동안 3번의 스프린트를 바탕으로 새로운 feature, 디벨롭된 UI/UX를 반영하며 결과적으로 성공적인 2번의 서비스 출시를 ..

[6~7주 차] 달려보자 스프린트!!! (feat.첫 야근)

안녕하시렵니까🙇‍♂️  어김없이 6-7주 차 회고가 찾아왔습니다!아.. 또 밀려버렸습니다. 한 주에 한 편씩, 주 회고를 목표로 했으나 눈 한 번 깜빡👀하니 2주 차 더라고요 ㅋ...변명 아닌 변명, 핑계 아닌 핑계를 해보자면! 저번 주부터 새로운 스프린트가 시작되며 굉장히 바쁜 한 주를 보냈기 때문에 회고 쓸 시간이 없었습니다 ㅠ 그래서 이번 회고는 '스프린트'에 대한 경험과 느낀 점을 중심으로 풀어볼 예정입니다! 그럼 시작해 보죠!  스프린트? 그게 뭔데요!저희 팀은 서비스의 방향성과 그에 따른 우선순위를 두어 feature 개발을 스프린트 단위로 진행하고 있는데요, feature 주제가 정해지면 각 시나리오를 기획하고 최종 선정된 시나리오를 바탕으로 본격적으로 파트별 스프린트를 시작합니다. 이때..

[4~5주 차] 드디어 한 달 회고!

허허 그러게요 벌써 한 달이 지나가 버렸.. 0개월 차 신입 → 1개월 차 신입으로 성장했습니다 ㅎ.. 첫 2주간은 회사 자체에 적응하는데 정신없었고, 그 뒤 2주간은 본격적으로 맡은 업무를 수행하는데 정신이 없었던 것 같아요. 이렇게 저렇게 하다 보니 벌써 한 달이란 시간이 지나가 버렸군요! 사실 한 달 회고를 저번주에 작성했어야 했는데 우선적으로 처리해야 할 일들을 하느라 못했습니다 🥲 저는 보통 주말에 회고를 작성하는데요, 이번처럼 주말에 짬이 안 나면 또 놓칠 것 같아 고민이네요. 주중에 조금씩 작성해야 하나.. 무튼 이번주 회고는 큰 이벤트가 있었습니다! 바로 저번 회고에서 예고했었던 세미나 발표가 있었습니다. 한 달 동안 어떤 일들이 있었는지 회고해 보고, 세미나 준비부터 발표까지의 과정을 다..

[3주 차] 신입 튜토리얼 종료! 이제는 좀 익숙해진 것 같은 3주 차 회고

네? 제가 벌써 3주 차가 끝났다구요?! 네.. 그렇습니다. 3.18일에 입사해서 글을 쓰고 있는 지금이 4.7일이니 3주 차가 끝났고, 내일이면 이제 4주 차가 시작됩니다! 저-엉말 시간 빠르네요. 회고를 쓸 때마다 벌써? 벌써? 하면서 시작하는 것 같은데 어쩔 수가 없습니다. 그만큼 빠르게 지나간 게 사실인걸요ㅎ.. 어쨌든, 본격적으로 회고를 시작하기 앞서 간단히 말씀드리면 3주 차는 지금까지와 다르게 뭔가 느끼는 게 많았던 한 주였습니다. 그럼 어떤 부분이 임팩트 있게 다가왔는지 회고 시작하겠습니다! "신입 튜토리얼이 종료되었습니다. 이제 스스로 모험을..." 3주 차가 끝난 시점에서 돌이켜보면 주차별 대략적인 주요 업무는 다음과 같았던 것 같습니다. 1주 차 : 온보딩 & 회사 업무 공간 파악 ..

[2주차] 유난히 상쾌했던 아침, 눈 떠보니 9시 5분이였던 건에 대하여

일주일이 순식간에 지나갔습니다 첫 회고를 쓰고 벌써 한 주가 지나 2주차 회고를 쓰게 되었습니다! 1주차와는 다르게 2주차에서는 임팩트있는 한 주를 보낸 느낌인데요, 제목에서 이미 스포했다시피 굉장히 아찔 했던 순간도 포함되어 있습니다..🫠 빠르게 2주차 회고 시작해보죠..! 두근두근 첫 PR 1주차가 팀 문화를 파악하는 주간이였다면, 2주차는 실제 미션을 부여받고 조금씩 업무를 경험해보는 주 였던 것 같아요. 본격적으로 제가 참여하게될 프로젝트는 회사의 웹 홈페이지 리뉴얼이였는데, 서비스가 버전업되면서 새로운 로고 제작, 표현하고자 하는 가치 등을 재정립하면서 웹 홈페이지도 리뉴얼이 필요해졌기 때문이죠. 그래서 기개발된 웹 홈페이지의 코드를 파악하는 걸 최우선으로 두고 유지보수를 시작했습니다! 코드를 ..

[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 링크 수 : 권한 표기 다음에 나..