모카의 촉촉한 개발 로그

https://moca9012.tistory.com/category/%EC%BA%A1%EC%8A%A4%ED%86%A4%20%EC%A1%B8%EC%97%85%EC%9E%91%ED%92%88/%EA%B0%9C%EB%B0%9C%20%EC%A7%84%ED%96%89 '캡스톤 졸업작품/개발 진행' 카테고리의 글 목록 성장하는 개발자가 되기 위한 기록 moca9012.tistory.com 해당 포스팅 부터는 위 이전 습작 블로그에서 진행 했던 프로젝트를 다시 처음부터 개발하며 리팩토링을 하며 기록을 남기는 포스팅입니다. https://github.com/softmoca/bbc_api_server GitHub - softmoca/bbc_api_server Contribute to softmoca/bbc_api_ser..

피그마로 생성한 전체적인 UI 전체 적인 와이어 프레임을 완성 하였다. 아직 색감과 로고는 만들지 못하였다. 솔직히 굳이 만들고 싶지가 않타 허허 디자인에 소질이 없어 최대한 심플 하게 UI/UX를 진행 하였다. 하단 바를 홈, 채팅, 프로필, 알람으로 구성하여 최대한 사용자들이 현재 내가 처음 만든 어플리케이션의 흐름을 놓치지 않게 어디로 든 이동하게 하였다. 차후 광고를 달거나 상업적으로 쓰인다면 로고나 폰트 등등 하나하나 다시 고려해 봐야할것 같다. 개별 페이지 및 UI 하이파이 프로토타입 [프로토-타이핑] 현재 전체적인 디자인과 워크 플로우 까지 생성을 마쳤다. . . 프로토 타이핑을 만들어 테스트를 해본결과 확실히 본격적으로 코딩을 하면서 세세하게 다뤄야 할 부분이 많은것 같다. . . 아래는 ..

처음 프로젝트 배포를 나의 모교인 광운대학교 부터 시작할 예정이라 현 광운대학교 학생들의 현황을 설문조사 해보았다. 그에 대해 총 92 명의 학생들을 대상으로 한 통계 조사 결과 이다. 질문은 총 12 개로 대부분 현재의 재정상태 및 현재의 배달료에 대한 인식과 대학교 건물변 소통 플랫폼의 필요성에 관한 질문들이다. 초반 3개의 질문은 대부분의 학생들이 아르바이트를 병행하며 생활을 하고 용돈을 받는 금액보다 지출 금액이 더 높게 나타난 것을 확인 할 수 있었다. 또한 한달에 5-7번 정도의 배송 서비스를 이용하지만 배달료에 대한 불만을 가지고 있으며 현재 배달료 평균인 4000원의 절반 인 2000원을 선호 하는 것을 알 수 있었다. 첫 캡스톤 기획 게시물에서 내가 느낀 애로사항들을 또한 현재의 대학생들..

https://github.com/sooftware/k-startups 깃허브에서 스타 200개 이상을 받은 국내 스타트업 리스트를 참조 하였다. tunib(튜닙) 유명 깃허브 스타이자 자연어처리 리서쳐이신 박규병님을 필두로 카카오브레인 자연어처리 팀 출신들이 설립한 자연어처리 테크 스타트업 백엔드 담당업무 채팅 서비스Back-End 서버 개발 RESTful API 개발 Batch 개발 알림 메세지 전송 개발 서비스 아키텍쳐 설계 서비스 클라우드 인프라 설계 및 구축 DB 설계 필수 역량 백엔드 서버 개발 실무 5년차 이상 모바일 앱 또는 웹과 연동한 상용 서비스출시 경험 Flask/FastAPI, Node.js/Next.js 프레임워크 중 개발 경험 보유 RESTful API 개발 및 배포 경험 Pyt..

네이버 프론트엔드 필수 요건 및 우대사항 · JavaScript에 대한 개발 역량을 보유하신 분 · HTML/CSS에 대한 이해가 있으신 분 · RESTful API 이해 및 활용 지식이 있으신 분 · React.js 실무 경험 1년 이상이신 분 · Test Framework를 사용한 Test 자동화 개발 이해 · Node.js를 이용하여 웹어플리케이션을 개발/운영한 경험 및 SPA 구조에 대한 이해이 있으신 분 · 크로스 브라우저 환경 경험이 있으신 분 · Front-End/Back-End 성능 개선 경험이 있으신 분 · Google Analytics, Google Tagmanager 및 기타 Tagging Tool 유경험자 · Redux, Recoil 등 State 관리 라이브러리 개발 및 운영 경험..

언어 : Dart 프레임 워크 : Flutter 아직 모바일 애플리케이션 개발을 해본적은 없다. 하지만 실직적으로 현 대학생들은 웹으로 플랫폼을 이용하기 보다는 휴대폰으로 플랫폼을 이용하는게 현실이다. 고로 이참에 모바일 앱개발도 해보려고 한다. 주로 Android는 Android Studio로 개발하고 ios는 Swift로 주고 개발을 한다. 하지만 현재 각각의 플랫폼을 개발하는데는 시간적으로 불가능할 것같다. 단일 코드 베이스를 사용하여 크로스 플랫폼개발을 하려 한다. 크로스 플랫폼 개발이 가능한 오픈소스 프레임 워크의 양대산맥은 두개가 있다. 1. Flutter 2. React Native Flutter과 React Native의 비교 Flutter의 장점 빠른 개발 속도: -Flutter는 Dar..

배포시의 전체적인 프론트엔드와 백엔드의 시스템 아키텍처를 피그마로 그려보았다. 대부분의 기술을 실직적으로 써본적은 없고 아직 간략한 공부만 해둔 상태라 많은 수정이 차후 들어갈것같다. 이번 프로젝트를 통해 대략적인 파이프 라인을 설계 및 구성하고 그에 대한 이해가 높아지는 것이 목표이다. 차후 에러 핸들링 목록을 로깅하여 slack Hooks를 생성하거나 알람 스크립트를 작성하여 관리자인 나에게 알람이 오게 하는것도 구현을 해보고 싶은 욕심이 있다. 데브옵스& 인프라 Deploy: AWS(EC2,CloudFront, S3, Route 53, RDS, ELB(ALB),ACM,ECR), Docker CI/CD : Github Actions EC2 클라우드 컴퓨팅 서비스로, 가상 컴퓨팅 리소스를 제공하는 데 ..

프론트엔드 Language : JavaScript & TypeScript Library & Framework : React, NextJS 상태관리 : redux 비동기 데이터 패칭 : redux-thunk CSS디자인 : TailwindCSS Test : Jest,React Testing Library, Cypress 우선 이번 프론트엔드 파트에서 사용할 언어 및 프레임워크, 인프라들이다. 파트 별로 왜 해당 언어 와 프레임워크 인프라들을 사용했는지를 기록해보자. Language : TypeScript https://softmoca.tistory.com/300 백엔드 기술스택 백엔드 Language : TypeScript Library & Framework : NestJS, Express.js Test:..

백엔드 Language : TypeScript Library & Framework : NestJS, Express.js Test: Jest ,Supertest Database : Mysql,erdcloud , DataGrip ORM : TypeORM Authentication: passport.js, JWT, 세션 Proxy Sever : Nginx 우선 이번 백엔드 파트에서 사용할 언어 및 프레임워크, 인프라들이다. 파트 별로 왜 해당 언어 와 프레임워크 인프라들을 사용했는지를 기록해보자. Language : TypeScript JavaScript에 타입을 추가한 언어 - 정적 타입 시스템 변수, 매개변수 및 함수 반환 값에 대한 타입을 명시적으로 지정할 수 있어 코드의 가독성을 높이고 버그를 미리 예..

프로젝트 설계 초반에 RESTful한 API 와 GraphQL API 중 어떤 방식으로 API를 제작할지 고민을 하였다. REST(Representational State Transfer)의 약자로 자원을 이름으로 구분하여 해당 자원의 상태를 주고받는 모든 것을 나타낸다. 즉 REST란 HTTP URI(Uniform Resource Identifier)를 통해 자원(Resource)을 명시하고, HTTP Method(POST, GET, PUT, DELETE, PATCH 등)를 통해 해당 자원(URI)에 대한 CRUD Operation을 적용하는 것을 의미한다. GraphQL API는 쿼리 언어를 사용하여 데이터를 조작하는 API이며 단일 URL 엔드포인트를 가지고 있다. 클라이언트는 필요한 데이터를 얻기..