하수도키의 성장일기

개발일기/Web

로컬에서 서브 도메인 활용하기(local sub domain)

로컬에서 서브 도메인 활용하기 개요 다국어 작업을 서브 도메인을 이용해야 되는데 로컬에서 테스트 하기가 애매해서 구글링 하다 발견한 내용을 정리했다. 이 포스팅은 엄청 간단하게 내가 이해한 내용을 바탕으로 쓸 예정이다. 아래는 이미지 1개정도 넣어야 될 것 같아 URL 구조 이미지를 추가했으니 참고!! 로컬에서 호스트 설정하기 windows 환경 CMD 커맨드 프롬프트를 관리자 권한으로 열고 아래 명령어를 입력한다. notepad c:\Windows\System32\Drivers\etc\hosts mac/Linxus 환경 mac/linxus 사용자는 sudo 권한으로 아래 명령어를 입력한다. sudo nano /etc/hosts 현재 mac을 사용하고 있으므로 mac 기준으로 설명할 텐데 크게 다른 점은..

개발일기/알고리즘

[알고리즘] 해쉬 위장(프로그래머스)

https://programmers.co.kr/learn/courses/30/lessons/42578 코딩테스트 연습 - 위장 programmers.co.kr 해쉬 위장 문제 - 알고리즘의 부족함을 느껴 짬이 날 때마다 알고리즘 연습을 하기로 마음먹었다. - 우선 한글로 된 프로그래머스를 통해 연습 중이다. 추후 영어 잘하고 실력이 향상되면 영문으로 된 다른 사이트의 문제들도 풀어볼 예정이다. 문제 설명 - 이미지로 대체한다. - 간략히 설명하면 얼굴, 상의, 하의, 겉옷의 경우의 수를 구하는 것이다. 내 풀이 1번째 function solution(clothes) { const initCount = clothes.length; const convertToObjectClothes = clothes.red..

개발일기/TypeScript

[TypeScript] 타입스크립트 시작하기

타입스크립트 시작하기 개요 타입스크립트는 새로운 언어보다는 자바스크립트의 상위집합(Superset)으로 이해하면 된다. 자바스크립트 파일을 .ts를 바꿔도 경고만 나오고 실행은 된다. 타입스크립트 파일(.ts)를 컴파일하면 자바스크립트 파일(.js)이 생성된다. 컴파일 시 타입체크를 한다. 타입스크립트의 가장 중요한 기능은 정적 타입이다. 자바스크립트는 지원하지 않고 있다. var state = 1; stae = "success"; 숫자형으로 할당된 변수에 문자열을 넣어도 에러가 발생하지 않는다. 간단하게 편하게 사용할 수 있으나, 프로젝트 규모가 커지고 관리해야될 변수가 많을 경우에는 오류가 발생하기 쉽다. 브라우저에서 타입스크립트를 자바스크립트로 바로 컴파일해준다.타입스크립트 플레이그라운드 타입스크립..

개발일기/Vue.js

[Vue.js] Vue 테스트 코드 작성하기(Jest)

Vue에서 Unit Test(단위테스트)를 해보자. 개요 vue를 통해 unit test를 살펴보자. vue-test-utils,jest를 사용할 예정이다. 테스트를 하는 이유는 자신감 증가, 퀄리티있는 코드, 잘 정리된 문서를 꼽을 수 있다. 테스트를 위한 세팅 터미널에서 아래 명령어를 입력 후 사진과 같이 설정한다. vue create unit-testing-vue 설치가 되고 package.json파일을 열면 아래 코드가 있는데 이걸로 테스트를 한다. "scripts": { ... "test:unit": "vue-cli-service test:unit" }, npm run test:unit tests/unit 폴더에 테스트할 파일을 넣는다. 첫번째 유닛 테스트(Data 업데이트 될때 UI 변경) 로..

개발일기/자바스크립트 코딩의기술 정리

자바스크립트 코딩의 기술(시리즈 8 - 클래스로 인터페이스를 간결하게 유지하라#2)

자바스크립트 코딩의 기술(시리즈 8 - 클래스로 인터페이스를 간결하게 유지하라#2) 자바스크립트 코딩의 기술 책을 읽고 복습 겸 정리하는 포스팅이다. 시리즈 1이 시작이며 시리즈 몇까지는 대지는 진행하면서 가늠잡아 보겠다. 개요 프로토타입이 조합된 자바스크립트 클래스를 살펴볼 예정이다. get과 set으로 인터페이스를 단순하게 만들어라. 제너레이터로 이터러블 속성을 생성하라 bind()로 문맥 문제를 해결하라 get과 set으로 인터페이스를 단순하게 만들어라. 이전 tip에서 클래스에 기본을 알아 보았다. 인스턴스 생성 속성과 메서드 호출 부모 클래스 확장(쌍속) 이번 tip에서는 get, set를 통해 비공개 속성처럼 사용해보기 클래스는 아래 코드처럼 속성에 접근하여 변경도 가능하다. 같이 협업하는 개..