npm과 yarnnpm과 yarn은 자바스크립트 런타임 환경인 노드(Node.js)의 패키지 관리자전 세계의 개발자들이 자바스크립트로 만든 다양한 패키지를 npm 온라인 데이터베이스에 올리면 npm, yarn과 같은 패키지 관리자를 통해 설치 및 삭제가 가능명령 줄 인터페이스(Command-line interface, CLI)를 통해 패키지 설치 및 삭제뿐 아니라 패키지 버전 관리, 의존성 관리도 편리하게 할 수 있다. 패키지란?특정 기능이나 목적을 위한 코드 묶음모듈화와 코드 재사용성을 증가시켜 의존성 관리를 용이하게 한다.특히 패키지를 사용할 때 다운로드, 업데이트, 의존성 관리 등 복잡한 상황이 생길 수 있는데, 패키지 매니저를 이용하면 이러한 과정을 자동화하여 편리하게 만들어준다. npm노드 패키..

와이어프레임 페이지에 대한 개략적인 레이아웃이나 UI요소 등에 대한 뼈대를 설계하는 단계 구조 처리(Structure) 각 페이지의 영역 구분 컨텐츠, 텍스트 배치 등을 화면 단위로 설계 스토리보드 정책, 프로세스, 와이어프레임, 기능 정의, 데이터베이스 연동 등 서비스 구축을 위한 모든 정보가 담겨있는 문서 디자이너/개발자가 참고하는 최종적인 문서 상단이나 우측에는 제목, 작성자 등을 입력하고, 좌측에는 UI 화면, 우측에는 디스크립션을 기입 디스크립션은 화면에 대한 설명, 전반적인 로직, 분기처리, 예외처리 등을 작성하는 부분으로, 명확하고 세부적으로 작성 목업 실물과 흡사한 정적인 형태의 모형 시각적 개체 처리(Visual) 와이어프레임에 시각적 표현을 채운다고 생각 프로토타입 와이어프레임이나 스토..

클린코드 : 얼마나 코드가 잘 읽히는 지, 코드가 지저분하지 않고 정리된 코드인지를 나타내는 것 => 가독성이 높은 코드 주요 원칙 1) 의미 있는 변수 및 함수 이름 사용 2) 오류 없애기 3) 중복 없애기 4) 의존성 줄이기 5) 클래스 혹은 메소드가 한 가지 일만 처리하기 리팩토링 프로그램의 외부 동작은 그대로 두고, 내부 코드를 정리하며 개선하는 것 => 가독성을 높이고, 유지보수에 큰 도움 목적 성능을 최적화 시키는 것이 아닌, 코드를 이해하기 쉽고 수정하기 쉽게 만드는 것 => 개발 속도 증가 리팩토링이 필요한 코드 중복 코드 긴 메소드 거대한 클래스 Switch문 절차지향으로 구현한 코드 차이점 클린코드 가독성을 높이기 위한 작업 설계부터 잘 이루어지게끔 리팩토링 클린 코드를 포함한 유지보수..