Jaypedia

Team Project 나의 제안 - TypeScript 도입 우리의 프로젝트에 JavaScript 대신 TypeScript를 써 보는 것이 어떤지 제안을 했다. 햄디는 처음에 부담스럽다고 했지만 제이미가 예전 프로젝트에 적용했던 방식을 들어보고 적용해 보기로 했다. 아무래도 TS 초보인 만큼 완전히 다 알고 제대로 적용하기보다는 타입을 명시하는 정도로 감을 잡아보는 식으로 적용해 보기로 했다. 디자인 시안 완성_최종 어제 완성했다고 생각했던 디자인 시안을 오늘 정말로 완성했다. 시뮬레이션을 해보니 이것저것 추가해야 하는 것들이 많이 보였다. 로그인 부분도 구체화되고 그 외 다른 페이지들도 모달이나 버튼들을 더 추가해서 완성도를 높여주었다. 요구사항 분석 요구사항 분석 방법 - 실용주의 프런트 엔드 개발..

Team Project 드디어! 디자인 시안이 모두 완성이 되었다. 어제 분업한 것들을 합치면서 서로의 의견을 반영해서 수정을 했고, 모든 서평 페이지와 세팅 페이지는 함께 만들었다. 함께 만들다 보니 페어 프로그래밍 생각도 나고 그랬다. 혼자 만들었다면 이렇게까지 시안이 잘 나오지 않았을 것 같은데 다들 디자인 감각이 좋아서 잘 나오게 되었다. 이대로 잘 구현만 해낸다면 정말 좋을 것 같다. UUID 학습 UUID: Universally Unique Identifier # UUID란? 소프트웨어를 개발할 때는 다양한 형태의 식별자가 필요하다. 식별자를 만들 때 가장 범용적으로 사용하는 것이 범용 고유 식별자(UUID)이다. 이것은 컴퓨터 시스템 내에서 고유한 객체 jaypedia.tistory.com ..

# UUID란? 소프트웨어를 개발할 때는 다양한 형태의 식별자가 필요하다. 식별자를 만들 때 가장 범용적으로 사용하는 것이 범용 고유 식별자(UUID)이다. 이것은 컴퓨터 시스템 내에서 고유한 객체를 식별하기 위해 사용되는 값이다. UUID는 네트워크상에 존재하는 여러 컴퓨터를 식별하기 위해 사용되기 시작했다. # UUID의 구조 하이픈(-) 4개와 16진수 32개로 구성되어 있다. 8-4-4-4-12 구조를 유지한다. 하이픈은 UUID 값을 읽기 편하게 추가한 구분자로서 생략하는 경우도 많다. UUID 값을 저장할 때는 하이픈을 제외한 16진수만 저장한다. 16진수 하나를 표현하는 데 4비트(0.5byte)가 필요하다. UUID 개수는 32개이므로 32 x 4 = 128bit, 총 16byte가 필요하..

Team Project Figma 활용하여 Wireframing 어제 만나서 정한 기능들을 토대로 이제 Wireframing을 해야 했다. Whimsical이라는 틀을 써서 정말 개략적으로만 틀을 잡을까 했는데 아예 차라리 제대로 만드는 게 어떻냐는 팀원들의 의견이 있었다. 이것도 좋은 방안일 것 같아 우리는 Figma를 활용해 보기로 했고 써 보니 좋은 선택이었다는 것을 깨달았다. 중간 단계를 한 번 더 거치는 것보다 그냥 바로 디자인 작업에 돌입하는 것이 이번에는 시간을 절약할 수 있는 방법이었다. 11시 반에 스크럼을 했고 본격적으로 작업을 시작한 것은 12시 이후였는데 다들 약속이 있어서 시간이 많지 않았다. 3시 정도까지 호흡을 맞춰 가며 디자인 작업을 함께 했다. 로고부터 만들고, 로고의 폰트..

보호되어 있는 글입니다.

Team Project 오늘은 햄디, 제이미와 함께 대전에서 만나서 함께 밥도 먹고, 카페에서 프로젝트도 하고, 성심당에서 빵도 쇼핑했다! 역시 실제로 만나서 프로젝트를 하면 집중력이 엄청 높아지고, 생산성도 높아지는 것을 느낀다. 온라인으로만 하다가 오프라인으로 해서 더 이렇게 느끼는 것일 수도 있겠지만, 일단 화면 공유를 하지 않아도 되고 바로바로 소통이 가능해서 답답함이 많이 줄어든다. 걸어가면서 Scrum 스크럼을 난생 처음으로 식당으로 걸어가면서 해봤다.ㅋㅋㅋ 각자의 컨디션을 공유했다. 걸어가며 하는 스크럼이라니 매우 신박하고 재미있는 경험이었다. 스크럼은 거의 컴퓨터 앞에 앉아서 정적으로 했었는데 동적으로 하니 새로웠다. 식사를 마친 후에는 매우 웅장한 샹들리에가 있는 카페에 들어가서 푹신한 ..

코드스쿼드 방학 1일차 방학을 맞아 집 밖을 벗어나기 위해 좀 멀리 떨어져 있는 도서관을 갔다. 옥상에서 푸릇한 뷰를 즐길 수 있고, 공원도 있어서 자연과 어우러져 있는 도서관이었다. 확실히 리프레시가 되긴 했지만 사실 공부를 많이 하지는 않았다. 대신 책을 읽기도 하고, 삶을 재정비하는 시간도 가져보았다. 이렇게 밖에서 시간을 보내고 집에서 공부를 하려고 하면 좀 더 집중이 잘 되고 생산성도 올라가는 듯 하다. 밖에서는 아무래도 많은 사람들과 소음이 있는데 집에서는 그런 것이 덜하기 때문이다. 하지만 집에서는 방해 요소들이 많기도 하고, 자칫하면 풀어지기가 쉽다. 공부하는 환경마다 다 장단점이 있어서 상황에 맞게 적절한 장소에서 공부를 하려고 한다. 슬랙에 방학 목표 공유 크롱이 방학 목표를 적어보라고..

CodeSquad🔹Day 80 2주 간의 프로젝트가 끝나다 2주가 정말 빠르게 지나갔고 벌써 프로젝트가 끝이 났다. 하지만 정말 끝이 난 것은 아니다. 아직 마지막 PR에 대한 리뷰를 받지 않았고, 3번째 PR 리뷰는 적용하지 못했다. 또한 Slider를 구현할 때 로직이 아직 설명할 수 있을 정도로 정리가 되지 않았기 때문에 이를 블로그에 한 번 정리해 보려고 한다. React와 좀 더 가까워질 수 있는 프로젝트였지만 아직 모르는 것이 많아 그만큼 한계도 많이 느꼈다. 앞으로 1주일 간의 방학 동안에는 React Hooks 등을 학습하며 React에 대해 더 가까워지는 시간을 가질 예정이다. 오늘은 발표도 두 번이나 있었다. (전체발표, 페어세션) 그러다 보니 하루가 더 정신이 없이 빠르게 지나갔다. ..

CodeSquad🔹Day 77 Team Project 7일차, 코드스쿼드 센터 두 번째 방문 코드스쿼드 센터를 두 번째로 방문했다. 저번에는 점심시간 이후에 도착했지만 이번에는 10시 맞춰서 햄디와 오기로 했어서 좀 더 오래 있을 수 있었다. 오늘도 햄디와 페어 프로그래밍으로 진행했다. 오전에는 자잘한 버그들을 수정했다. 카드에 hover 효과 구현 시 깜빡이는 버그가 있었는데 내가 Mouseover로 이벤트를 잘못 주었기 때문이었다. Mouseenter 이벤트로 수정하여 제대로 구현할 수 있었다. 그리고 Slider 구현도 시작했다. 일단 UI부터 만들었다. State로 무엇을 설정할지 정하는 것과 알고리즘을 짜내는 것이 쉽지는 않았지만 햄디가 많이 활약을 해 준 덕분에 완성할 수 있었다. 지나가다가 ..

CodeSquad🔹Day 78 '모든 카테고리 보기' 버튼 구현 오후 2시부터 5시 30분까지는 햄디와 함께 페어 프로그래밍으로 약간의 리팩토링 및 기능구현을 했다. 모든 카테고리 보기 버튼을 state로 구현하니 정말 간단하게 구현할 수 있었다. import React, { useState } from 'react'; import { MainWrapper, AllCategoryBtn } from './Main.style.js'; import categoryTitleData from 'data/categoryTitle'; import Slider from 'components/Slider/Slider.jsx'; const Main = () => { const [visibleIdx, setVisibleId..