목록전체 글 (119)

개발노트

commit 시에 자동으로 브런치이름 추가하기-git commit hook

#!/bin/bash # This way you can customize which branches should be skipped when # prepending commit message. if [ -z "$BRANCHES_TO_SKIP" ]; then BRANCHES_TO_SKIP=(master develop test) fi BRANCH_NAME=$(git symbolic-ref --short HEAD) BRANCH_NAME="${BRANCH_NAME##*/}" BRANCH_EXCLUDED=$(printf "%s\n" "${BRANCHES_TO_SKIP[@]}" | grep -c "^$BRANCH_NAME$") BRANCH_IN_COMMIT=$(grep -c "\[$BRANCH_NAME\]" $1)..
etc/mac 2021. 9. 8. 16:43
nuxt build

Nuxt 빌드 npm run build 웹팩으로 어플리케이션을 빌드후 js, css를 production용으로 축소 npm run generator 어플리케이션을 빌드하고 모든 경로를 HTML파일(정적 호스팅에 사용)으로 생성 1. 웹팩설정 analyze build:{ analyze: true, } analyze 옵션 배포전에 build 시에 true로 해서 각 용량 확인 각라이브러리 별로 트리쉐이킹 하는 방법이 다르므로 패키지네임 트리쉐이킹으로 검색해서 트리쉐이킹 진행하도록한다 extend 기존에 있는 웹팩 설정 확인하기 nuxt안에 webpack, babel 이 있는데, 설정한걸 바꾸고 싶을경우 바꾸는게 가능하고 extend(){} 라는 메서드를 사용해서 웹팩 설정확인하기 build: { extend..
Vue/nuxt 2021. 9. 1. 17:30
nginx mac os 설치, 실행

웹, 네트워크, HTTP, 웹서버 웹이란? 인터넷이라는 네트워크 체계 위에서 동작하는 서비스 중의 하나 인터넷은 시스템과 시스템을 연결해주는 네크워크 체계. 그 네트워크 체계 위에서 동작하는 서비스가 Web, FTP, Email serving (정보제공) client (요청) chrome browser HTTP 통신규약 약속 (protocol)프로토콜 인터넷위에서 동작하는 서비스중하나인 웹 서비스를 이용하기 위해서는 준수해야되는 통신규약 그래서 웹서버를 HTTP server 라고 부르기도한다. WebServer는 웹이라는 서비스를 제공하는 서버 HTTPServer HTTP라고하는 웹서비스를 사용할수있도록 도와주는 공통된약속 규약을 사용하는 서버. apache 웹서버 nginx 차세대 웹서버 예전에 필요한..
etc 2021. 8. 31. 18:37
nuxt 프로젝트에 테스트코드프레임워크JEST 적용하기

1. 테스트코드 작성 목적과 의의 vue로 구현한 어플리케이션은 웹 브라우저에서 동작하며 UI가 있고 DOM을 조작한다. 단위테스트 역시 DOM상태변경 및 확인과정이 한데 섞인 코드가 될수밖에 없다. 예를들면 어떤 컴포넌트가 전역 DOM에 마운팅 상태에서 렌더링 됬다면, 이 DOM을 초기화 하기 위해 DOM 조작을 통해 전처리 및 후처리가 필요하다. 또 마운트 된 컴포넌트에 대해서도 DOM을 조작해서 DOM상태를 확인하는 코드를 작성해야 한다. (ex 로그인 폼 컴포넌트가 처음 마운팅될때 userId, password와 같은 상태값이 잘 초기화가 되어있는지 확인 등) 로그인 화면이아닌 테스트코드작성해서 유효성 검증 및 기능 검증을 예제코드로 진행할 예정이다. 1.Jest nuxt에 사용하기 1-1.의존성..
Vue/nuxt 2021. 8. 4. 14:40
이전 Prev 1 ··· 4 5 6 7 8 9 10 ··· 30 Next 다음