글쓰기와 정리를 좋아하는 웹 프론트엔드 개발자입니다.
`필오`라는 별명을 쓰고 `Joy`라는 영어이름을 사용합니다.

0

Angular 프로젝트에 prettier 코드포매터 세팅하기

개인의 경험을 바탕으로 적은 글이기에 피드백은 언제나 댓글로 환영합니다. :) 목차 모듈 세팅 프리티어 설치하기 에디터에만 세팅하기 프로젝트에 세팅하기 프리티어 옵션 값 precommit, 커밋 전 옵션에 맞춰 재포맷 하는 hook 추가. lint stage husky 한 프로젝트에 프론트엔드 개발자가 여러 명일 경우 각자의 코드

0

Airbnb - lottie - bodymovin 웹에서 사용해보기

airbnb 앱을 쓰다보면 곳곳에서 다양한 애니메이션을 볼 수 있다. 한 서비스에 애니메이션이 있으면 있을수록 자연스러운 사용성 유도, 사용자의 감성에도 메세지를 전할 수 있고, 서비스의 브랜드가 더 기억에 오래남고 강해진다고 생각한다. 모션을 좋아하는 성향과 모션이 줄 수 있는 위의 특징때문에 곳곳에 모션을 넣는 것을 좋아하는데, 그러던 중 airbnb

0

앵귤러 미리 예습해보기_ToDoList

출처 inflearn : Angular 기본과 간단한 To-Do 어플리케이션 만들기 http://poiemaweb.com/ : angular 파트 요약 목차 Angular CLI Angular Hello world Module Component 알아보기 Templete 알아보기 컴포넌트 커뮤니케이션 컴포넌트 스타일 처리 Pipe 1. Angula

0

11/ 정규표현식

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

0

기타 용어들

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

0

3 way handshake

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

0

8/ DOM 확장

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

0

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

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

0

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

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