안녕하세요, 저는 2022년 5월부터 시작하여 3개월간 개발자의 품격 4기에서 팀프로젝트를 진행했던 시간에 대해 회고를 작성해보려고 합니다. 개발자의 품격을 시작하게 된 계기 처음엔 사이드 프로젝트에 대한 목마름이었습니다. 또한 서비스의 초기 설계부터 개발을 완료하고 배포하는 것 까지 풀싸이클을 경험해 보고 싶다는 생각을 하고 있던 중에 개발자의 품격 공고를 확인하고 지원하게 되었습니다. 기술 스택이 프론트는 Vue, 백엔드는 Node로 정해져 있어 React를 메인으로 공부하고 있던 저에게는 조금 고민이 되기도 하였지만 새로운 프레임워크를 접하는 게 더욱 좋은 경험이 될 것이라고 생각하여 지원했고 합격 통보를 받게 되어 본격적으로 시작하게 되었습니다. 첫 만남 개발자의 품격 첫 시간에는 줌을 이용하여 ..
프론트: React 백엔드: Node (Express) 클라이언트의 이미지를 서버에 저장하는 것을 구현하였습니다. 파일은 multipart/form-data 형식으로 서버단에 전송되어야 합니다. React // const handleChangeImageFile = async (e: ChangeEvent) => { if (!e.target.files) return; const formData = new FormData(); formData.append('file', e.target.files[0]); const res = await axios.post( 'https://domain.com/api/v1/upload/image', formData, { headers: { 'Content-Type': 'mult..
오라클 클라우드를 이용하여 서버를 구축하던 중에 Nginx를 이용하여 리버스 프록시 설정을 진행하였습니다. 많은 자료들을 참고하여 클라우드 세팅을 진행했습니다. // etc/nginx/conf.d/[config 이름].conf location /api { proxy_pass http://[공인 IP]:3000; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection 'upgrade'; proxy_set_header Host [도메인]; proxy_cache_bypass $http_upgrade; proxy_buffer_size 128k; proxy_buffers 4 256k; proxy_busy_..
