6 주차 ( + 협업을 통해 느낀점 )[ WIL ]

2023. 7. 23. 22:04TIL&WIL/WIL

 

이번주에 알게된 것

 

CI/CD : 

https://muyeon95.tistory.com/222

 

CI/CD

CI/CD 란? CI/CD (Contunuous Integration/Continuous Delivery) 는 애플리케이션 단계를 자동화하여 애플리케이션을 더욱 짧은 주기로 고객에게 제공하는 방법 기본적인 개념은 지속적인 통합, 지속적인 서비스

muyeon95.tistory.com

https://overjoyed-sailfish-366.notion.site/CI-CD-db415d8512e94125930fe71cb0b73091?pvs=4 

 

CI/CD

참조 링크

overjoyed-sailfish-366.notion.site

 

Github Action : 

https://muyeon95.tistory.com/223

 

GitHub Action

Github Action 이란? Github Actions 를 사용하여 리포지토리에서 바로 소프트웨어 개발 워크플로를 자동화, 사용자 지정 및 실행합니다. CI/CD 를 포함하여 원하는 작업을 수행하기 위한 작업을 검색, 생

muyeon95.tistory.com

 

https : 

https://overjoyed-sailfish-366.notion.site/https-with-nginx-certbot-bed5847b7d37417aba80f11506752441?pvs=4 

 

https 적용 with.nginx & certbot

꼭 보세요.

overjoyed-sailfish-366.notion.site

 

multer : 

https://muyeon95.tistory.com/225

 

multer

inpa Dev 님의 블로그를 참고하여 적은 글입니다. multer 란? 이미지나 동영상 등을 비롯한 여러가지 파일들을 멀티파트 형식으로 업로드 할 때 사용하는 미들웨어 이다. 멀트파트 형식이란 enctype 이

muyeon95.tistory.com

 

에러처리 미들웨어 : 

https://muyeon95.tistory.com/227

 

에러처리 미들웨어 [ express ] [ node.js ]

다른 미들웨어 함수와 동일한 방법으로 오류 처리 미들웨어 함수를 정의할 수 있지만, 오류 처리 함수는 3개가 아닌 4개의 인수, 즉 (err. req. res, next) 를 갖는다는 점이 다르다. 오류 처리 미들웨

muyeon95.tistory.com

 

 


TIL 회고

 

1. CI/CD :

 

- CI/CD 는 쉽게 말해 무중단 배포이다. 

- 일일히 개발자가 코드를 수정하고 빌드와 테스트를 하고 배포까지 하면 한 두번은 할만하겠지만 규모가 커지고 기간이 길어질 수록 이 작업은 번거로워 진다. 이런 시간을 단축시키고자 CI/CD 가 등장했다.

- CI 는 빌드 테스트 자동화 과정이다.

- CD 는 지속적인 서비스 제공 과 지속적인 배포 라는 뜻을 가지고 있다.

- Github Actions, Jenkins, CircleCI, TravisCI, etc 등 이 있다.

- 처음엔 귀찮고 번거롭고 만들기 힘들었지만 이제는 없으면 불편해서 못쓸거같음

 

2. Github Action :

 

- Workflow, Event, Job, Step, Action 으로 나뉜다.

- 일주일이라는 짧은 기간이고, 프로젝트 규모가 작기 때문에 Github Action 을 선택하였다.

- Workflow 는 자동화된 전체 프로세스를 의미한다. (자동화 해놓은 작업 과정)

- Event 는 워크플로우를 실행하는 특정 활동이나 규칙이다.

- Job 독립된 가상 머신 또는 컨테이너에서 돌아가는 하나의 처리 단위를 의미한다.

- Action 은 Github Action 에서 빈번하게 필요한 반복 단계를 재사용 하기 용이하게 제공되는 일종의 작업 공유 메커니즘이다.

 

3. https :

 

- https 작업을 처음 적용해보았고 nginx 와 certbot 을 이용해 구축해보았다.

- nginx 의 대한 추가적인 공부가 필요하다.

 

4. multer :

 

- multer 와 s3 를 활용한 업로드를 구현해보았다.

- 이미지나 동영상 등을 비롯한 여러가지 파일들을 멀티파트 형식으로 업로드 할 때 사용하는 미들웨어 이다.

- 파일을 리사이징 하는 것 들은 추가적으로 학습이 필요하다.

 

5. 에러처리 미들웨어 : 

 

- joi 로 에러처리를 해왔었는데 따로 next() 로 넘기는 식으로 미들웨어를 구현해보았다.

 

6. 협업을 통해 느꼈던 점 : 

 

아쉬운점 

 

협업 기간이 일주일로 짧았던 만큼 CI/CD 와 https 를 구축하는데만 2일 정도가 소요되었다. 그래서 생각해 놓은 기능들을 많이 구현하지 못했던게 아쉬웠다. ( 좋아요, 게시글 수정, 로그아웃, 소셜로그인 등등)

 

프론트와 백엔드간 소통이 처음 협업이라 그런지 원활하지 않았다. 에러에 부딪혔을때 백에서 문제인지 프론트에서 문제인지도 제대로 구분되지 않아 어려움이 있었다.

 

API 명세서, 그리고 상태코드의 중요성을 느꼈다. 백엔드 입장에서는 상태코드 바꾸는 것이 어려운 일이 아니지만 이 것으로 인해 프론트 작업자 분은 코드를 상당히 많이 수정해야 했다.

 

CI/CD 와 https 를 배웠다는 것은 좋았지만 프로젝트에 쏟은 시간이 적어서 그런지 부족한 점이 많았다고 생각한다.

 

뿌듯한 점

 

가장 뿌듯한건 맞게 했는지 모르겠지만, CI/CD 와 https 를 성공했다는 것과 이 과정에서 여러가지 에러를 만나며 해결했다는 것이다.

또 첫 협업이라 부족했지만 소통하고 이해하려하며 부족하지만 결과물을 만들어 냈다는 것에 뿌듯함을 느꼈다.

 

 


다음 주 목표

 

 

1. 클론코딩 프로젝트 잘 마무리하기

2. 소셜 로그인

3. 메일 보내기 (가능할지..)

 


이번 주 목표 체크

 

1. CI/CD 정리

2. multer ✅**

3. 추가적으로 알게되는 것들 (Github Action, https, 에러처리 미들웨어)

 

 

 

 

'TIL&WIL > WIL' 카테고리의 다른 글

8 주차 [ WIL ]  (0) 2023.08.06
7 주차 ( + 협업을 통해 느낀점 ) [ WIL ]  (0) 2023.07.30
5 주차 [ WIL ]  (0) 2023.07.16
4 주차 [ WIL ]  (0) 2023.07.09
3주차 [ WIL ]  (0) 2023.07.02