본문 바로가기

전체 글

 (347)
프로그래머스 데브코스 97일차 with. TS 웹 풀스택 📚요약지난 시간에 이어 프로젝트를 테스트하는 방법과 컨테이너화를 진행해 보겠습니다. 📖웹 기반 문서 편집기 제작 프로젝트📄BE 단위 테스트독립적으로 테스트할 수 있는 함수/메서드 모두 테스트하는 것을 단위 테스트라고 합니다. 테스트를 진행하다 보면 모듈을 조합해 결과를 만들어야 하는 경우도 있습니다. 이에 대한 테스트는 Mock을 이용해 테스트 대상을 분리해야 합니다. 📑테스트 절차 재사용성 확보Makefile을 이용해 테스트 단계의 재현성을 높여야 합니다.🍯tip! Makefile 같이 일부 설정 파일의 경우 tab만을 허용하는 경우가 있습니다. 이때 편집기의 설정과 종류에 따라서 tab을 space로 설정하는 경우가 있습니다. 이는 에러를 발생시키는 원인이 될 수 있기 때문에 항상 확인이 필..
프로그래머스 데브코스 96일차 with. TS 웹 풀스택 📚요약지난 시간에 이어 프로젝트를 진행하겠습니다. 📖웹 기반 문서 편집기 제작 프로젝트📄BE 설계📑구조 설계서구조 설계서는 SW의 구조를 설계해 기술해 둔 정의 문서입니다. 주 내용은 어떤 도구를 사용할 것이고, 패키지 구조는 어떻게 할 것인지에 대해 작성된  문서입니다.도구와 도구의 버전패키지 구조세팅라우터모델유틸미들웨어📑데이터베이스 설계프로덕션(실제)용 데이터베이스와 로컬 테스트용 데이터베이스는 분명히 구분해서 사용해야 합니다. 📑개발 환경 셋업빈 프로젝트에 기본 패키지를 설치하고, 환경 변수 및 설정 코드 작성, 뼈대와 응용 코드까지 작성을 했습니다. 작성된 코드를 바탕으로 로컬 실행과 빌드 후 결과까지 간단하게 확인했습니다.🍯tip! 빌드 후 따로 서버 배포 없이 확인하기 위해서는 n..
프로그래머스 데브코스 19주차 회고 with. TS 웹 풀스택 회고⏲91일차 (08.12)알고 있던 내용까먹었던 내용새로 배운 내용  - 오픈 소스 프로젝트 만들기실제로 사용할만한 오픈 소스 프로젝트는 아니지만 오픈 소스 프로젝트를 만들어본다는 기회가 좋은 것 같다. 92일차 (08.13)알고 있던 내용까먹었던 내용새로 배운 내용  - npm 배포npm에 실제로 배포해 보는 과정을 경험해 보게 돼서 좋았다. 팀플로 인해 정신이 없는 상황이다. 93일차 (08.14)알고 있던 내용까먹었던 내용새로 배운 내용- 요구사항 명세서- 기능적/비기능적 요구사항 이번 시간에는 프로젝트의 시작에 앞서 어떤 프로젝트를 시작할 건지와 그에 대한 요구사항을 살펴보는 시간을 가졌다. 94일차 (08.15)알고 있던 내용까먹었던 내용새로 배운 내용   복습 방학 95일차 (08.16)알고..
프로그래머스 데브코스 95일차 with. TS 웹 풀스택 📚요약지난 시간에 이어 프로젝트를 살펴보겠습니다. 📖웹 기반 문서 편집기 제작 프로젝트📄응용 구조의 설계📑구성요소FEReact를 사용한 UI 서비스API 호출의 경우 브라우저의 js 실행 → BE의 url을 가지고 있어야 한다.BEExpress를 사용해 데이터베이스를 이용한 데이터 모델 서비스JWT를 이용한 사용자 인증을 통해 데이터 접근 보호CORS 정책을 통해 악의적인 접근을 방지 → FE의 url을 가지고 있어야 한다.Databaseprgms_notes라는 이름의 데이터 베이스에 두 개의 테이블📄개발 환경과 배포 환경📑개발 환경개발 환경 Mariadb를 사용해 데이터 베이스를 구축하고, FE, BE와 함께 로컬 클러스터 내부에 구축합니다. 접근의 경우 웹 브라우저를 통해 바로 접근할 수 ..
프로그래머스 데브코스 93일차 with. TS 웹 풀스택 📚요약지난 시간까지는 오픈소스에 대해 공부했습니다. 이번 시간부터는 지금까지 배웠던 것들을 모두 모아 하나의 프로젝트를 진행합니다. 📖웹 기반 문서 편집기 제작 프로젝트이번 프로젝트는 프로그래밍보다 전반적인 진행과 실제 사용을 염두에 두고 진행하는 프로젝트입니다. 📄요구사항 명세서요구사항 명세서는 프로젝트의 방향을 알려주는 문서입니다. 해당 문서는 변경이 있을 수 있기 때문에 항상 살펴봐야 하고 잊지 말고 따라야 합니다.🍯tip! TDD에서는 요구사항 명세서에 따라서 테스트 케이스들이 만들어지고 그에 따라 코드를 구현합니다. 이론적으로 모든 요구사항을 빠짐없이 반영합니다. 📑Software Requirement SpecificationSRS라고 불리는 소프트웨어 요구사항 명세서는 구현물의 기능적..
프로그래머스 데브코스 92일차 with. TS 웹 풀스택 📚요약지난 시간에 만들었던 오픈소스 프로젝트를 이번 시간에는 npm을 통해서 배포하는 방법을 배워보겠습니다. 📖오픈 소스 프로젝트📄npm 배포📑npm 회원가입npm에 배포를 진행하기에 앞서 먼저 회원가입을 해야 합니다. 사이트에서 진행하면 됩니다. npm | HomeBring the best of open source to you, your team, and your company Relied upon by more than 17 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe. The free npm Registry has become the cen..
프로그래머스 데브코스 91일차 with. TS 웹 풀스택 📚요약지난 시간에는 실제 오픈 소스에 기여해 보는 방법들을 배웠습니다. 이번 시간에는 직접 오픈 소스 프로젝트를 만들어 보겠습니다. 📖오픈소스 프로젝트 만들어 보기📄주제선정오픈소스 프로젝트의 주제는 어렵게 생각할 필요 없이 개발 과정 중 필요한 부분을 오픈 소스로 만드는 것입니다. 예를 들어, lodash.js, immer.js처럼 복잡한 구동과정 없이 결과를 확인할 수 있고, 확장성이 보장된다면 좋은 주제입니다. 📄레포지토리 생성 및 설정📑organization레포지토리는 일반적인 레포지토리로 생성할 수 있지만, github의 organization 기능을 이용해서 생성해 보겠습니다. Organization을 통해 생성하면 비슷한 레포지토리끼리 모아서 작성할 수 있기 때문에 좀 더 편리하게 사..
프로그래머스 데브코스 90일차 with. TS 웹 풀스택 📚요약지난 시간에는 기여하고 싶은 OSS를 찾고, 기여하는 방법을 배웠습니다. 이번 시간에는 좀 더 어려운  📖오픈소스유명한 프로젝트의 경우에 많은 사람들이 이미 진행한 이슈가 많기 때문에 난이도가 올라갈 수밖에 없습니다. 그렇기에 난이도의 상승이 필요한 경우 유명한 프로젝트를 찾는 것이 답이 될 수 있습니다. 📑추천 오픈소스 프로젝트react-iconsreact-datepickerreact-storybook가장 좋은 방법은 사용하고 있고 관심이 있었던 라이브러리에 기여하는 방법입니다. 다음 시간에 계속... 출처 & 참고강사님의 강의

티스토리툴바