지선생 코딩딩 지선생 코딩딩

고민상담 A or B 프로젝트를 진행하고 있는데 동영상을 내리는 숏폼은 아니고, 숏폼의 형식만 빌려와서 투표들이 하나씩 올라오면서 투표를 간단하게 할 수 있는 기능을 구현 중이다. 기획상 스크롤을 움직이는 게 아니라 메모장을 넘기듯 애니메이션을 보여준뒤 다음 투표용지를 보여줘야 해서 렌더링 할 때 이전 데이터에서 하나씩 덮어쓰면서 해야 할 거 같아 어떻게 구현할지 고민이 많이 된다. 생각해 본 바로는 1. useQuery로 id값을 바꾸면서 하나씩 데이터를 덮어쓰기 이건 구현까지 했엇는데 하다 보니투표의 id값이 1부터 100 순차적으로 있는 게 아니라 삭제하면 중간이 비는 경우가 있어 id값에 1씩 더해서 불러오게 되면 에러가 발생하고, 그렇다고 다음 id를 예측할 수도 없어 실패했다. 2. 캐러셀 세..

오늘 5시간 동안 에러와 싸웠다. 모노 레포에 관련된 글을 쓰면서 직접 빌드해보기 위해 블로그를 참고하며 빌드를 해봤다. 그런데 typescript sdk 설정에서 아무리 똑같이 따라 해도, 다른 블로그를 참고해봐도 도저히 넘어가지지 않았다. yarn을 berry 버전으로 업데이트 해준후 yarn init -w로 workspace 설정을 해주었다. 그리고 모노레포 세팅을 해준 다음 내부 패키지(프로젝트)에서 nextjs를 빌드해주었는데 전체가 다 빨간색 에러가 떠버렸다. 이러한 에러는 yarn berry와 npm가 모듈을 불러오는 방식이 다르기 때문에 생기는 문제라고 하며 원래 발생해야 하는 에러였고 에러를 해결할 방법도 알고 있었다. 이를 해결하기 위해선 yarn add -D typescript pre..

FE컨퍼런스, 기업 우대사항 등을 보면 모노 레포가 굉장히 핫하다는 걸 알 수 있다. 어떤 장점이 있고 어떻게 빌드해야하는지 알아봐야겠다. 모노 레포란? monolithic + repository 단단히 하나로 되어있는 저장소이다. 서비스가 5개 이상, 프론트엔드가 10명 이상인 기업에서 사용하면 좋다. 멀티레포 - 각각의 프로젝트를 각 저장소 별로 따로따로 관리함 - 강한 오너쉽, 코드베이스 분리로 conflict 위험이 적음 - 레포지의 크기가 작아 동작하는 도구의 속도가 빠르다. 단점으로 코드의 재사용이 쉽지않아 중복코드가 많이 생길수밖에 없다. 하나의 개발에 여러 레포지에 pr을 보내야한다, 버전 연동이 어렵다 안정적이지만 이 때문에 업데이트 부분에서 힘든 부분이 있는거 같다. 모놀리식 애플리케이..

YAPP이 끝났다 3월부터 8월까지 약 5개월 정도 진행이 되었는데 내가 처음 YAPP에 들어온 목적인 서비스 런칭에 성공하여 뿌듯했다. https://intro.lonessum.com/ 외딴썸 - 국내 최초 유학생 만남 서비스 외딴썸 서울특별시 은평구 증산로 387-1 6층 | 대표자: 이민석 사업자등록번호: 248-40-00874 | 통신판매업신고번호: 제 2022-서울은평-0980호 문의전화: 010-2276-2776 | 문의메일: korea@lonessum.com © 2022. 외딴 intro.lonessum.com 우리 팀이 개발한 서비스는 '외딴썸' 이고 유학생을 위한 미팅 서비스이다. 과정 YAPP에서는 4번의 중요 행사가 있었다. 1. 기획 devCamp, 2. 디자인 devCamp + 2..

1. 신청하게 된 계기 지금껏 나름 프로젝트와 협업 경험은 쌓았다고 생각했지만 특별한 교육 코스나 부트캠프를 경험해보지 못한 나로서는 자바스크립트 기초, 심화, 상태 관리, 아키텍처, ssr csr 등 체계적인 교육이 포함된 프리온 보딩이 나의 지식 구멍을 잘 메꿔줄 수 있는 기회라고 생각했다. 사실 4기에도 지원을 하려고 사전과제를 다 풀어놓았었다... ㅋㅋㅋ 그런데 시간표를 보니 도저히 학교와 병행 할 수 없는 시간표여서 포기를 했었으나 5기 모집과 학교 방학이 겹치며 반드시 해야겠다고 생각하며 사전과제를 풀었다. 2. 진행과정 세션할 때 위에서 언급한 이론 강의를 하나씩 한다, 과제는 과제의 규모에 따라 3일 or 7일의 시간을 주며, 5명으로 구성된 팀이 함께 과제를 해결한 후 세션 2부에서 프로..

YAPP 동아리 소개 개발자, 디자이너, 기획자가 한팀이 되어 기업형 프로세스에 따라 6개월동안 서비스를 제작하는 동아리입니다. 디자이너뿐만 아니라 기획자까지 협업을 해볼 수 있다는 점에서 매우 매력적이였습니다. 지원 계기 지인에게 연락이 왔는데 자신이 YAPP19기 활동을 수료했고 YAPP에서 진행한 프로젝트를 실제로 서비스를 하고있는데 너무 좋은 경험이였다고 지원을 해보라고 추천을 해주었습니다. (지금도 운영되고 있다) https://dotoriham.com/ 서비스 완성까지는 해봤지만 서비스 런칭 단계까지는 가본적이 없었던지라 다음 프로젝트는 꼭 런칭을 하고 싶다는 생각을 가지고 있었습니다. 그런데 YAPP동아리에는 기업 후원사도 있고 디자이너, 개발자, 기획자까지 있는 깔려있는 판 위에서 개발을 ..

개발자의 품격이 끝나고 며칠을 쉬었다. 초반엔 재밌고 배우는것도 많았는데 나중에 팀원들도 나가고 혼자 열정이 다 떨어진 상태로 만들어서 일하듯이 만든 터라 힘들고 재미가 없었다. 그 뒤에 시간이 남아서 next js 에 대해 공부를 조금 해봤다. 알아보니 알구 프로젝트에서 next js를 잘못 쓰고 있었다. 사실상 ssr을 안 쓴 거나 다름없을 정도로 잘못 만들었다. 열은 받는데 공부도 안하고 만든 내 잘못이라 할 말이 없다. 알고 프로젝트는 나중에 next 공부하고 다시 만들어야겠다. 그리고 쇼핑몰 프로젝트를 시작했다. 결제 기능을 한번 경험해보고 싶어서 쇼핑몰로 결정했는데 이번에는 친분이 있는 형들이랑 해서 낙오 없이 끝까지 같이 갈 것 같다. (그랬으면 좋겠다) 개발자의 품격을 하면서 벤치마킹, 기..