Inflearn 7_ TDD로 하는 API 서버 개발 사용자 목룍 조회 API 테스트 코드 만들기 1 요구사항 성공 1) 유저 객체를 담은 배열로 응답한다 2) 최대 limit 갯수만큼 응답한다 • 실패 3) limit이 숫자형이 아니면 400을 응답한다 4) offset이 숫자형이 아니면 400을 응답한다 ( 데이터가 많을 경우, 잘라서 받는데 앞의 데이터를 몇 개 skip 하고 달라고 하는 경우가 있다. 이 때 skip한 갯수가 offset... InflearnAPIAPI 자바 ORM 표준 JPA 프로그래밍 - 기본편 #5 연관관계 매핑 기초 예를들어 회원과 팀이 관계가 있을 때 회원 → 팀 또는 팀 → 회원 둘 중 한 쪽만 참조하는 것을 단방향 관계라 하고, 회원 → 팀, 팀 → 회원 양쪽 모두 서로 참조하는 것을 양방향 관계라고 한다. 회원 객체는 Member.team 필드로 팀 객체와 연관관계를 맺는다. 회원은 Member.team 필드를 통해서 팀을 알 수 있지만 반대로 팀은 회원을 알 수 없다. 회원 테이블은 TEAM_I... ORMInflearnJPA김영한Inflearn [스프링 프레임워크 핵심기술] ResourceLoader 리소스를 읽어오는 기능을 제공하는 인터페이스로, ApplicationContext는 ResourcLoader를 상속받고 있기 때문에 ApplicationContext 객체를 통해 리소스를 읽어오는 로딩 기능을 사양할 수 있다. ApplicationContext extends ResourceLoader 리소스 로딩을 하기 위해서는 getResource 메서드를 사용해서 경로를 입력해줘야 한다.... SpringInflearnInflearn [자바스크립트 ES6+ 기본] 10. Number 오브젝트 IEEE 754 자바스크립트는 IEEE 754에 정의된 64비트 부동 소수점으로 수를 처리 (double-precision floating-point format numbers) 64비트로 최소값과 최대값을 처리 정수와 실수 구분 안함 1을 1.0으로 처리 1 + 1.2 가능 64비트 구성 사인 비트 63: 1비트 값이 0이면 양수, 1이면 음수 지수 (exponent) 52~62: 11비트... JavaScriptNumber 오브젝트InflearnInflearn [자바스크립트 ES6+ 기본] 22. WeakMap 오브젝트 WeakMap은 object만 key로 사용 가능 number 등의 프리미티브 타입 사용 불가 Map에서 key로 참조한 object를 삭제하면 object를 사용할 수 없게 되지만 그래서 (약한, 부서지기 쉬운) WeakMap? WeakMap 오브젝트 메소드 set(), get(), has(), delete() WeakMap entry의 열거 불가 WeakMap 인스턴스 생성, 반환 Wea... InflearnJavaScriptInflearn [자바스크립트 ES6+ 기본] 23. Set 오브젝트 Set 오브젝트는 value(값)의 컬렉션 [value1,,, valueN] 형태로 작성 Set 인스턴스 생성, 반환 프리미티브, 오브젝트 타입 사용 가능 Set 인스턴스의 엘리먼트 수를 반환 Set 오브젝트 구조 Map: key와 value 작성 key를 key로 사용하여 [key, value]로 저장 Set: value만 작성 value를 key로 사용하여 [value]로 저장 Map: ... InflearnJavaScriptInflearn [자바스크립트 ES6+ 기본] 24. WeakSet 오브젝트 Set 오브젝트와 차이 오브젝트만 value 값으로 사용할 수 있음 number 등의 프리미티브 타입 사용 불가 개념은 WeakMap과 같음 value만 작성하는 것이 다름 value의 참조가 바뀌면 GC 대상 지원 메소드 has(), add(), delete() WeakSet 인스턴스 생성, 반환 파라미터 대괄호[] 안에 오브젝트 작성 WeakSet 인스턴스에서 value의 존재 여부 반환... InflearnJavaScriptInflearn 22-02-05 영화리뷰 페이지 만들기 <span>태그는 보통 컨텐츠 또는 글의 제목을 적을 때 많이 씀, 인라인 요소 <p>태그는 보통 컨텐츠 또는 글의 내용을 적을 때 씀, 블록 요소 ul,h1,h2,h3,h4,h5,h6{margin:0; padding: 0;} button{outline: none; border: none; background: transtparent; cursor: pointer;} <outline: non... Inflearn어려웡html예제CSS영화리뷰페이지만들기CSS [프론트엔드 개발환경과 실습] Babel #5 ECMAScript2015+ 이상으로 작성된 모든 코드를 브라우저에서 동작하도록 호환성을 지켜줌 (타입스크립트, JSX 포함) 설치 : npm install @babel/core @babel/cli 실행 : npx babel 실행파일.js 빌드 과정 파싱(Parsing) - 코드를 읽고 추상 구문 트리로 변환 변환(Transforming) - 실제 코드를 변경하는 작업 출력(Printing)... NodebabelInflearnInflearn [프론트엔드 개발환경과 실습] Lint #7 ESLint 최근 가장 많이 사용 코드의 문제점을 검사하여 더 나은 코드로 정정해줌 npm i eslint npx eslint app.js (실행) .eslintrc.js 환경설정 파일 생성 npx eslint app.js --fix (지정된 규칙에 한해서 자동 오류 수정 가능) "extends": "eslint:recommended" 미리 설정된 규칙 세트 (지정된 규칙 이외에 더 필요하다... lintInflearnESLintESLint
7_ TDD로 하는 API 서버 개발 사용자 목룍 조회 API 테스트 코드 만들기 1 요구사항 성공 1) 유저 객체를 담은 배열로 응답한다 2) 최대 limit 갯수만큼 응답한다 • 실패 3) limit이 숫자형이 아니면 400을 응답한다 4) offset이 숫자형이 아니면 400을 응답한다 ( 데이터가 많을 경우, 잘라서 받는데 앞의 데이터를 몇 개 skip 하고 달라고 하는 경우가 있다. 이 때 skip한 갯수가 offset... InflearnAPIAPI 자바 ORM 표준 JPA 프로그래밍 - 기본편 #5 연관관계 매핑 기초 예를들어 회원과 팀이 관계가 있을 때 회원 → 팀 또는 팀 → 회원 둘 중 한 쪽만 참조하는 것을 단방향 관계라 하고, 회원 → 팀, 팀 → 회원 양쪽 모두 서로 참조하는 것을 양방향 관계라고 한다. 회원 객체는 Member.team 필드로 팀 객체와 연관관계를 맺는다. 회원은 Member.team 필드를 통해서 팀을 알 수 있지만 반대로 팀은 회원을 알 수 없다. 회원 테이블은 TEAM_I... ORMInflearnJPA김영한Inflearn [스프링 프레임워크 핵심기술] ResourceLoader 리소스를 읽어오는 기능을 제공하는 인터페이스로, ApplicationContext는 ResourcLoader를 상속받고 있기 때문에 ApplicationContext 객체를 통해 리소스를 읽어오는 로딩 기능을 사양할 수 있다. ApplicationContext extends ResourceLoader 리소스 로딩을 하기 위해서는 getResource 메서드를 사용해서 경로를 입력해줘야 한다.... SpringInflearnInflearn [자바스크립트 ES6+ 기본] 10. Number 오브젝트 IEEE 754 자바스크립트는 IEEE 754에 정의된 64비트 부동 소수점으로 수를 처리 (double-precision floating-point format numbers) 64비트로 최소값과 최대값을 처리 정수와 실수 구분 안함 1을 1.0으로 처리 1 + 1.2 가능 64비트 구성 사인 비트 63: 1비트 값이 0이면 양수, 1이면 음수 지수 (exponent) 52~62: 11비트... JavaScriptNumber 오브젝트InflearnInflearn [자바스크립트 ES6+ 기본] 22. WeakMap 오브젝트 WeakMap은 object만 key로 사용 가능 number 등의 프리미티브 타입 사용 불가 Map에서 key로 참조한 object를 삭제하면 object를 사용할 수 없게 되지만 그래서 (약한, 부서지기 쉬운) WeakMap? WeakMap 오브젝트 메소드 set(), get(), has(), delete() WeakMap entry의 열거 불가 WeakMap 인스턴스 생성, 반환 Wea... InflearnJavaScriptInflearn [자바스크립트 ES6+ 기본] 23. Set 오브젝트 Set 오브젝트는 value(값)의 컬렉션 [value1,,, valueN] 형태로 작성 Set 인스턴스 생성, 반환 프리미티브, 오브젝트 타입 사용 가능 Set 인스턴스의 엘리먼트 수를 반환 Set 오브젝트 구조 Map: key와 value 작성 key를 key로 사용하여 [key, value]로 저장 Set: value만 작성 value를 key로 사용하여 [value]로 저장 Map: ... InflearnJavaScriptInflearn [자바스크립트 ES6+ 기본] 24. WeakSet 오브젝트 Set 오브젝트와 차이 오브젝트만 value 값으로 사용할 수 있음 number 등의 프리미티브 타입 사용 불가 개념은 WeakMap과 같음 value만 작성하는 것이 다름 value의 참조가 바뀌면 GC 대상 지원 메소드 has(), add(), delete() WeakSet 인스턴스 생성, 반환 파라미터 대괄호[] 안에 오브젝트 작성 WeakSet 인스턴스에서 value의 존재 여부 반환... InflearnJavaScriptInflearn 22-02-05 영화리뷰 페이지 만들기 <span>태그는 보통 컨텐츠 또는 글의 제목을 적을 때 많이 씀, 인라인 요소 <p>태그는 보통 컨텐츠 또는 글의 내용을 적을 때 씀, 블록 요소 ul,h1,h2,h3,h4,h5,h6{margin:0; padding: 0;} button{outline: none; border: none; background: transtparent; cursor: pointer;} <outline: non... Inflearn어려웡html예제CSS영화리뷰페이지만들기CSS [프론트엔드 개발환경과 실습] Babel #5 ECMAScript2015+ 이상으로 작성된 모든 코드를 브라우저에서 동작하도록 호환성을 지켜줌 (타입스크립트, JSX 포함) 설치 : npm install @babel/core @babel/cli 실행 : npx babel 실행파일.js 빌드 과정 파싱(Parsing) - 코드를 읽고 추상 구문 트리로 변환 변환(Transforming) - 실제 코드를 변경하는 작업 출력(Printing)... NodebabelInflearnInflearn [프론트엔드 개발환경과 실습] Lint #7 ESLint 최근 가장 많이 사용 코드의 문제점을 검사하여 더 나은 코드로 정정해줌 npm i eslint npx eslint app.js (실행) .eslintrc.js 환경설정 파일 생성 npx eslint app.js --fix (지정된 규칙에 한해서 자동 오류 수정 가능) "extends": "eslint:recommended" 미리 설정된 규칙 세트 (지정된 규칙 이외에 더 필요하다... lintInflearnESLintESLint