BO의 개발로그

🔙 이전 시리즈 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) 무방향 그래프: 반대로 간선의 방향이 따..

🔙 이전 시리즈 1/17 TIL | 쉼표 작업 일지 #23. 세부 태스크 잘게 쪼개기! 🔙 이전 시리즈 1/16 TIL | 쉼표 작업 일지 #22. 프로그램 상세 Backdoor API 구현과 5주차 스프린트 시작. 🔙 이전 시리즈 1/12 TIL | 쉼표 작업 일지 #21. @ElementCollection과 @AttributeOverride (feat. ChatGPT) 🔙 이 bohyunkang.tistory.com 작업 회고 1. 예약 옵션(1/2): 인원수 선택 페이지 마크업 및 스타일링 드디어 오늘부터 시작된 예약 페이지 작업. 우선 먼저 페이지 단위로 마크업과 스타일링을 진행하는 중인데, 생각보다 이 페이지를 완성하는데 꽤 오래 걸렸다. 이유인즉슨.. 그냥 하드하게 마크업만 하면 되는 것을, ..

🔙 이전 시리즈 1/16 TIL | 쉼표 작업 일지 #22. 프로그램 상세 Backdoor API 구현과 5주차 스프린트 시작. 🔙 이전 시리즈 1/12 TIL | 쉼표 작업 일지 #21. @ElementCollection과 @AttributeOverride (feat. ChatGPT) 🔙 이전 시리즈 1/11 TIL | 쉼표 작업 일지 #20. 프로그램 Entity 대공사 착수🚧 🔙 이전 시리즈 1/10 TIL | 쉼표 bohyunkang.tistory.com 작업 회고 오늘 TIL의 제목이 왜 '세부 태스크 잘게 쪼개기'인가 하면.. 프로그램 상세 페이지 프론트/백 기능을 완성하고 PR을 날리니 생각보다 꽤 많은 양의 코드가 작성되어 있었기 때문이다. 막상 기능 구현을 하면서는 이 내용이 한번에 다 ..

🔙 이전 시리즈 1/12 TIL | 쉼표 작업 일지 #21. @ElementCollection과 @AttributeOverride (feat. ChatGPT) 🔙 이전 시리즈 1/11 TIL | 쉼표 작업 일지 #20. 프로그램 Entity 대공사 착수🚧 🔙 이전 시리즈 1/10 TIL | 쉼표 작업 일지 #19. 프로그램 상세 페이지 UI 완성. 🔙 이전 시리즈 1/9 TIL | 쉼표 작업 일지 #18 bohyunkang.tistory.com 작업 회고 1. Backdoor API 구현 문득 Backdoor API의 정확한 의미가 궁금해서 검색해 본 결과, 말 그대로 '뒷문' 즉, 방화벽과 보안장비를 우회해서 서버의 자원을 통제하는 기술 정도라고 정의 내릴 수 있었다. 우선 쉼표에서는 당장 필요한 리소..