Home

2017
0
01_DevTIL ✍JavaScript

8/ DOM(1) - 노드의 계층 구조(2)

‘프론트엔드 개발자를 위한 자바스크립트 프로그래밍’ 책을 참고하여 정리합니다. 오류가 있다면 언제든지 댓글 남겨주세요. 목차 Node 타입 Document 타입 Element 타입 Text 타입 텍스트 노드 생성 텍스트 노드 통일 텍스트 노드 분할 Comment 타입 CDATASection 타입 DocumentType 타입 DocumentFra

0
01_DevTIL ✍JavaScript

8/ DOM(1) - 노드의 계층 구조(1)

‘프론트엔드 개발자를 위한 자바스크립트 프로그래밍’ 책을 참고하여 정리합니다. 오류가 있다면 언제든지 댓글 남겨주세요.넘나 많은 프로퍼티와 메서드들 @_@ 브라우저는 웹 문서(HTML, XML, SVG)를 로드한 후, 파싱하여 DOM(문서 객체 모델: Document Object Model)을 생성한다. 텍스트 파일로 만들어져 있는 웹 문서를 브

0
01_DevTIL ✍JavaScript

7/ BOM (브라우저 객체 모델)

‘프론트엔드 개발자를 위한 자바스크립트 프로그래밍’ 책을 참고하여 정리합니다. 오류가 있다면 언제든지 댓글 남겨주세요. 목차 window 객체 —- 1편 👆 location 객체2.1 쿼리스트링 확장2.2 location 조작 navigator 객체3.1 플러그인 감지3.2 처리기 등록 screen 객체 history 객체

0
01_DevTIL ✍JavaScript

7/ BOM (브라우저 객체 모델)

‘프론트엔드 개발자를 위한 자바스크립트 프로그래밍’ 책을 참고하여 정리합니다. 오류가 있다면 언제든지 댓글 남겨주세요. 목차 window 객체1.1 전역 스코프 : window.전역변수명, window.전역함수명1.2 창 사이의 관계와 프레임1.3 창의 위치 : screenLeft, screenTop1.4 창의 크기 : innerWidth, out

0
01_DevTIL ✍0_DevLog 👻

componentDidUpdate

componentDidUpdate(prevProps, prevState)< Props Update > props가 업데이트될 때의 과정입니다. 업데이트되기 전에 업데이트가 발생하였음을 감지하고, componentWillReceiveProps 메소드가 호출됩니다. 그 후 shouldComponentUpdate, componentWillUpdate가

0
01_DevTIL ✍CS

TCP / UDP

TCPTCP 소켓은 신뢰할 수 있는 프로토콜이다. 두 머신에서 데이터를 주고 받을 때, 파일에 쓰는 것처럼 한 쪽에서 쓰고 다른 쪽에서 읽을 수 있다.연결은 신뢰할 수 있고 순차적이다.즉, 한 쪽에서 보낸 데이터는 다른 쪽에서 안전하게 받을 수 있다.TCP 소켓도 데이터 스트림이다. 데이터를 잘라 패킷에 담아 네트워크로 보낸다. TCP가 단순할 수 있었

0
01_DevTIL ✍CS

네트워크 basic

수업 전 미리 알아보기 목차 네트워크란? 인터넷이란? OSI 7 Layer & TCP/IP Model Layer 네트워크란?두 대 이상의 컴퓨터 들을 연결하고 서로 통신(이야기) 할수 있는 것 네트워크의 종류 PAN (Personal Area Network) : 가장 작은 규모의 네트워크 LAN (Local Area Network) : 근

0
01_DevTIL ✍Database

Database basic

목차 RDBMS DDL, DML Aggregate, Group Function SQL ERD Table 생성 1. RDBMSRelational Database Management System F.커드씨가 도입한 관계형 모델을 기반으로 데이터베이스를 관리하는 방식이다. RDBMS의 종류로는 Oracle, Mysql 등이 널리 사용되고있다. Rela

0
01_DevTIL ✍React

2/ React data 처리

스터디 공유용 자료입니다. 목차 fetch API 실습 1. fatch apiaxios와 비슷한 promise 기반의 HTTP REQUEST API참고 1234567fetch(url).then(() => { // 응답 data를 받고 싶은 곳.}).catch(() => { // 에러를 받고 싶은 곳.

0
01_DevTIL ✍React

1/ React router

스터디 공유용 자료입니다.http://slides.com/woongjae/react-router#/ 참고하였습니다. 리액트는 SPA위한 자바스크립트 라이브러리이기 때문에, 클라이언트 사이드 렌더링과 클라이언트 사이드 라우팅이 필요합니다. react-router는 하나의 라이브러리이다. + 다른 router라이브러리도 있고, 직접 만들 수 있다. 페이스