잡다한 사전

테스트 코드란? 테스트 코드는 작성한 코드가 문제가 없이 정상적으로 작동하는지 확인하는 코드를 말합니다. 테스트 코드에는 일곱 테스트 원칙이 존재한다. 일곱 테스트 원칙 1. 테스팅은 결함이 없는 것을 확인하는 것이 아닌, 결함의 존재를 확인하는 겁니다. 2. 완벽한 테스트는 불가능합니다. 3. 테스트 구성은 빠르게 시작하는 것이 좋다. 4. 결함은 군집이 되어있다. 5. 비슷한 테스트가 반복되면 결함을 찾기 힘들다. 6. 테스트는 정황에 의존적이다. 7. 오류 부재의 오해 테스트 코드 종류 ☑︎ 단위 테스트 : 가장 작은 규모의 기능을 테스트하는 것을 말합니다. ☑︎ 통합 테스트 : 여러가지 기능을 합쳤을 때 생기는 오류를 방지하기 위한 테스트입니다. ☑︎ E2E 테스트 : 최종적으로 웹 페이지가 정상..

3 Layer architecture란? 비즈니스 로직을 분리하는 것을 목적으로 하며, Controller, Service Layer, Data Access Layer 3개의층으로 나뉘어져 있습니다. 장점 : 다른 계층에 영향을 주지 않고 특정 계층만 수정이 가능합니다. Controller controller 부분은 들어오는 클라이언트 요청을 받고 서비스를 전달하는 부분입니다. 또한 서비스 부분에서 작업을 마친 데이터를 클리언트에게 응답을 하는 역활을 합니다. // controllers/posts.controller.js postsService = new PostsService(); //게시글 조회 getPosts = async (req, res, next) => { try { const posts = ..

Prisma에 대해서 알아보기 전에 ORM에 대해서 먼저 알오보도록 할겠습니다. ORM 이란.. ORM은 DB데이터를 객체로 매핑해 주는 역활을 하는 것을 말합니다. 모델링 된 객체와 관계를 바탕으로 SQL을 자동으로 생성해주는 도구 입니다. Prisma는 무엇일까? Prisma는 기존 ORM과 근본적으로 다른 ORM으로 기존에 겪은 문제들을 겪지 않는다는 특징이 있습니다. Prisma의 구성 Prisma는 Prisma Schema, Prisma introspect, Prisma migration, Prisma client, Prisma studio로 구성이 되어있습니다. Prisma Schema Prisma v1에서는 graphQL을 통해 model을 정의하였다면, Prisma v2에서는 Prisma ..

이번 장에서는 객체 지향 설계 5원칙인 SOLID에 대해서 알아보도록 하겠습니다. SOLID는 (SRP, OCP, LSP, ISP, DIP)를 이야기하며 5개의 개발 원칙에 대해서 자세하게 알아보도록 하겠습니다. ● SRP (Single Responsibility Principle) : 단일 책임 원칙 ● OCP (Open Closed Priciple) : 개방 폐쇄 원칙 ● LSP (Listov Substitution Priciple) : 리스코프 치환 원칙 ● ISP (Interface Segregation Principle) : 인터페이스 분리 원칙 ● DIP (Dependency Inversion Principle) : 의존 역전 원칙 1. 단일 책임 원칙 - SRP (Single Responsi..

이번 팀 프로젝트에서는 날시를 알려주고, 날씨에 맞는 옷차림을 알려주는 사이트를 제작하였습니다. git 주소 : https://github.com/HoyeongJeon/palopalo GitHub - HoyeongJeon/palopalo: 팔로팔로 팔로알토 팔로팔로 팔로알토. Contribute to HoyeongJeon/palopalo development by creating an account on GitHub. github.com notion 주소 : 공개 x 제작을 할 때 기본적으로 들어간 기능은 로그인, 회원가입, 게시글, 프로필, 프로필 수정, 댓글 등으로 기본적으로 기능이 들어갔습니다. 이번 프로젝트에서는 API 구현을 주로 잡아서 작업을 시작을 해야했지만 발표를 할 때는 UI가 필요하다는..

1. 사이트 목표(기능?) Main Page -------------------- 자기소개 Menu -------------------- 작업한 사이트 공유 웹 게임 (테스트 게임 등등 ) (생각나는 기능 수정) 기능 --------------------- 회원가입, 로그인, 게시글, 팔로우, 사이트 주제 : (고민중) IT, 포토폴리오 등 작업물 공유, 스터디 팀원 찾기?( DM기능, 메세지 기능 구현) etc.. 고민 2. 사이트 디자인 홈페이지를 시작할 때 블로그 웹사이트 디자인보다 앱을 실행한 느낌이 나는 디자인을 선호 header, footer 부분을 고정으로 메인페이지인 자기소개 부분만 내용일 변경되는 것으로 디자인을 합니다. 이외에 배경, 헤더, 푸터, 등은 고정으로 사용합니다. (와이드 프..

이번 장에서 useState를 사용해서 회원가입을 하는 것을 만들어보겠다. useState를 이용해서 동적으로 데이터 받기 function Register() { const [name, setName] = useState(""); return ( {e.target.setName}} /> 회원가입 ) 위 코드에서 name 값을 useState로 받아서 입력된 값을 동적으로 바꾸는 것을 사용해서 회원가입을 할 때 입력값을 받아올 수 있다. 이외에 이를 이용해서 이름,이메일,비밀번호를 받아서 데이터 베이스로 보내서 저장하는 것이 가능하다. 회원가입 버튼을 클릭시 ajax를 이용해서 데이터를 api로 보내는 코드를 확인해보겠다. ( 본 코드에서 사용하는 api 코드는 포함하지 않았기 때문에 실제 코드 사용에서 ..

1. Props 부모 컴포넌트로부터 자식컴포넌트가 물려받는 속성, 다시 말해서 Props를 이용해서 데이터를 전달하는 것을 말합니다. Props는 자식에서 수정이 불가능합니다. 그 이유는 단방향 데이터 흐름을 지키기 위해서이다. ex) src/App.js app.js에서 자식 컴포넌트에게 보낼 속성을 정의합니다. # src/App.js render() { return ( //정의 ); } } src/hello.js hello.js에서 부모컴포넌트에서 받은 props를 호출합니다. render() { return ( Hello {this.props.text} //정의 된 props호출 ); } 2. State 컴포넌트 내에서 동적으로 변동되는 데이터를 관리할 수 있으며, 기본값을 미리 설정해서 사용이 가능..