부트캠프에서 프로잭트를 진행했을 때, 상태 관리툴로 Redux Toolkit을 사용했다. 그러나 그 당시에는 미들웨어의 역할이 무엇이고, 왜 쓰는지. 그리고, 그냥 fetch나 axios 통해 연결하고 쓰면 되는게 아닌지. 프로젝트를 진행하는 과정 내내 그런 생각이 …

참고 도서 모두의 네트워크 - YES24 강의 정리 프로토콜 (Protocol) 컴퓨터 간에 정보를 주고받을 때의 통신 방법에 대한 규칙이나 표준 각자의 언어가 다르면 대화가 이어지지 않으므로 공용어를 사용하도록 규칙을 정해 대화가 이어지도록 한다. OSI 7 L…

참고 도서 모두의 네트워크 - YES24 강의 정리 네트워크(Network) 컴퓨터를 두 대 이상 연결하여 서로 데이터를 전송할 수 있는 통신망. Net: 망, 그물이라는 단어 Work: 일, 업무, 작업이라는 단어 Net + work: 일이 그물처럼 촘촘이 얽혀있는 모습 네트…

목표 정산 프리릴리즈요? 그런 거 없었다.. 대신에 릴리즈가 되면 본격적으로 배치하려고 했던 매장에 사장님께서 그쪽에 바로 배치하겠다고 하셔서 프리 릴리즈가 아닌 정식 릴리즈가 되어버렸다. 다만, 그러기 위한 계정 생성이 많이 늦어져서 릴리즈가 또…

목표 정산 결과적으로는 아래와 같다. 메뉴얼 작성 및 배포 프로덕션 단계(3차)에서의 자체 QA 진행 후 발생한 문제점들 수정 프리 릴리즈 진행 테스트를 해볼 매장에 배치를 진행하고 프리릴리즈를 진행하려고 했으나, 이 사항과 관련하여 사장님과 추가적…

목표 정산 끝이… 보일 거라고 생각했는데, 예상 외의 요소들을 발견했던 한 주. 우선 정산 결과는 아래와 같다. 2차 QA 테스트 진행 후 발생한 이슈 수정 Vercel 등을 통해 배포 진행 후 프리 릴리즈, 테스트 진행 솔루션 릴리즈 사실 솔루션 릴리즈까지 갈 …

목표 정산 우선, 이번 주에 진행하고자 했던 사항은 아래와 같다. 최후의 목표인 런칭은 다음주로 미뤄졌다. 1차 QA 진행 후 발생한 이슈 수정 로그인 관련 부족한 기능 개선 2차 QA 테스트 진행 후 발생한 이슈 수정 Vercel 등을 통해 배포 진행 및 배포 후…

목표 정산 9주차 회고를 쓰고 바로 10주차 회고로 넘어간다. 앞으로는 회고를 미루지 않도록 해야겠다. (쓸 내용이 많다보니 한 번 미루니까 진짜 죽겠다.) 10주차 목표는 아래와 같이 진행했다. 관리자 및 고객 페이지 내 미흡한 기능 수정 관리자 대기 페…

목차 목표 정산 작성이 많이 늦어졌다. 라스트 스퍼트라고 이것저것 집중하고 싶었던 것도 있어서 2주나 미루고서는 이제서야 작성하게 됐다. 9주차에서는 커피챗이나 당일치기 여행이나 알바 대타 등이 있어서 진도를 그렇게 많이 내지는 못했지만, 그 대신…

목표 정산 이번 주에 목표로 둔 사항들은 아래와 같다. 폰트, 공용 색상 등 선정 곧 머지않아 정해지면 이제 디자인에도 반영할 수 있을 듯 하다. 관리자 페이지 내 기능 구현 오히려 이쪽 구현에 시간을 다 썼다. 조금만 더 하면 전반적인 적용이 완료될 거…

목표 정산 이번 주에 목표로 둔 사항들은 아래와 같다. 관리자 페이지 View 구현 진행 폰트, 공용 색상 등 선정 인증 문제 등 발생 시 출력할 Toast 메시지 각 페이지 별로 배치 이번 주는 그래도 열심히 분발했고, 작업하면서 몇 가지 고민 사항이 더 들었…

목표 정산 - 결국 집중력이 와장창 무너진 한 주 이번 주에 목표로 둔 사항들은 아래와 같다. 관리자 페이지 View 구현 진행 현재 대기 상황, 상점 관리, 설정, 비밀번호 변경, 회원 탈퇴 등 폰트, 공용 색상 등 선정 프리텐다드로 폰트 적용했는데, 제대로 …

목표 정산 이번 주에 목표로 둔 사항들은 아래와 같다. 관리자 페이지 기능 구현 앞서 View를 구현한 관리자 로그인, 회원가입 등의 페이지들의 Firebase 기능 연동 Firebase Auth의 기능들을 적극적으로 활용 사용자 대기 입력 페이지 Firebase 기능 연동 R…

목표 정산 이번 주 목표로 둔 사항들은 아래와 같다. 역시 저번과 동일하게 완료한 사항은 취소선을 그었다. [필수] A/B안 설계 기존 A안의 와이어프레임은 만들어졌으니 B안의 와이어프레임 생성 필요 StoryBook을 좀 더 학습해서 A안과 B안으로 케이스를 …

목표 정산 이번 주 목표로 둔 사항들은 아래와 같다. 저번과 동일하게 완료한 사항은 취소선을 그었다. [필수] 와이어 프레임 작업 진행 대기 입력 페이지 구현 [희망] Jest를 이용해 대기 입력 페이지 테스트 코드 작성 및 적용 StoryBook 학습 StoryBook을…

정신 없던 일주일 기획을 진행한 한 주가 끝나고, 본격적인 구현을 진행해보고자 했다. 저번 주차때는 아래와 같이 목표를 정리했고, 그 중 이번주에 완료한 건 취소선을 그었다. [기획] 와이어 프레임과 아이콘 디자인, 그리고 프로젝트 컬러 및 폰트 선정 …

모든 것의 시작점 “추운 날, 기다리는 손님들이 밖에서 기다리기 보다 어디서 잠시 쉬다 오게 하도록 유도하고 싶은데.” 프로젝트 시작 동기는 알바하던 중에 문득 이런 게 있으면 좋겠다는 데에서 시작했다. 현재 알바를 하는 가게에선 테이블 오더 시스템…

TypeScript 실습편, 작은 CRUD 프로젝트 만들어보기 종료. 이전 시간에 작업했던 내용을 토대로 오늘 작은 CRUD 프로젝트를 완료했다. 구현하면서 궁금하거나, 알아야했던 내용들은 어제 학습한 내용을 토대로 해결됐으며 덕분에 이후의 내용들을 만드는 데…

2023-01-15: TypeScript 학습 (5) TypeScript 실습편, 작은 CRUD 프로젝트 만들어보기. 이전 시간에 TodoList를 만들어본 경험을 토대로 이번엔 스스로 작은 CRUD 프로젝트를 만들어보고자 한다. 이번 프로젝트의 목적은 기존의 학습을 복습하고, 추가적으로…

TodoList의 기능을 좀 더 확장해보자. 이전 시간에는 Todo를 입력할 수 있는 Form과 입력한 내용들을 보여주는 List를 만들었다. 이제 이 TodoList의 기능을 강의 내용에 따라 좀 더 강화하는 시간을 가져보겠다. 목차 1️⃣ Props Drilling을 이용한 삭제 기…

TypeScript를 이용해 React에서 Todo를 구현해보자. 강의 내용에 따라 TypeScript가 포함된 CRA를 설치해보고, 컴포넌트도 만들어보고 이제 props에 타입을 설정해보는 것도 배웠다. 이번 시간에는 이전에 배운 내용들을 기반으로 강의 내용에 따라 TodoList…

React와 TypeScript의 결합 이전 시간엔 TypeScript가 무엇이고 어떠한 타입과 특징이 있는지를 살펴보는 시간을 가졌다. 이전에 공부한 내용 외에도 TypeScript와 관련된 내용이 무궁무진하게 있으나 이는 나중에 살펴보도록 하고, 강의 내용에 따라 이번엔…

React와 TypeScript의 결합 이전 시간엔 TypeScript가 무엇이고 어떠한 타입과 특징이 있는지를 살펴보는 시간을 가졌다. 이전에 공부한 내용 외에도 TypeScript와 관련된 내용이 무궁무진하게 있으나 이는 나중에 살펴보도록 하고, 강의 내용에 따라 이번엔…

이제야 시작해보는 TypeScript 말로만 듣던 TypeScript 학습을 드디어 시작해보려고 한다. 언젠가 들어야지 해놓고서는 계속 방치해두고 있었으나, JavaScript 클론 코딩 챌린지를 하나 완수한 것도 있고 이번주부터 천천히 개인 프로젝트를 진행해봐야겠다…

목차 클론 코딩 챌린지 - 멀티 스텝 폼 현재 진행중인 프론트엔드 스터디에서 JavaScript 회차에 들어온 상황에, 기존에 했던 챌린지들은 React로 만들어갔다면 다시금 기초를 다지기 위해 JavaScript로 페이지를 구현하는 연습을 해보고 싶었다. 이번 챌린…

목차 1️⃣ 명시적 변환, 암시적 변환, Nominal, 구조화, 덕 타이핑 2️⃣ 고차함수 3️⃣ 컬렉션과 생성기 4️⃣ 순수함수, 부수효과, 상태변이 5️⃣ 닫기/폐쇄 (Closure) 1️⃣ 명시적 변환, 암시적 변환, Nominal, 구조화, 덕 타이핑 명시적 형변환과 암시적 형변환 …

아무리 생각해도 이해가 가지 않는 부분이 있었다. 이번에 Iterable과 Iterator, 그리고 Generator를 공부하면서 드는 의문이 몇 가지 있었다. 특히 Iterable을 공부할 때 나왔던 내용 중에는 아래와 같은 내용을 읽은 적이 있다. 문자열은 이터러블입니다. …

목차 1️⃣ Iterable Object 2️⃣ Iterator 3️⃣ Generator 1️⃣ Iterable Object Iteration이라는 영단어는 ‘반복’, Iterable이라는 영단어는 ‘반복 가능한’이라는 의미를 담고 있다. JavaScript에서는 이전에 배웠던 Map이나 Set, Object, Array 등과 같은 컬렉…

컬렉션(Collection) 프로그래밍 언어가 제공하는 데이터를 담는 매개체 JavaScript에서 이런 매개체라고 한다면 보통 Array와 Object를 떠올리게 된다. 둘 다 안에 여러가지 데이터들을 저장하는 역할을 한다. 컬렉션은 JavaScript 외에도 다른 언어에도 존…

목차 1️⃣ var 2️⃣ let과 const 3️⃣ 닫기, 폐쇄 (Closure) 1️⃣ var 대다수의 프로그래밍에 전통적으로 변수를 선언하기 위한 연산자 var를 통해 선언한 변수는 전역 스코프에 할당된다. var 연산자는 로컬 혹은 함수와 전역 스코프에 선언될 수 있다. 그러나 …