[Project] 우리동네_3주차 로그

지난주까지는 전체적인 레이아웃을 작업했고, 사실상 이번주가 프로젝트의 마지막 주간이어서 모든 기능을 구현하는 것으로 목표를 잡았었다. 하지만 인간의 욕심은 끝이 없고 같은 실수를 반복한다고 했던가... 3주안에 프로젝트를 끝내겠다라는건 역시 욕심이었구나 라는 것을 깨닫게 되었다. What I Do? 이번주에 진행한 작업은 전반적인 레이아웃의 리팩토링을 진행했다. 내가 담당한 페이지 뿐만 아니라 공통으로 사용되는 모달, 버튼, 인풋 등의 컴포넌트를 확장성 있게 리팩토링했다. 작업 자체는 크지 않았고, 만약 티켓별 점수를 부여하는 상황이라고 한다면 0점이었을텐데 그래도 프로젝트가 끝나고 돌아보면 그래도 이 작업을 진행해 놔서 다행이다라고 느껴졌다 ㅋㅋㅋ 컴포넌트에 대한 사용 방법과 어떤 방식으로 구현이 되었..

• format_list_bulleted Personal/Dev_log
• · 2023. 8. 30.
• textsms

[Project] 우리동네_2주차 로그

지난주에는 기획과 디자인을 진행했고, 이번주부터 본격적인 프로젝트를 진행했다. 사용한 스택으로는 React, Typescript, Styled-components를 사용했다. 일단 해당 스택들을 사용한 이유는 해당 프로젝트를 함께 하는 팀원들이 함께 한 교육생들이었고 기존에 사용해서 익숙한 스택을 사용하는 것이 짧은 프로젝트 기간에 적합하다고 판단했기 때문이다. 이번 주에는 기능을 구현하기 보다는 주로 레이아웃에 대한 부분들이 집중했다. What I Do? 내가 담당한 페이지는 '채팅방 페이지', '마이 페이지' 였다. 거기다가 공통 컴포넌트로 필요한 부분들이 있어서 해당 부분들을 작업 하기로 했다. 왼쪽이 마이페이지, 오른쪽이 채팅방 페이지다. 아직 레이아웃만 구성하고 있긴한데, 확실히 디자인이 잘 된..

• format_list_bulleted Personal/Dev_log
• · 2023. 8. 24.
• textsms

[Project] 우리동네_1주차 로그

최근에 공부하면서 간단하게 할만한 프로젝트를 하나 시작했다. 시작은 사내 프로젝트 시뮬레이션으로 시작했는데, 기왕하는거 기획부터 꼼꼼하게 해서 포트폴리오로 남길만한 프로젝트로 만들어보자 해서 가열차게 한번 시작해봤다. Introduce 프로젝트 명 : 우리동네 소개 : 동네 기반 소셜 네트워크 플랫폼 참여 인원 : Frontend 3 / Backend 2 일정 : 7월 11일~ (3주 예정) UserFlow Chart 해당 차트는 Figjam을 이용해 직접 구현한 Flow Chart다. 여러번의 프로젝트를 진행하면서 기획 단계에서 설정한 User Flow가 탄탄해야 실제 개발할 때 삐걱임 없이 진행할 수 있다는 것을 몸소 체험했기 때문에, 이번에는 1주일의 시간을 들여서 기획 단계부터 탄탄하게 하기로 했..

• format_list_bulleted Personal/Dev_log
• · 2023. 8. 23.
• textsms

[Project] 숫자 야구 게임 만들기

Overview 해당 포스팅은 학습을 진행하면서 구현한 연습의 결과물들을 정리하고, 발전해 나가는 과정을 정리한 글입니다. 해당 프로젝트를 통해 웹에서 발생한 이벤트를 바탕으로 Javscript 기능을 구현하는 방법에 대해 이해했습니다. 이번 포스팅은 기존 작업한 내용에서 발전시킨 내용을 주로 담고 있습니다. Introduce 소개 : Vanilla JS를 이용한 숫자 야구 게임 기간 : 2023년 7월 (1일) 배포 페이지 : https://sstaar91.github.io/VanillaJS_Practice/pages/baseBall/index.html 구현 화면 주요 기능 및 코드 예전에 자바스크립트를 배우면서 간단한 게임을 만들어 봤었는데, 그 중에서 숫자 야구 게임을 만들어봤었다. 그때는 그냥 ..

• format_list_bulleted Personal/Dev_log
• · 2023. 7. 28.
• textsms

[Project] 다시 쓰는 프로젝트 : Tango_Plate (ver 1.0.0)

최근에 위코드에서 작업 했었던 1차 프로젝트가 돌아가는지 궁금해서 clone 받고 확인해 봤는데 아니나다를까 첫 페이지 부터 보이지 않는 에러를 마주하게 되었다. 그냥 두고 볼 수는 없을 것 같아서 기존 기능들을 프론트 단에서 구현 할 수 있는 수준으로 일단 구성을 해 놓은 뒤, 차후 백엔드 API를 만들 수 있는 수준이 될 경우, 백엔드 통신도 함께 구현해서 적용해 볼 예정이다. 다시 구현하는 Tango Plate는 헬창들을 위한 단백질 충만한 맛집을 추천하는 페이지로 변모할 예정 Flow Chart ver 1.0.0 에서의 Flow Chart는 간단하다. Main 페이지에서 List 페이지로 이동하고 Detail 페이지로 이동할 수 있다. (어떠한 분기처리도 없음) 앞으로 버전 업과 API 통신을 통..

• format_list_bulleted Personal/Dev_log
• · 2023. 4. 6.
• textsms

[Project] Wecode 1차 프로젝트 : Tango_Plate

Introduce 개발 기간 : 2021.08.02 ~ 2021.08.13 (약 2주) 개발 인원 : Frontend 3명, Backend 2명 사용 스택 : React.js (클래스형 컴포넌트) / sass Github repo : https://github.com/wecode-bootcamp-korea/23-1st-TangoPlate-frontend 프로젝트 소개 : 망고플레이트를 모티브로 한 강남권 맛집 추천 페이지 구현 User Flow Tango Plate의 user flow는 위와 같습니다. 총 3개의 페이지로 이루어져 있고, 모든 페이지에서 Nav를 통해 로그인 작업을 진행할 수 있습니다. 메인 페이지에서는 두가지 방법으로 리스트 페이지로 이동할 수 있습니다. - 첫째 : 메인 페이지에서 검..

• format_list_bulleted Personal/Dev_log
• · 2023. 4. 6.
• textsms

유난한 도전 : 경계를 부수는 토스의 일대기

유난한 도전의 카테고리를 보면 [경영전략 / 경영혁신]으로 분류가 되어있다.사실 내 인생을 돌아보면, 그리고 앞으로 살아갈 인생을 생각해 보면 경영이라는 단어는 배우 이경영님만 있을 줄 알았는데이렇게 내 인생에 잠시 침범하게 됐다. 기왕 읽게 된거, 기록으로 남기면 좋지 않을까 싶어 한번 끄적여 보고자 한다.  개발자가 아니더라도 '네카라쿠배당토' 라고 하는 말은 들어봤을 것이다.여기서 가장 마지막에 있는 '토'를 담당하고 있는게 오늘 얘기할 토스다. 초창기 10회 무료 송금이 있었던 시절부터 토스를 사용했던 유저지만,토스가 어떻게 성장했고, 어떻게 지금에 이르는 결과를 얻었는지 사실 관심이 없었다.그저 돈을 송금할 때, 너무 불편했었던 방법을 토스가 간단하고 간편하게 만들어줬다는 사실만 인지하고 있었다..

• format_list_bulleted Personal/Book
• · 2023. 4. 2.
• textsms