BO의 개발로그

📝 TWIL(This Week I Learned) 작성 가이드 1) 이번 주 한 일, 느낀 점, 배운 점을 작성한다. (3Fs, 1~2번에 해당) 2) 앞으로 개선할 점 등 어떻게 하겠다는 실천계획을 구체적으로 작성한다. (Future Action Plan, 3번에 해당) 3) 다음 TIL을 작성할 때 FAP가 제대로 지켜졌는지 피드백을 작성한다. (4번에 해당) - 참고: 5Fs, 뒤돌아보다 1. Facts (사실, 객관) - 스프린트 목표치 64% 달성했음 2. Feelings (느낌, 주관) & Findings (배운 점) 1) 결제 페이지 레이아웃 잡기 완료 생각할 것이 많았던 결제 페이지 레이아웃은 일단 이렇게 짰다. 구현이 오래 걸릴 예정이라 우선 스타일링은 후순위! 2) 회원가입 & 로그인 ..

🔙 이전 시리즈 2/2 TIL | 쉼표 작업 일지 #28. 커스텀 체크박스 만들기 🔙 이전 시리즈 2/1 TIL | 쉼표 작업 일지 #27. 오늘의 고민: 유니크한 예약번호와 드롭다운 메뉴 🔙 이전 시리즈 1/31 TIL | 쉼표 작업 일지 #26. 결제 페이지 작업 & 『코어 자바스크립트』 북스터디 bohyunkang.tistory.com 작업 회고 오늘은 로그인 & 회원가입 작업을 진행했다. 우선 쉼표에서는 카카오, 네이버를 연동하여 로그인 서비스를 제공하고자 하여 우선 소셜 로그인 연동에 대한 기본 플로우 이해를 문서를 읽으며 해보았다. 예전에도 대강 학습한 적이 있어 플로우는 이해는 하였으나 막상 스프링부트에서 어떻게 구현해야 할지 멈칫!하는 상황 발생.. 한참을 멍 때리다가 우선 소셜 로그인 말..

🔙 이전 시리즈 2/1 TIL | 쉼표 작업 일지 #27. 오늘의 고민: 유니크한 예약번호와 드롭다운 메뉴 🔙 이전 시리즈 1/31 TIL | 쉼표 작업 일지 #26. 결제 페이지 작업 & 『코어 자바스크립트』 북스터디 시작! 🔙 이전 시리즈 1/30 TIL | 쉼표 작업 일지 #25. 다 놀았니? 이제 할 일을 하자. 예약 화면 완 bohyunkang.tistory.com 작업 회고 1. 커스텀 체크박스 어제부로 결제 프로세스 마크업은 마무리지었고, 오늘 하루는 스타일링에 매진하였다. 그러다가 체크박스를 스타일링해야 했는데, 브라우저에서 기본으로 제공하는 는 스타일링이 원하는 대로 되지 않는 것이다. 개발자 도구를 뜯어보니 브라우저에서 기본으로 세팅해 놓은 스타일링이 있어서 위 사진과 같이 내가 원하는..

🔙 이전 시리즈 1/31 TIL | 쉼표 작업 일지 #26. 결제 페이지 작업 & 『코어 자바스크립트』 북스터디 시작! 🔙 이전 시리즈 1/30 TIL | 쉼표 작업 일지 #25. 다 놀았니? 이제 할 일을 하자. 예약 화면 완성! 🔙 이전 시리즈 1/19 TIL | 쉼표 작업 일지 #24. 예약 옵션 페이지 스타일링! 🔙 이전 시리즈 1/17 TIL | 쉼 bohyunkang.tistory.com 작업 회고 1. 유니크한 예약번호는 어떻게 만들어야 할까? 오늘도 어제에 이어서 결제 페이지 마크업 작업을 진행하였다. 결제 성공 페이지를 작업하다가 문득 예약번호는 어떻게 생성해야 할지 고민이 생겨 곰곰이 생각해 보았다. 예약번호는 해당 예약을 식별할 수 있는 값으로 유니크해야 하는데, 이걸 어떤 기준과 정..

🔙 이전 시리즈 1/30 TIL | 쉼표 작업 일지 #25. 다 놀았니? 이제 할 일을 하자. 예약 화면 완성! 🔙 이전 시리즈 1/19 TIL | 쉼표 작업 일지 #24. 예약 옵션 페이지 스타일링! 🔙 이전 시리즈 1/17 TIL | 쉼표 작업 일지 #23. 세부 태스크 잘게 쪼개기! 🔙 이전 시리즈 1/16 TIL | 쉼표 작업 일지 #22. 프로 bohyunkang.tistory.com 작업 회고 1. 결제하기 페이지 마크업 및 스타일링 우선 어제 예약 프로세스 페이지 3개를 완성하여 PR을 날린 후, 결제 프로세스 작업을 시작하였다. 근데 역시나 대망의 결제 페이지.. 마크업부터 어렵더라.. 스타일링은 이전 페이지들과 겹치는 UI는 가져다 쓰고, 새롭게 해야 하는 부분은 아직 하지 않고, 마크업..

🔙 이전 시리즈 1/19 TIL | 쉼표 작업 일지 #24. 예약 옵션 페이지 스타일링! 🔙 이전 시리즈 1/17 TIL | 쉼표 작업 일지 #23. 세부 태스크 잘게 쪼개기! 🔙 이전 시리즈 1/16 TIL | 쉼표 작업 일지 #22. 프로그램 상세 Backdoor API 구현과 5주차 스프린트 시작. 🔙 이전 시리즈 1/12 TIL bohyunkang.tistory.com 작업 회고 1. 예약 옵션 (2/2): 객실 선택 페이지 마크업 및 스타일링 휴일동안 그래도 조금씩 해왔던 마크업 & 스타일링 작업. 프로그램 예약 시 호스트가 제공하는 객실도 선택할 수 있는데, 객실 종류와 남은 객실 수량을 볼 수 있다. 객실이 1개 남은 경우, 쉼표의 대표 색상을 사용하여 강조해 주었다. 또한, 수량을 증감시키..

📝 TWIL(This Week I Learned) 작성 가이드 1) 이번 주 한 일, 느낀 점, 배운 점을 작성한다. (3Fs, 1~2번에 해당) 2) 앞으로 개선할 점 등 어떻게 하겠다는 실천계획을 구체적으로 작성한다. (Future Action Plan, 3번에 해당) 3) 다음 TIL을 작성할 때 FAP가 제대로 지켜졌는지 피드백을 작성한다. (4번에 해당) - 참고: 5Fs, 뒤돌아보다 1. Facts (사실, 객관) - 스프린트 목표치 중 23% 달성했음 - 연휴 기간에 푹 쉬었음! 2. Feelings (느낌, 주관) & Findings (배운 점) 1) 스프린트 23% 달성.. 한참 미달..🥶 이렇게 된 이유에는 두 가지가 있다. '연휴'였다는 점과 '나의 사고흐름' 때문이었다. 이번 주는 ..

오늘 코딩 도장 문제를 풀다가 접하게 된 그래프 알고리즘. 개념을 정리하고 넘어가 보자! 오늘도 역시나 ChatGPT에게 물어보았다. 그래도 내가 다시 한번 정리해 보자. 그래프 알고리즘이란? 정점(혹은 노드(Node)라고도 표현됨)과 정점 사이를 연결하는 간선으로 이루어진 비선형 자료구조를 말한다. 정점(Vertex) 집합과 간선(Edge) 집합으로 표현 가능한데, 예를 들어 인물 관계도, 지하철 노선도, 페이지 링크 알고리즘 등이 있다. 정점은 여러 개의 간선을 가질 수 있는데, 이때 크게 방향 그래프와 무방향 그래프로 나누어진다. 1) 방향 그래프: 말 그대로 간선의 방향이 존재, 양방향으로 이동할 수 있더라도 A → B / B → A는 엄연히 다르다. 2) 무방향 그래프: 반대로 간선의 방향이 따..