도 닦는 개발자

Yaml 파일 분리

Git

git 초기 설정 및 remote push git config --global user.name "전승규" git config --global user.email "ssyauu580@gmail.com" cd $project git init git add -all git commit -m "Initial Commit" git remote add origin $https_url git push -u origin masteralready by Git cd $project git remote set-url origin $https_url git push -u origin --all git push origin --tagsgit clone git clone $https_urlGit 정책 프로젝트 별로 소스 관리 ..

npm, yarn, lerna

npm 명령어 # js 실행 node # 글로벌 패키지 설치 npm -g # 프로젝트내 패키지 bin 실행(bin은 package.json에 bin으로 명시된 js) npx ts-node # 글로벌인 경우 bin 실행 ts-node # package.json script정의 실행 npm run npm 패키지 "main": "dist/vuetify.js", "module": "dist/vuetify.js", "jsdelivr": "dist/vuetify.js", "unpkg": "dist/vuetify.js", "types": "types/index.d.ts", "bin": { "nuxt-ts": "bin/nuxt-ts.js", "nuxts": "bin/nuxt-ts.js" },package.json을 통..

typescript

typescript 설치 # typescript 컴파일러 설치 npm install -g typescript # ts 파일 컴파일 tsc # ts-node 글로벌 설치 npm install -g ts-node # typescript 실행 ts-node # @types/node 설치(node환경 구동을 위한 \*.d.ts 정보 제공) npm install -g @types/node ts-node 작동방식 자바스크립트를 실행하는 동시에 타입체크를 진행한다. typescript 구성 *.ts typescript 파일 컴파일 대상 *.d.ts typescript 선언부 선언부 타입체크용으로 사용됨 *.js 실제 구현부 실제 사용되는 부분 typescript를 컴파일하면 위와 같이 파일이 생성된다. typescr..

modern javascript

type String Number Boolean Function Object Array Symbo 간단한 개념들 babel 최신 자바스크립를 사용할 수 있게 도와주는 라이브러리로 최신 자바스크립트를 ES5 자바스크립트로 변환시켜주는 작업을 해준다. pollyfill 폴리필의 경우 브라우저마다 지원하지 않는 기능이 있는데 그 기능들을 구현해주는 작업을 해준다. webpack 번들러는 의존성이 있는 모듈들을 하나의 파일로 통합시켜주는 도구이다. webpack에 프리프로세서로 필요한 모듈들을 등록하면 된다. 이제 웹팩을 설치해 바벨과 연결할 것이다. 바벨만 따로 사용할 수도 있지만 웹팩과 연결하면 바벨이 코드들을 트랜스파일링 하면서 웹팩을 통해 모듈들을 번들링할 수 있기 때문에 굉장히 효율적이다. requir..

vue.js 리마인드

Vue with Typescript Vue는 클래스라기보단 Object이다. Vue.js 구조 이해 new Vue() 로 생성되는 인스턴스는 템플릿 영역의 가상DOM과 동적으로 바인딩되는 것이라고 개념을 잡으면 이해하기 쉽다. 인스턴스 안에 데이터가 존재하고 데이터가 가상 DOM과 바인되는 순간 의존성이 생성된다고 보면 된다. mounted 된 후에 데이터가 변경되면 의존성이 생성된 DOM을 위주로 re-render 및 patch가 진행된다. vue 인스턴스 라이프 사이클 훅 Vue 세계에서 “컨트롤러”의 컨셉이 어디에 있는지 궁금할 수 있습니다. 답은 컨트롤러가 없습니다. 컴포넌트의 사용자 지정 로직은 이러한 라이프사이클 훅으로 분할됩니다. HTML의 경우 render function으로 생성된다. 내..

Mybatis mapperLocations 설정

공식 문서 프로퍼티로 입력된 String type 의 경로 패턴은 PathMatchingResourcePatternResolver 에 의해 해석되어 주입된다. 스프링 javadoc api 를 살펴 보았다. Spring doc There is special support for retrieving multiple class path resources with the same name, via the"classpath*:"prefix. For example,"classpath*:META-INF/beans.xml"will find all "beans.xml" files in the class path, be it in "classes" directories or in JAR files. 결론 classpath..

SSR, CSR, SPA, MPA 개념 정리

SSR, CSR 기준 서버 DOM을 구성하기 위한 데이터를 서버에서 제공하느냐 클라이언트에서 동적으로 생성하느냐에 따라서 SSR, CSR이 나눠지는 듯 하다. 처음에 기준이 잘 안잡혀서 이해하는데 어려웠다. SSR SSR은 Sever Side Rendering으로 서버에서 데이터를 가져와 데이터 맵핑을 한 후 클라이언트에게 전송을 해준다. 클라이언트는 받은 데이터를 기반으로 렌더링을 진행한다. CSR 초기 서버 요청 시 html(하나의 페이지), js, css를 모두 받아온다. 그리고 난 후 javascript로 DOM을 생성하고 DOM 생성 시 필요한 데이터는 API 서버 호출을 통해서 받아온다. DOM구성을 javascript로 동적으로 구성하기 때문에 Client Side Rendering이라고 한..

Apache 프록시 서버 설정

정확한 사용방법은 모르지만 해당 소스를 통해서 로드밸런싱 설정형태를 알 수 있다. ServerName shop.playon.tistory.com ProxyRequests Off ProxyPreserveHost On ProxyPass http://user.playon.tistory.com/ ProxyPassReverse http://user.playon.tistory.com/ ProxyPass http://order.playon.tistory.com/ ProxyPassReverse http://order.playon.tistory.com/

제주도 여행(21.02.13)

준비물 겉옷정하기 승규카메라 지우인스탓 화장품갖고와 인공눈물,렌즈 갖고와 충전기 보조배터리 삼각대 갖고와 여권이나 주민등록증 주의사항 !!!!휴점 영업시간 꼭 다 확인하기!!!! 가는길 1. 원흥역까지 (06:00) 2. SK 주차장 (07:00 도착 예정) - 주차장 방문 주차시 - 평일 9,000원 / 주말 14,000원 [당일(하루) 이용시 기본 요금 15,000원] - 무료 셔틀(최고급 대형 밴)로 공항까지 모셔다 드립니다. - ​당연히~여행 다녀오시고 전화 주시면 또 모시러 갑니다(도착 15분전 연락) 3. 김포공항 > 제주도 https://www.jinair.com/checkin/smsBoardingPassPrintLayer?snsLang=ko_KR>=AQICAHgDinnWhHKei3jr%2F..