오늘은 도커를 사용하여 배포를 진행했다. 도커 관련 파일을 Git에 추가하고, 인스턴스에서 Git을 이용해 파일을 내려받고 배포를 진행했다. 그런데 이 과정에서 AWS 용량이 부족하여 인스턴스가 빌드 과정 중에 종료되었던 일이 있었다. 그래서 용량을 늘려 배포를 이어나

이번에는 PWA로 모바일 앱을 배포할 계획이다. 그래서 기존에 만들었던 페이지들을 모바일 사이즈에 맞게 미디어 쿼리를 적용했다. 미디어 쿼리를 사용하여 페이지들을 모바일 화면에 최적화했고, 사용자들이 휴대폰이나 태블릿에서도 원활한 사용 경험을 할 수 있도록 만들고 있다

원티드렐릿로켓펀치프로그래머스더팀스오픈셀러리크레딧잡더브이씨이직초보 어느 개발자의 이력서 만들기 by 구인본 (우아한형제들 시니어 개발자)주니어 개발자의 이력서 쓰기 by 이동욱 (우아한형제들 백엔드 개발자)누구나 원하는 개발자 되기 by 김성호 (NHN 시니어 개발자)

AWS 프론트엔드 배포 과정에서 인스턴스에 이전에 작업한 내용을 Git으로 내려받아 배포해보았다. 기본적으로 AWS에서 제공하는 용량으로 빌드하는 과정에서 어려움이 있었다. 그러나 우리는 용량을 늘리는 대신 노드의 버전을 업그레이드하여 최적화를 높였다. 이로써 용량이

지역과 서비스에 맞는 자료를 보여주는 기능을 만들었다. 기능을 만들기 전에는 몰랐는데 페이지 구조가 생각보다 별로 좋지 않은 것 같다. 중간에 큰 광고 컨텐츠가 있어서 카테고리를 선택했을 때 자료가 바로 보이지 않고 아래로 내려서 봐야 하는 것도 생각보다 불편하다. 처

📒 오늘의 TIL 1️⃣ CSS 작업 마무리

초기에 팀 내에서 정한 컨테이너 프레젠트 스타일을 5개의 파일로 분할하는 방식인 모듈 기반 분할(module-based splitting) 방식에서 분리된 로직과 뷰 아키텍처(Separated Logic and View Architecture) 방식으로 구조를 변경했다

걱정과는 달리 생각보다 충돌도 없었고, 깃에 풀 리퀘스트하고 내려받는 과정도 정리해놓고 해보니 큰 어려움은 없었다. 한 가지는 팀원 중 한 분이 브랜치를 생성하고 거기에서 작업하시고 깃 푸시를 하면 자꾸 메인 깃허브에 푸시한 브랜치가 다이렉트로 생성되어 조금 어려움이

General Rules더 이상 하차 금지수료 후에도 프로젝트 다같이 마무리하기커밋 컨벤션 : Git 관리푸터는 다른 팀들 어떻게 하는지 보고 결정하기Javascript RulesCamelCase화살표 함수 사용(export default function 페이지 만드는

의미 있는 변수, 함수, 클래스 이름 사용하기장점 : 가독성이 높아지고, 코드를 이해하기 쉬워짐단점 : 긴 이름을 사용하면 코드의 길이가 늘어나므로 일부 개발자들은 짧은 이름을 선호할 수 있음일관된 들여쓰기와 포맷팅 규칙 따르기장점 : 코드의 일관성을 유지하여 가독성을

📒 오늘의 TIL *️⃣ 1차 위기 우리 팀은 프론트엔드 3명, 백엔드 2명으로 구성되어 프로젝트에 참여했다. 우리는 어느 정도의 서비스 기획과 기능을 준비했었는데, 백엔드 팀원 중 한 분이 개인적인 사정으로 인해 프로젝트에서 중도 하차하게 되었다. 이로 인해 기존에

구체적으로 피그마로 작성하기 이전에 기본적인 Wireframe을 작성했다. 작성한 이유는 디자인의 흐름을 파악하고 개발 과정에서 필요한 수정을 최소화하기 위한 목적이었다. Wireframe을 각 파트별로 분할하여 작성하고 팀원들과 함께 모여서 설명하면서, 중간중간에는

요구사항 정의서 작성은 개발 프로젝트의 성공에 있어 매우 중요한 역할을 한다고 생각되어 팀원들과 여러 의견을 주고 받으면서 작성했다. 우리는 페이지를 기준으로 큰 기능들을 나누고, 각 기능 내에 필수 입력 사항과 같은 세부적인 내용을 작성했다. 또한 개발할 때 중요한

📒 오늘 공부한 내용 🔍목차 >[1-1] git 협업순서 [1-2] git 커밋 컨벤션 ✅ git 협업순서 1️⃣ 라퍼지토리 생성하기 New repository 를 클릭하면 Repository 생성 화면으로 넘어가게 된다. Repository 생성 화면으로 오

정보 재가공 서비스런닝크루 매치 서비스여행일정관리 서비스레피시공유 커뮤니티다이어트관리서비스날씨정보제공서비스지하철경로안내서비스영화추천서비스모임관리서비스음악추천서비스도서추천서비스취미커뮤니티 중고상품 서비스 숙소 예약 사이트다양한 주제의 서비스 개발 아이디어가 있었지만 시간

컴포넌트가 렌더링 될 때마다 특정 작업을 실행할 수 있도록 하는 HOOK 이다.useEffect는 component가 mount가 됐을 때, component가 unmount 됐을 때, component가 update 됐을 때📂 useEffect 기본 형태useEff

풀이📝 풀이 설명이번에 알게 된 점은 중복 없이 묶는 방법이다. 이번 문제에서 반복문 초깃값 설정이 중요했다.i=0,j=1,k=2 이런 식으로 작성하면 무수히 많은 경우의 수가 나온다.내가 원하는 값은 만약에 i가 첫 번째 인덱스면 j는 첫 번째 인덱스를 뺀 나머지고

33-1 클라이언트 배포 기초33-2 배포 방식에 따른 데이터 흐름33-3 클라이언트 배포 실습📂 S3 : Simple Storage Service무제한 용량을 제공하는 온라인 스토리지 서비스S3 Glacier (단위 : 1 Vault) : 백업을 위한 스토리지 서비

32-1 테스트 코드32-2 일반적인 단위테스트마우스로 클릭을 통해 api를 요청하는 작업같은 것들을 대신해주는 것 이다.📂 테스트코드의 필요성사이트를 런칭해 1차개발이 완료되었다. 이후에 2주정도 버그가 있는지 확인하고 수정하고 잘 돌아가나 테스트하는 시간을 2주정

31-1 성능최적화31-2 메모이제이션(Memoization)31-3 map과 memo의 관계31-4 CRP(Critical Rendering Path)31-5 Promise & Promise.all()memoization 폴더 \_ container 파일let은 버튼