Category: Develop

2019
0
DevelopReact

이벤트 처리하기

React Official Document주요개념 : 이벤트 처리하기 React 이벤트 문법 기본동작 방지 ( preventDefault ) 이벤트 리스너 예제 : Toggle 컴포넌트 만들기 React this constructor 내부에서 this 바인딩 public class field 문법 콜백에 화살표 함수 사용 constr

0
DevelopReact

State and Lifecycle

React Official Document주요개념 : State and Lifecycle 함수에서 클래스로 변환하기 클래스에 지역 State 추가하기 생명주기 메서드를 클래스에 추가하기 componentDidMount() 메서드 구현 componentWillUnmount() 메서드 구현 tick() 함수 구현 호출 순서 요약 State 올바르게 사용

0
DevelopReact

Components and Props

React Official Document주요개념 : Components and Props 함수 컴포넌트와 클래스 컴포넌트 컴포넌트 렌더링 주의: 컴포넌트의 이름은 항상 대문자로 시작 컴포넌트를 이용한 렌더링 예시 컴포넌트 합성(구성) 컴포넌트 추출(분리) props는 읽기 전용 React Official Document주요개념#3. Comp

0
DevelopProject

유튜브 미니 클론 (No Route)

Youtube Mini Clone React목차 Youtube Mini Clone 생성하기 기본 틀 짜기 유튜브 데이터 받아올 준비하기 유튜브 데이터 받아오기 Header 작성 ( 큰 틀 = 로고부분) Header 작성 ( 검색바 ) 입력 값 기본 정해두기 데이터 초기화 값 셋팅 Main 작성 ( VideoList + VideoPlayer ) 무한

0
DevelopReact

엘리먼트(요소) 렌더링

React Official Document주요개념 : 엘리먼트(요소) 렌더링 React 엘리먼트(요소)란? DOM에 요소 렌더링하기 렌더링 된 요소 업데이트하기 React는 변경된 부분만 업데이트 한다. React Official Document주요개념#2. 엘리먼트(요소) 렌더링React 엘리먼트(요소)란? 1const element = &l

0
DevelopReact

JSX 소개

React Official Document주요개념 : JSX 소개 JSX 란? JSX를 표현식에 포함하기 변수 함수 호출 JSX도 표현식 JSX 속성 정의 경고 JSX 하위 요소 정의 JSX XSS 공격 방지 JSX는 객체를 표현한다. React element(요소) React Official Document주요개념#1. JSX 소개

0
DevelopProject

타다 사이트 클론하기 (모바일 구현완료)

본 게시물은 상업적인 목적은 전혀 없으며, 학습하기 위해 사용하였습니다. 타다 클론 (모바일 구현 완료)Tada : 타다 사이트 클론하기. (개인 프로젝트) 1. 주제Tada : 타다 사이트 클론. 2. 주제 선정 이유 HTML 와 CSS 학습을 위해서 반응형으로 구성된 웹페이지를 구현해볼 필요성이 있다고 느낌. 실제 구현되고 서비스 중인 반응

0
DevelopTips

Debugger for Chrome Setting

Google Debugger 설정하기1. EXTENSIONS 에서 Debugger for Chrome 설치 2. 구성 설정 : url 수정 ( react는 3000번 사용 ) 디버거 실행하기 실행 후 화면 중단점 설정1. 중단점을 선택한다. 위에 있는 버튼으로 추가 조작을 한다.

0
DevelopIT Event

코어 자바 스크립트 세미나

코어 자바스크립트 세미나정재남 저자님 Index Data Types 실핼 컨텍스트 This call back function 클로저 prototype 1강 : Data Types⇥ 원시 타입 Number String Boolean null undefined ⇥ 참조 타입 Array Function RegExp 2강 : 실행 컨텍스트

0
DevelopProject

GitHub Commit 독려 애플리케이션

Carrot and StickGitHub Commit 독려 애플리케이션 1. 팀 소개 팀명 : 채찍과 당근 팀장 : 김준혁 팀원 : 정다희, 박홍빈 2. 팀 주제Git Commit 수에 따른 캐릭터 표정 변화 어플리케이션 입니다. 사용자의 학습 욕구를 도모하기 위해 만들었습니다. 3. 주제 선정 이유기능적인 측면 : GITHUB 관리