ALL

[TIL] 2022-1220 : 알고리즘, 프리온보딩 인턴십, 알루 모임 시작

🐈오늘 배운 것 ✔️알고리즘 문제 풀이 https://github.com/algorithm-tear-up-20b/algorithm/pull/6 박혜정 / 5주차 by hyejj19 · Pull Request #6 · algorithm-tear-up-20b/algorithm github.com 위와 같은 문제들을 풀었다. 다시 알고리즘 스터디를 시작해서 일주일에 6문제인데, 지난주에 많이 못풀어서 오늘 나머지 4문제를 푸느라 좀 힘들었다. 1일 1알고리즘 실천하자. 알고리즘 스터디 관련해서, 풀이 방법은 접근 가능한데 구현이 안되는거면 매달리고, 접근조차 못하는거면 레퍼런스를 보면서 공부하는게 좋다는 추천이 있었다. 매달리면 3시간이고 4시간이고 허비할 것 같아서, 30분 고민하고 안되겠으면 힌트를 잠깐 ..

[리팩토링] 🔥모락모락 - 코멘트 컴포넌트 리팩토링

❓문제 상황 게시글 상세 페이지에서 질문 본문과 답변 본문에 각각 코멘트가 달려있다. 이 코멘트가 페이지가 렌더링 되면서 동시에 답변의 갯수만큼 조회 요청을 보내는데, 문제는 swr 을 적용하면서 페이지를 클릭하거나 이런 변동이 있을때마다 다시 자동으로 요청을 보내 갱신해주기 때문에, 답변이 많아질 경우 서버에 부담이 우려되는 상황이다. 사실 원래는 답변 하나당 미리보기 코멘트 하나를 같이 응답해주고 있어서, 답변 리스트만 조회하면 펼치기 버튼을 누르기 전까지는 comments 에 대한 조회 요청이 갈 필요가 없다. 그래서 이 부분을 고쳐보려고 한다. 💡해결 과정 일단 해야할 일은 아래와 같다. 첫 미리보기 코멘트는 코멘트 존재 여부와 상관없이 답변 리스트에서 응답받은 데이터로 화면에 렌더링해준다. 펼치..

[TIL] 2022-1212 : 이력서 작성을 위한 에피소드 정리 / 뽑히는 개발자의 포트폴리오 라이브세션 / 모락모락 프로젝트 코멘트 리팩토링

한 달 만에 적어보는 TIL. 그동안 프로젝트를 하느라 매일 기록은 노션에 정말 대충 적어두었었는데 이제는 조금이나마 여유가 생겼으니 하루를 다시 구조적으로 돌아보려고 한다. 🐈오늘 배운 것 ✔️면접 준비, 에피소드 STAR 기법으로 정리 + 뽑히는 개발자의 포트폴리오 라이브세션 오늘은 코드스테이츠 잡서칭 3일차 면접 준비 시간이었다. 사실 지난 금요일부터 주말동안 놀기도 놀았고 원티드 프리온보딩 사전 과제를 하루 만에 끝내느라 경험 정리등을 제대로 하지 못해서 면접 예상 질문에 답변을 준비하기가 너무 힘들었다;; 자기소개에도 떠오르는 말이 없어서 에피소드 정리부터 시작했다. 에피소드 정리도 많이는 못했지만, 메인 프로젝트에서 경험했던 두 개의 문제 상황에 대한 경험을 STAR 기법으로 정리했다. STA..

[원티드 프리온보딩 프론트엔드 인턴십] 참가 에세이 - 박혜정

원티드 프리온보딩 프론트엔드 인턴십 지원을 위한 숏에세이입니다. 지원동기 부트캠프 수료 후 본격적인 취업 활동을 위해 준비하다가, 실제 기업 과제와 기업에서 사용하는 스택을 연습해볼 수 있는 기회가 될 것 같아 원티드 프리온보딩 인턴십에 지원하게 되었습니다. 1. 최종 합격까지 몇 개 이상의 이력서 작성이 필요할까요? 인턴십 종료 이후 1개월 이내에 참가 기업을 포함해 20개 이상의 기업에 지원해야합니다. 부트캠프 수료 후 취업 준비를 할 때 1일 1지원은 꼭 하자고 다짐했는데, 인턴십 과정동안 잘 준비해서 최대한 많은 이력서를 작성하려고 합니다. 2. 프리온보딩 인턴십에서 숏에세이 작성제도를 시행하는 목적 인턴십 지원자로 하여금 프로그램에 대해 더 깊이 생각해볼 수 있도록 하는 목적이 있는 것 같습니다..

[Project] 🔥모락모락 프로젝트 최종 회고🔥

🔗Links Github : https://github.com/codestates-seb/seb40_main_004 배포 링크 : https://seb40-main-004.vercel.app/ 팀 노션 : https://www.notion.so/Lab-HOME-bdd0941f584b43d1a9d2f735623d2b86 발표 문서 : https://www.notion.so/40-Team004-2317c8a3bc1a413aa9abf61052330824 🔥프로젝트 소개 개요 11월 초부터 시작해 12월까지 5주간 진행했던 "모락모락" 프로젝트가 끝이 났다. 프로젝트에 대해서 간략하게 소개하자면, '질문이 두려운 개발 뉴비'를 타겟으로 한 '따듯한 개발자 커뮤니티' 컨셉의 프로젝트이다. 누군가 질문에 답변을 달..

[Project] 모락모락 프로젝트 5주차 회고😸

💡WEEK 5 (2022-1128 ~ 2022-1204) 정말 쏜살같이 흘러간 5주간의 시간이었다. 오늘 (12월 4일)이 최종 제출일이기 때문에 개발 일정은 어느정도 마무리가 되었다고 봐야한다. 다만 여러가지 일들이 있었고 그 때문에 미처 마무리 하지 못한 아쉬운 부분들이 많이 있기 때문에 데모데이가 종료되어도 조금 더 보수를 하면서 퀄리티를 올려야 할 것 같다. 이번 한 주는 1차적인 배포 이후 버그 픽스 그리고 남은 기능을 개발하는데 집중했다. axios interceptor 를 활용한 refresh token 갱신 이번 프로젝트에서는 리프레시 토큰을 도입하여 액세스 토큰 만료 이후에 갱신이 될 수 있도록 했다. http 통신 라이브러리로 axios 를 사용중인데, axios client 에 int..

[Project] 모락모락 프로젝트 4주차 회고😸

💡WEEK 4 (2022-1121 ~ 2022-1127) 퍼블리싱 단계를 마치고 본격적인 기능 개발에 돌입했던 4주차의 기록이다. 내가 맡은 부분은 게시글을 상세조회 했을 때 사용하는 답변 CRUD, 코멘트 CRUD, 좋아요, 북마크 기능 그리고 답변을 채택하거나 후원을 했을 때 상대방에게 메시지를 보내는 기능이었다. 프리 프로젝트때도 비슷한 페이지의 CRUD 코드를 작성해본 적이 있어서 빨리 끝낼 수 있다고 생각했는데, 이게 왠걸. 생각보다 간단하지 않았다. 기존 프로젝트에서는 CRA를 활용해 일반적인 리액트 그리고 자바스크립트로 프로젝트를 진행했는데, 이번 프로젝트에서는 next.js + Typescript 그리고 데이터 캐싱을 위해 SWR 이라는 라이브러리까지 추가로 도입했기 때문에, 사용 방법을 ..

[Project] 모락모락 프로젝트 1,2,3 주차 회고 (중간 회고 ^^😸)

3주차 주간 회고를 작성하기에 앞서서, 지난 2주간 진행되었던 내용과 각 주차의 소감을 간략하게 정리하고 넘어가고자 한다. (매주 썼어야 했는데..^^) 💡WEEK 1 (2022-1101 ~ 2022-1106) 프로젝트 시작! 우리 팀은 2주 반 정도 진행됬던 클론 코딩 프로젝트(프리 프로젝트)에 앞서서, 먼저 팀을 꾸려 기획에 대한 논의를 짬짬히 진행했다. 메인 프로젝트 기간 동안은 기획부터 배포까지 가이드 없이 직접 진행하는 것이기 때문에, 기획 단계에서 드는 시간을 아끼고자 먼저 진행을 했던 것 같다. 팀원 중 두 분은 이전에 같이 팀을 한 적이 있는 분들이었고, 나머지분들은 오며가며(?) 서로의 존재를 알지만(?) 같이 프로젝트를 진행해본적은 없었다. (프론트 얘기) 사실 이번 프로젝트에서 팀장을..

[알고리즘 JS] 로또의 최고 순위와 최저 순위 (프로그래머스 Lv.1)

문제 https://school.programmers.co.kr/learn/courses/30/lessons/77484 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1~45까지의 숫자 중 6개의 숫자를 맞추면 1등인 로또게임이 있다. 추측한 로또 번호 배열과, 추첨된 번호 배열이 주어진다. 추측한 로또 번호 배열에는 몇 개의 숫자가 0으로 초기화 되어있고, 0으로 초기화된 숫자까지 맞혔을 때의 순위(최고 순위) 와, 둘 다 틀렸을 때의 순위(최저 순위)를 예측해서 리턴하는 문제 풀이 function solution(lottos, win_nums) { /..

[알고리즘 JS] 다트 게임 (프로그래머스 Lv.1)

문제 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 정말 오랜만에 알고리즘 문제 풀이! 지금까지 나름 꾸준히 풀긴 했는데 기록으로 남기질 않은 것 같아서 다시 정리해본다. 본 문제는 다트게임이라는 문제로, 문제에서 제시되는 상황을 정리하면 아래와 같다. 총 3번의 게임 기회가 있다. 각 라운드당 획득 점수는 1 ~ 10점 이다. S, D, T 각각 1, 2, 3만큼 거듭제곱되는 영역이 있다. *, # 같은 옵션이 하나씩만 붙을 수 있다. * 기호의 경우 이전에 획득한 점수, 현재 획득한 점수 *2배, #의 경우 현재 점수를 음수로 바꾼다. 예를들어 1D#..