Archive: 2018

2018
0
01_DevTIL ✍Angular

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

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

0
04_UX 💅Motion

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

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

0
01_DevTIL ✍Angular

앵귤러 미리 예습해보기_ToDoList

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

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번의 요청/응답 후에 연결이 되는 것이다.