yoonminsang / blog-vanilla

간단한 바닐라 자바스크립트 블로그

윤민상 👋

프론트(풀스택)개발자가 되기를 원합니다.

2019.10.20 ~ ing

💻 Woowahan Techcamp (21.07 ~ 21.08)

🏢 Classum (22.03.07~)

📃 블로그

📃 유튜브

💬 [email protected]

기술 블로그

• 컴포넌트를 잘 만드는 방법(리액트)
• 컴포넌트를 잘 만드는 방법 2편(리액트)
• 라이브러리없이 리액트 만들기(클래스형 컴포넌트)

회고

• 1년차 개발자 회고(웹 프론트)

blog-vanilla's Issues

[FEATURE] E3-S1 회원가입 api

개요

회원가입 api 작성

소요 시간

• 예상 완료 시간 : 2h
• 실제 투입 시간 : 7h 이상

진행 사항

• route
• validation(joi 적용)
• controller
• service(bcryptjs 적용)
• repository

후기

구조는 전에 잡아놨지만 세부적인 구조와 typeorm을 적용하는데 시간이 오래걸림

• 에러 핸들링까지

[FEATURE] E4-S4 글 삭제 API

개요

글 삭제

소요 시간

• 예상 완료 시간 : 0.5h
• 실제 투입 시간 : 0.5h

진행 사항

• validation
• 글 삭제 api

[FEATURE] E8-S1 재사용하는 컴포넌트 정하기

개요

재사용하는 컴포넌트를 미리 생각해서 만들기(피그마까지는 X, 버튼, 인풋 등등)

소요 시간

• 예상 완료 시간 : 1H
• 실제 투입 시간 :

진행 사항

• todo1
• todo2

[FEATURE] E5-S2 댓글 읽기 API

개요

댓글읽기 API

소요 시간

• 예상 완료 시간 : 0.5h
• 실제 투입 시간 :

진행 사항

• todo1
• todo2

[FEATURE] E2-S2 폴더구조

개요

백엔드 폴더구조 정하기

소요 시간

• 예상 완료 시간 : 1h
• 실제 투입 시간 : 0.5h

진행 사항

• todo1
• todo2

https://github.com/yoonminsang/blog-vanilla/wiki/structure

[FEATURE] E2-S1 ERD 생성

개요

workbnech로 ERD 생성

소요 시간

• 예상 완료 시간 : 1h
• 실제 투입 시간 : 1h

진행 사항

• 유저 테이블
• 글 테이블
• 댓글 테이블
• 채팅 테이블

[FEATURE] E5-S3 댓글 수정

개요

소요 시간

• 예상 완료 시간 : 0.5h
• 실제 투입 시간 :

진행 사항

• validation
• 댓글 불러오기
• 댓글 수정

[FEATURE] E3 oauth로그인

개요

소요 시간

• 예상 완료 시간 :
• 실제 투입 시간 :

진행 사항

• todo1
• todo2

[FEATURE] E3-S2 로그인 API

개요

로그인 API 작성

소요 시간

• 예상 완료 시간 : 7h
• 실제 투입 시간 : 10h?

진행 사항

• validation
• token 저장 방법 생각
• 토큰 발급
• 토큰 재발행
• 토큰 디코드
• 토큰 미들웨어

[FEATURE] 프론트 에러핸들링

개요

소요 시간

• 예상 완료 시간 :
• 실제 투입 시간 :

진행 사항

• todo1
• todo2

[FEATURE] E10-S1 aws ec2 생성

개요

ec2 우분투로 생성 및 npm, nodejs, yarn, db

소요 시간

• 예상 완료 시간 : 1h
• 실제 투입 시간 :

진행 사항

• ec2 생성
• 우분투 기본 설정
• nodejs설치
• yarn 설치
• mysql 설치 및 기본 설정

[FEATURE] E2-S3 백엔드 기본 세팅

개요

백엔드 전반적인 기본 세팅

소요 시간

• 예상 완료 시간 : 3h
• 실제 투입 시간 : 6h이상 엄청많이

진행 사항

• lint
• prettier
• orm설정
• config설정
• loader설정
• 에러핸들러 설정

[FEATURE] E9-S2 프론트 로그인

개요

프론트 로그인

소요 시간

• 예상 완료 시간 : 5h
• 실제 투입 시간 :

진행 사항

• 마크다운
• api(모듈화)
• 토큰 쿠키와 로컬두가지방식
• 이벤트
• 옵저버패턴으로 로그인 상태 관리

[FEATURE] E9-S1 프론트 회원가입

개요

회원가입~~

소요 시간

• 예상 완료 시간 : 3h
• 실제 투입 시간 :

진행 사항

• 마크다운
• api
• 이벤트

[FEATURE] E4-S1 글쓰기 API

개요

글쓰기 API 작성

소요 시간

• 예상 완료 시간 : 1h
• 실제 투입 시간 : 8?

진행 사항

• validation(글, 유저)
• api 작성

후기

에러 처리하느라고 오래 걸렸다. 에러 처리 너무 힘들다...

[FEATURE] E5-S4 댓글 삭제 API

개요

댓글 삭제

소요 시간

• 예상 완료 시간 : 0.5H
• 실제 투입 시간 : 10분?20분?

진행 사항

• validation
• 삭제

[FEATURE] E10-S2 깃헙 액션 자동배포

개요

자동배포 구현하기

소요 시간

• 예상 완료 시간 : 4H
• 실제 투입 시간 :

진행 사항

• todo1
• todo2

[FEATURE] E4-S2 글 읽기 API

개요

글 읽기 API(무한 스크롤)

소요 시간

• 예상 완료 시간 : 2H
• 실제 투입 시간 : 많이

진행 사항

• 글 목록 API(HTML태그 제거)(lastId로 페이징)
• 글 세부 API

후기

typeorm에 속성을 집어넣어서 post{id:1, user{nickname:'min'}}

이런식으로 나오는걸 어떻게 할까 고민을 했다.

일단은 이대로 하기로 했는데 문제는 case when문같은게 나왔을 때

getRaw를 사용해야 하는데 이럴때는 user_nickname으로 나오게 된다. 이때는 어떻게 해야되지??

지금은 서비스 계층에서 하는게 맞아서 그렇게 했는데 그렇지 않은 경우도 있다. 아직 잘 모르겠다.

[FEATURE] E6-S1 채팅쓰기 API

개요

소요 시간

• 예상 완료 시간 : 0.5H
• 실제 투입 시간 :

진행 사항

• validation
• 채팅

[FEATURE] E7-S2 프론트 기본 세팅

개요

프론트 전반적인 기본 세팅

소요 시간

• 예상 완료 시간 : 3h
• 실제 투입 시간 :

진행 사항

• 컴포넌트의 부모 클래스 만들기
• 전역상태 클래스 만들기
• 라우터 만들기(쿼리스트링, params)

[FEATURE] E6-S2 채팅 읽기 API

개요

채팅 구현. 롱풀링 OR 웹소켓(룸 하나만 만들거라 멀쓰든 별 상관없음)

소요 시간

• 예상 완료 시간 : 3H
• 실제 투입 시간 :

진행 사항

• 사용할 기술 선택
• validation
• 구현

[FEATURE] E4-S3 글 수정 API

개요

글 수정 API

소요 시간

• 예상 완료 시간 : 1H
• 실제 투입 시간 : 1h

진행 사항

• validation(글쓴사람)
• 글 수정 불러오기
• 글 수정

[FEATURE] E11-S1 프론트 글쓰기

개요

프론트 글쓰기 및 에디터 구현

소요 시간

• 예상 완료 시간 : 4H
• 실제 투입 시간 :

진행 사항

• 에디터 간단하게 구현
• 마크다운
• API
• 이벤트

[FEATURE] 로딩구현

개요

소요 시간

• 예상 완료 시간 :
• 실제 투입 시간 :

진행 사항

• todo1
• todo2

[FEATURE] E5-S1 댓글쓰기 API

개요

댓글쓰기

소요 시간

• 예상 완료 시간 : 0.5h
• 실제 투입 시간 : 0.5h

진행 사항

• validation
• 댓글쓰기 api

[FEATURE] 자잘한 css

개요

소요 시간

• 예상 완료 시간 :
• 실제 투입 시간 :

진행 사항

• todo1
• todo2

[FEATURE] E7-S1 프론트 폴더 구조

개요

폴더 구조 정하기

소요 시간

• 예상 완료 시간 : 1H
• 실제 투입 시간 : 0.5h

진행 사항

• todo1
• todo2

[FEATURE] E1-S1 깃허브 템플릿 생성

#1

[FEATURE] E11-S2 글 읽기

개요

소요 시간

• 예상 완료 시간 : 2H
• 실제 투입 시간 :

진행 사항

글 목록

• 마크다운

글 세부사항

• 마크다운

[FEATURE] E8-S2 컴포넌트 생성

개요

E8-S1 완료한 후에 소요시간 및 진행사항 추가

소요 시간

• 예상 완료 시간 :
• 실제 투입 시간 :

진행 사항

• todo1
• todo2