3주차 로또 미션을 하며 벌였던 바보짓을 지금 여러분께 공개합니다. (전시 기간 : 2023.11.9 ~ 상설)
3주차 미션 (로또 게임)을 구현하며, 구현 사항을 여러 부분(예외 처리, 구매 결과 출력, 당첨 결과 계산, 통계 출력)으로 나누어 하나씩 구현해보기
이전 포스팅에서 초기 구상과 테스트 통과까지를 다뤘고, 이번에는 목표한 바에 맞춰 리팩토링을 해보려고 한다! 미션에 들어가면서 세웠던 목표는 다음과 같다.의존성 주입 원칙을 적용해보자 : 외부의 모듈이 필요한 경우 직접 생성하거나 불러오는 대신, 외부에서 생성한 후 주
화요일! 과제 제출이 열렸고, 룰루랄라 PR 작성 후 지원 플랫폼에서도 제출을 마쳤다. 그리고 예제 테스트를 실행했더니 아니 글쎄 예기치 못한 오류로 인해 테스트가 실패했다고 뜨는 게 아닌가! 매우 위협적인 빨간 글씨로!가끔 서버 상황에 따라 이런 경우가 있기도 해서,
2주차 미션은 레이싱 게임입니다. 사용자에게 자동차 이름과 시도 횟수를 입력받고, 주어진 이름으로 생성된 자동차들을 시도 횟수만큼 랜덤으로 이동시켜 우승자를 정하는 식이네요! 미션 메일에서는 함수를 분리하고, 각 함수별 테스트를 작성하는 것에 익숙해질 것을 제안하고 있
1주차를 마무리하며, 다른 지원자분들과 함께 코드 리뷰를 주고받았습니다. 지난 프리코스에서는 구현 자체가 힘들어서 주차 시작되자마자 미션에 매달리느라 (그리고 리뷰 받기에는 코드가 너무 허접하다고 생각해서) 참여하지 않고 넘어갔었는데요, 이번에는 구현 시간에 좀 여유를
내 포트폴리오에 기존에 쓰고 있던 스타일링 라이브러리 테일윈드다.빠르게 뚝딱뚝딱 만들기에 최적이고, 넓은 커버리지로 제공되는 유틸리티 클래스로 디자인 시스템이 있는 것처럼 일관성있는 디자인 가능하고, 새 스타일링 라이브러리 학습 필요성 느껴서테일윈드 유틸리티 클래스를
컨트롤러에서readNumbers, processNumbers, readCommand, processCommand로 분리되어있던걸readAndProcessNumbers처럼 합쳤는데1\. 입력을 받는거랑 입력값을 처리하는 건 다른 로직이니까 분리해야 한다2\. 입력받는거
지난번 포스팅에 이어서 작성합니다. 야구 게임 구현을 위한 밑준비를 해놓고 마쳤던 거 같은데요! 일단 할 얘기가 많으니까 뭘 어떻게 했는지는 간단하게만 설명하겠습니다!
우테코 프리코스가 시작되었습니다! 딱 1년만이네요! 돌이켜보면 그동안 많은 일이 있었습니다.(내레이터 톤으로) GPT가 상용화됐고 GPT-4도 나왔고, 고용시장은 위태위태하고, 피어는 점점 많아지고... 저는 부트캠프를 들으면서 리액트니 라이브러리니... 상태 관리 어
원래 계획은 테일윈드가 적용된 상태에서 바닐라 익스트랙트를 동시 설치하고, 테일위드로 스타일링된 컴포넌트들을 하나하나 바닐라 익스트랙트로 바꾸는 식으로 점진적 적용을 하는 거였는데, 아래와 같은 오류가 발생했습니다!You may have created styles ou
지난번에 블로그 앱에 바닐라 익스트랙트를 적용하려고 했었는데... js로 구성된 앱을 ts로 마이그레이션하면서 D3 라이브러리로 구현한 그래프의 타입 설정이 잘 안됐습니다. 금방 해결할 수 있을 거라고 생각했는데, 하나를 고치면 다른 오류가 생기고 또 다른 오류가 생기
오랜만입니다여전히 포트폴리오를 만들고 있습니다... 하나 할 때마다 자꾸 새로운 문제와 새로운 고민이 생겨서 진도가 늦습니다. 그럴 때마다 기록을 해 두어야 하는데, 기록보다 해결을 먼저 하려는 버릇 때문에 남아있는게 몇 가지 없네요그동안 다음과 같은 것들을 했습니다.
대충 이런거 했습니다니코쨩이 옵시디언 추천해주는 영상 보고 '아 예전에 아빠가 노션같은거 말고 옵시디언 쓰랬지'하고 퍼뜩 기억나서 깔고 사용해봤더니 개멋진 그래프 뷰 기능을 제공하더라구요어 이거 포트폴리오에 띄우면 멋있겠는데? 하는 생각으로 어떻게 하는지 찾아봤더니옵시
언제나와 같이 특별한 건 없습니다. 기존의 Skills페이지를 없애고 About 페이지에서 보여주기로 했고, 스킬을 카드 형태로 보여주는 컴포넌트와 볼 카드를 선택할 수 있는 리스트 컴포넌트를 만들었습니다.먼저 SkillCard 컴포넌트를 간단하게 만들었습니다. 모션을
MVP란 Minimum Viable Product의 약자 => 쓸 수 있는 최소한의 기능을 갖춘 제품을 만들자는 소리입니다. 지금까지는 메인페이지 만들고... 헤더 만들고... Nav 만들고... 만들어놓은거에 애니메이션도 적용해보고... 생김새도 이쁘게 꾸며보고...
죄송합니다...오늘은~지금 만들고 있는 걸 갈아엎고 Astro로 새로 시작할까 고민함Astro 공식문서 읽기Astro 관련 블로깅 찾아보기Astro 활용 예제 찾아보기Grid 학습grid를 활용해 미디어 쿼리 없이 반응형 레이아웃 구현하기Framer-motionFram
포트폴리오 애플리케이션에 파이어베이스에서 제공하는 Firestore database와 Firebase Storage로 문서와 이미지파일을 저장하고 불러올 수 있있도록 연결했습니다.지금까지는 애플리케이션을 그려내는 데 필요한 이미지 파일 등을 클라이언트에 다 쑤셔넣고 빌