Tag: algorithm

2020
0
DevelopProject

Books Review - 로그인 디자인하기 -

개발 서적 평가 서비스-로그인 화면 디자인-목차 라이브러리 인스톨하기 Ant Design 초기설정 Font 설정하기 App.js에서 <Link>를 Home.jsx로 이동하기 Signin 페이지 스타일링 하기 Component 폴더 및 파일 생성하기 Component 추가하기 -SigninBg- Component 추가하기 -SigninForm

0
DevelopProject

Books Review - 라우팅 설정하기 -

개발 서적 평가 서비스-라우팅 설정하기-목차 프로젝트 생성 라이브러리 인스톨하기 nvm 설정파일 생성하기 package.json 설정 추가하기 prettier 설정파일 생성하기 라우터 설정하기 pages 폴더 만들고 컴포넌트 설정하기 프로젝트 생성 1npx create-react-app books-review 라이브러리 인스톨하기 1234c

0
DevelopProject

Books Review - 개발 서적 평가 서비스 -

개발 서적 평가 서비스목차 목차를 클릭하면 자세한 개발 코드 및 코멘트를 확인하실 수 있습니다. Develop 1 프로젝트 생성 라이브러리 인스톨하기 nvm 설정파일 생성하기 package.json 설정 추가하기 prettier 설정파일 생성하기 라우터 설정하기 pages 폴더 만들고 컴포넌트 설정하기 Develop 2 라이브러리 인스톨하기 An

0
DevelopProject

GitHub Commit 독려 애플리케이션 ver.React

Carrot And Stick Ver.React해커톤 주제 기존 Vanila JS로 제작된 Carrot And Stick를 리액트로 리펙토링 + 로그인/로그아웃 구현 1. 팀 소개 팀명 : 채찍과 당근 팀장 : 김준혁 팀원 : 정다희 2. 팀 주제Git Commit 수에 따른 캐릭터 표정 변화 어플리케이션 입니다. 사용자의 학습 욕구를 도

0
DevelopTypeScript

타입 스크립트 [02]

TypeScript - 02 -목차 JavaScript Class 클래스 vs 생성자함수 JS 클래스는 문법적 설탕이 아닌 이유 JS 클래스의 단점 TypeScript 클래스 JS 클래스 → TS 클래스 접근 제한자 생성자 파라미터(매개변수)에 접근 제한자 선언 readonly 키워드 추상 클래스 추상 메소드란? TS 인터페이스 변수와 인터페이스

0
DevelopTypeScript

타입 스크립트 [01]

TypeScript - 01 -목차 동적 타입 언어 vs 정적 타입 언어 자바스크립트의 특징 자바스크립트의 배열 타입스크립트 타입스크립트 설치 타입스크립트 타입 타입 추론 동적 타입 언어 vs 정적 타입 언어 JavaScript는 동적 타입 언어이다. 변수에는 타입이 없고 값이 할당되면 타입 추론으로 타입이 정해진다. 재할당이 가능한 경우,

0
DevelopGraphQL

GraphQL Schema, Type

Graph QL - SCHEMAS & TYPES - SCHEMAS & TYPES 타입 시스템 Type system 타입 언어 Type Language 객체 타입과 필드 인자 Arguments 쿼리 타입 & 뮤테이션 타입 The Query and Mutation Types 스칼라 타입 Scalar Types 열거형 타입 Enumera

0
DevelopGraphQL

GraphQL Query, Mutation

Graph QL - QUERY , MUTATION - QUERY , MUTATION 필드 Fields 인자 Arguments 별칭 Aliases 프래그먼트 Fragments 프래그먼트 내에서 변수 사용하기 Using variables inside fragments 작업 이름 Operation name 변수 Variables 변수 정의 Variabl

0
DevelopReact

React로 사고하기

React Official Document주요개념 : React로 사고하기 목업으로 시작하기 1단계 : UI를 컴포넌트 계층 구조로 분할하기 2단계 : React로 정적인 버전 만들기 3단계 : UI state에 대한 최소한의 (하지만 완전한) 표현 찾아내기 4단계: State가 어디에 있어야 할 지 찾기 5단계: 역방향 데이터 흐름 추가하기

0
DevelopReact

합성(Composition) vs 상속(Inheritance)

React Official Document주요개념 : 합성(Composition) vs 상속(Inheritance) 컴포넌트에서 다른 컴포넌트를 담기 특수화 React에서 상속은? React Official Document주요개념#10. 합성(Composition) vs 상속(Inheritance) React는 상속 대신 합성을 사용하여 컴포넌트