Category: 01_DevTIL ✍

2018
0
01_DevTIL ✍Jquery

jquery 뽀개기(1)

basic html은 위에서 아래로 순차적으로 실행된다. jquery의 ready나 load메서드가 있을 경우 위에서 아래로 순차적으로 실행되지 않고 각 메서드의 특징별로 순서가 진행된다. 1. ready()제이쿼리 ready 메서드는 DOM이 완전히 로드되었을 때 코드를 실행하도록 구현되어있다.(리액트의 componentDidMount) 제이쿼리 3.0

0
01_DevTIL ✍JavaScript

11/ 정규표현식

목차 정규표현식 플래그 패턴 자주사용하는 정규표현식 JS Regular Expression RegExp Constructor RegExp Method RegExp.prototype.exec() RegExp.prototype.test() 1. 정규표현식 `RegExp.prototype.exec(text)` : `RegExp.protot

0
01_DevTIL ✍0_DevLog 👻

git rebase와 삽질

서론요즘 작업 중인 프로젝트에서 평소에 했던 방식처럼 한 기능 당, 한 테스크당 브랜치를 생성해서 작업하고 있었다. 개인프로젝트이기 때문에.. 따로 dev 브랜치는 만들진 않았고 master에서 작업 브랜치를 만들었는데, 1. 검색기능을 만들었어야 해서 master에서 Search-Todo라는 브랜치를 생성 2. 이미지 클릭시 다른 탭으로 이동하는 기능

0
01_DevTIL ✍CS

기타 용어들

목록 dns subnet NAT port socket mac address 1. dnsDNS(도메인 네임 시스템)는 .com 또는 .net과 같은 특정 최상위 도메인(TLD)의 모든 도메인 네임 및 해당하는 IP 주소를 저장하는 데이터베이스입니다. DNS는 인터넷에서 컴퓨터 시스템과 리소스를 식별하고 찾습니다. 예를 들어, 웹 주소 또는 URL을 입

0
01_DevTIL ✍CS

3 way handshake

3 way handshakeClient와 Server 또는 P2P Socket 통신 등, 네트워크를 사용한 통신시 TCP 통신을 많이 사용한다.TCP 통신을 위한 네트워크 연결은 3 way handshake 라는 방식으로 연결된다.쉽게 이야기 하면, 서로의 통신을 위한 관문(port)을 확인하고 연결하기 위하여 3번의 요청/응답 후에 연결이 되는 것이다.

2017
0
01_DevTIL ✍JavaScript

8/ DOM 확장

‘프론트엔드 개발자를 위한 자바스크립트 프로그래밍’ 책을 참고하여 정리합니다. 오류가 있다면 언제든지 댓글 남겨주세요. 목차 선택자 API querySelector() 메서드 querySelectorAll() 메서드 matchesSelector() 메서드 요소 간 이동 HTML5 클래스 관련 추가사항 getElementsByClassName()

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