구인 공고들을 보면 볼수록 Next.js에 대한 수요가 거진 80퍼센트 이상인 것으로 보여 현재 내가 가진 포트폴리오로는 기업의 우대사항을 만족 할 수 없을 것 같아 Next.js 프로젝트를 진행하기로 하였다. 주제배틀그라운드 전적 검색 및 패치노트 서비스 Tech Stack Next.js Express.js Tailwind css Redux Toolkit Mongo DB Docker EC2 Vercel(?) Tanstack Query 프로젝트 …
프로젝트 개요프로젝트 기간: 2024.05.22 ~ 2024.07.09 프로젝트 목표: 외부 라이브러리 사용해보기 개발부터 배포까지의 풀 스택 개발 경험해보기 사용자 경험 개선을 위한 성능 향상 고민 프로젝트 배경 및 목적내가 가장 많이 사용하는 서비스가 뭔지를 고민해봤습니다. 이번 프로젝트의 목표가 단순한 기능 구현이 아닌 사용자 경험 개선까지 고려하여 프로젝트의 완성도를 높이는 것에 있기 …
선 요약2020년 졸 4년제 전공자 2020-2022 cbt 기출 1바퀴정도 돌리고 80점으로 합격했습니다. 수험표 없어도됨. 수험번호 몰라도 됨. 사진 6개월 이내 아니어도 됨. 시험용 연습장 나눠줌. 공부 방법cbt를 위주로 보는데 문제를 푸는게 아니라 정답보기를 눌러놓고 문제와 해설을 보면서 공부했습니다. 오래되긴 했지만 그래도 전공자라 눈에 익었던 단어가 많아 이런 과정으로 시작하는게 가능했던 …
목차 멘토링 지난 6월 남은 6월 다가올 7월 주절주절 멘토링지난 5월 중순 경에 프론트엔드 쪽으로 다시 방향을 잡고 멘토링을 받았었다. 그때는 진로에 대해 갈팡질팡 하고 있었을 때라 전체적으로 우울한 분위기로 멘토링이 진행됐었다. 당시 실시간 녹화 했던 영상을 보면 정말 왜 저렇게 주눅이 들어있나 싶을 정도로 무거웠었다. 그래서 진짜 마지막이라는 생각으로 …
프로젝트 링크 지금 경로탐색 기능과 ssr로 구현한 로그인 화면이 나오지 않고 있습니다. 참고해주시길 바랍니다. 프로젝트 아키텍쳐 React는 Cloudfront에, express는 docker를 이용해 aws ec2에 배포했다. 정말 이 한 줄로 표현하는게 너무 아쉬울정도로 역대급 삽질을 경험했다. 그 삽질들 중 기억에 남는 삽질에 대해서 작성해보려한다. UBUNTU학부생때 우분투 라는게 뭔지도 모르면서 컴공 감성이라며 노트북에 …
프로젝트의 끝으로 향하고 있는 지금 readme와 포트폴리오에 들어갈 아키텍쳐를 시각화해봤다. 사용 툴: canva 남은 할 일 도메인 설정 후 최종 배포하기 Jest, super test로 react, express 코드 테스팅 해보기
프로젝트 데드 라인을 이제부터 6월 19일이 아닌 6월 23일까지라고 불러다오 ! 프로젝트 데드라인포트폴리오로 제출할 지도 검색 서비스의 기능 구현은 완료됐다. 이제 계획했던 테스트를 기반으로 최적화 작업을 하고 그 과정만 기록하면 완성될 것으로 예상했는데 docker를 도입하려는 중에 ec2와 ci/cd 에 대한 개념까지 학습하게 되어 볼륨이 더 늘어났다. 사실 어떻게든 19일까지 마무리 …
프로젝트 DB 최적화 과정 기술이번 프로젝트에서 DB 성능 개선을 가장 우선시한 이유는 시스템 전체적인 성능 향상과 사용자 경험 개선을 목표로 하고 있는데 DB가 사용자 경험에 있어 가장 큰 성능적 체감을 제공한다고 생각하기 때문이다. 이번 프로젝트는 MongoDB를 사용 중이며, 성능 개선의 대상은 사용자의 가입일에 따라 동적으로 댓글 작성 권한을 부여하는 기능이다. …
react, express 기반 풀스택 프로젝트 my-map의 경로탐색 기능을 사용한 모습 지난 글에서의 계획지난 글에서 앞으로의 계획을 마지막 문단에 기재했었는데 내 말을 얼마나 지켰는지 한 번 자체적으로 평가해봤다. 일단 이번 주 안으로 기능 구현을 마무리 지을 수 있을 것 같다.일단 기능 구현을 저번주 일요일까지 하기로 했었는데 그 잘 안됐어요 미안해요 그래도 …
GPT가 고장난 김에 지난 2주간 무엇을 했는가에 대해 성과보고회를 열고자 한다. 5월 20일 들어가 있는 개발관련 오픈카톡에서 면접관을 하셨다는 분께서 신입 지원자들의 git을 보면 commit 메시지 관리도 되지않은게 90% 이상이다 라는 말을 들었다. 정말 부끄럽게도 나도 그 말을 듣고 commit 메시지에도 규칙이 있다는 것을 알았다. 그리고 이번 프로젝트에 바로 적용해야겠다 …
왜 되지 ?https://www.youtube.com/shorts/0FjOhEJwmB8 얼마전 등원길에 이런 쇼츠를 봤다. 심적으로는 공감이 갔는데 경험해본적은 없어서 그냥 웃고 넘어갔던 기억이 있다. 근데 이 일이 오늘의 나에게 일어났다. 밑바닥부터 하나하나 개발해나가고 있다 보니 내 의도와는 다르게 동작하는 버그성 동작들이 많아서 그것들과 사투를 벌이고 있었다. 그 버그들 중에 지도 검색 시 이전 검색 결과에 대한 …
이번에 풀스택으로 개발 해 볼 서비스로 이전에 react만을 이용해 만들어봤던 지도검색 사이트를 강화해보고자 한다. 기술 스택을 어떻게 정하고 갈지 기획하는 단계인데 지도 검색 서비스 특성상 많은 데이터를 다뤄야 하는 만큼 데이터 관련 라이브러리에 대한 고민을 이어가다 SWR, React Query 두 가지로 후보군을 좁혔다. 둘 다 프로토타입을 만들어 볼 예정이긴 하지만 …
![やあ久しぶり[기술 면접 풀어보기]](/resources/media/images/title/2024/5/21/kimyoungjo/12_JF7dJ8gk.webp)
4년전에 React.js로 취업 준비를 할 때 인상 깊게 봤던 모의 인터뷰 영상이 있다. https://www.youtube.com/watch?v=gnkrDse9QKc&t=2s 이 영상인데 당시에 면접준비를 하겠답시고 여러 영상, 글들을 닥치는 대로 봤었는데 제일 인상적인 인터뷰의 형태였어서 아직도 기억을 하고 있다. 당시에는 저 면접 문제들에 대해 단 한 가지도 명쾌한 답을 내지 못했는데 다시 취업을 준비하는 지금의 나는 …
토이 프로젝트에 대한 고민원래는 react.js 를 가볍게 복습하기 위해서 간단한 프로젝트로 진행하려 했는데 프로젝트를 진행하면 할 수록 재미있기도 하고 발전시킬 수 있는 요소들이 많아보여 백엔드까지 추가해 프로젝트 볼륨을 좀 늘려보려고 한다. 백엔드 스택을 결정하는데에 좀 고민이 됐는데 현재 내가 java spring 과정을 듣고있기에 spring을 선행학습 해서 적용할까 하다가 그러기엔 시간이 …
토이 프로젝트React.js, Kakao map api를 이용한 토이프로젝트를 시작했다. 이번 토이프로젝트의 표면적인 목표는 React.js, 웹 퍼블리싱, api 활용 이었지만 더 큰 목표는 개발에 대한 흥미를 다시 살리는 것이었다. 결국 내 목표가 단순히 취업이 아닌 롱런하는 개발자가 되기 위해선 이 개발이라는 활동을 즐겨야 한다고 생각했다. 그래서 나는 이 프로젝트를 내가 정말 개발에 …
백엔드 개발자가 목표지만 React에 대한 경험을 포기 하기엔 아쉽다는 조언을 들어서 React를 이용한 작은 토이 프로젝트를 진행하고 있다. state, 컴포넌트간 props 관리를 상기하기 위해 검색 시스템을 구축중인데 검색과 같은 동적으로 props를 전달해야하는 시스템에서 기존에 내가 사용했던 props 전달 방식으로는 검색을 할때마다 재랜더링을 해야하는 문제점이 생겨버려서 Java에서의 상속처럼 부모 자식 관계의 …
이력서 관련 멘토링 쪽으로는 꽤 이름 있는 분께 유료 멘토링을 받았다. 그분이 제시해주신 방향성, 이력서 샘플 등을 기반으로 멘토링을 진행한 후기를 간략하게 써보려한다. 취업이 안됐던건 당연한 결과였던 것 같다.여태 내가 준비해왔던 포트폴리오는 모두 기술 구현단계에서 끝났던것 같다. 그리고 그 기술 구현이라고 해봐야 클론 코딩 수준의 깊이와 구조였다. 신입에게는 큰 기대를 …
코드가 유실됐고 완벽하게 완성한 것도 아니었지만 작년 이맘때쯤 너무 재밌게 개발했던 경험이라 기록으로 남겨두고 싶어서 포스팅을 해본다. 지금은 안보지만 작년 이맘때쯤 인터넷 방송에 빠졌었다. 국내 인터넷 방송 플랫폼이라고 하면 크게 두 가지로 나뉘는데 하나가 국내 플랫폼인 아프리카, 다른 하나가 글로벌 플랫폼인 트위치였다. 나는 그 중에서 트위치에 빠졌었는데 이 트위치는 글로벌 …
4년만에 죽어서 돌아왔다. 난 분명히 이 세상에 어떠한 소명을 가지고 태어났을 거라는 생각을 했다. 그리고 그 생각은 나로 하여금 스스로를 비범한 사람이라고 생각하도록 만들었다. 지난 4년간 적지 않은 일이 있었다. 그리고 그 일들은 나에게 넌 전혀 비범한 사람이 아니다 라고 소리쳤다. 그러한 외침속에서 나에게 주어진 소명이라는게 진짜 있는 것일까 라는 …
오늘 할 일 알고리즘 1문제 면접 문제 복기하기 알고리즘 1문제 Github 면접 문제 복기하기 자바스크립트의 자료형 Number String Boolean Undefined Null Function Object Array 자료형을 두 종류로 나누기 원시타입 : Number, String, Boolean, Undefined, Null 참조타입 : Object, Function, Array 자바스크립트 this의 4가지 활용법 일반 함수 실행 방식 (this 값 …
오늘 할 일 알고리즘 1문제 웹 관련 개념 잡기 알고리즘 1문제 Github 웹 관련 개념 잡기 자바스크립트의 이벤트 위임 요소들 각각에 이벤트를 부여하는 것이 아닌 하나의 이벤트 리스너로 전체영역에 등록하는 것. document.addEventListener('DOMContentLoaded', function() { let app = document.getElementById('todo-app'); // 리스트 아이템의 전체 영역에 이벤트 리스너를 등록합니다. app.addEventListener('click', function(e) { if …
오늘 할 일 알고리즘 1문제 vingle 문제 풀기 프론트엔드 면접질문 달아보기 글 복습 javascript 개념공부 알고리즘 1문제 Github Vingle 문제 풀기 Vingle 사전 평가 문제 그림1에서 test.txt 가 있을 때 log 를 작성해주세요. 132 그림1에서 test.txt 가 없을 때 log 를 작성해주세요. 13 다음과 같이 Callback이 중첩된 코드를 어떻게 하면 …
오늘 할 일 알고리즘 1문제 알고리즘 1문제 Github 중요 공지 오늘 지원했던 회사 중 한 곳에서 면접제의가 왔다. 그쪽에서 말씀하시길 1-2시간이 걸리는 기술면접이 될것이라고 엄포를 놓은지라 발등에 불이 떨어졌다. 면접일은 목요일이고 그 날까지 하루 1알고리즘을 제외하고는 모두 이론만을 다뤄야 할 것 같다. 그 이론은 과거에 했던 면접질문 답변 달아보기가 될 …
오늘 할 일 알고리즘 1문제 토이 프로젝트 시작 프로그래밍 관련 유튜브 영상 리뷰해보기 알고리즘 1문제 오늘의 문제 : https://programmers.co.kr/learn/courses/30/lessons/42586 Github 토이 프로젝트 시작 기한을 좀 2.14까지로 잡았는데 아무래도 새로운 개념인 React Hooks와 Redux를 배워가면서 동시에 프로젝트에 접목시켜야 하기 때문에, 기한을 넉넉하게 잡았다.(부족할지도 모른다.) 이번에는 우리 스터디의 특성에 맞춰서 모바일 환경을 …
