sharingStorage

10장 객체리터럴 자바스크립트는 객체 기반의 프로그래밍 언어이며 자바스크립트를 구성하는 것중 원시값을 제외한 나머지 값(함수, 배열, 정규표현식 등)은 모두 객체이다. 객체타입은 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조이며 원시 값은 immutable한 값이지만 객체는 mutable(변경가능)한 값이다. 객체는 0개 이상의 프로퍼티로 이루어져 있으며 프로퍼티는 프로퍼티 키와 프로퍼티 값으로 나뉜다. 함수도 프로퍼티 값이 될 수 있으며 이때 함수를 메서드(method)라고 부른다. var counter= { num=0; //프로퍼티 increase: function() { // 메서드 this.num++; } } 위처럼 객체는 프로퍼티와 메서드로 구성된 집합체이다. 10.2 객체 리터럴에..

9장 타입 변환과 단축 평가 9.1 타입 변환 자바스크립트의 모든 값은 타입이 있다. 개발자가 의도적으로 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅이라고 한다. 개발자의 의도와는 상관없이 표현식을 평가하는 중에 자바스크립트 엔진에 의해 암묵적으로 타입이 변환되는 것을 암묵적 타입 변환 또는 타입 강제 변환이라고 한다. 명시적 타입 변환이나 암묵적 타입 변환이 기존 원시값을 직접 변경하는 것이 아니다. 원시 값은 변경 불가능한 값이므로 타입변환이란 기존 원시 값을 사용해 다른 타입의 새로운 원시 값을 생성하는 것이다. 9.2 암묵적 타입 변환 //암묵적 타입 변환 var x = 10; //문자열 연결 연산자는 x값을 바탕으로 새로운 문자열 생성 var str= x + ''; console.l..

6장 데이터 타입 자바스크립트(ES6)는 7개의 데이터타입을 제공한다. 6-1 숫자타입 C나 자바의 경우 정수와 실수를 구분해서 숫자타입을 제공하지만 자바스크립트는 독특하게 하나의 숫자타입 만 존재한다. 즉 정수를 표기하기위한 데이터타입 (int와 같은)이 존재하지 않고 2진수, 8진수, 16진수를 표현하기 위한 데이터 타입도 제공하지 않는다. (타입스크립트라면? ) var binary = 0b0100001; // 2진수 var octal = 0o101; // 8진수 var hex = 0x41; // 16진수 console.log(binary); // 65 console.log(octal); // 65 console.log(0x41); // 65 console.log(octal === hex) // tu..

ngx-translate 라이브러리를 이요하여 Angular 애플리케이션에 다국어 변환 기능을 적용하는 방법을 정리해 보려고 한다. 다국어 변환에 있어서 Angular는 자체 i18n(Internationalization) 기능을 제공하므로 두가지 중 선택하면 된다. ngx-translate 설치 및 사용법 https://github.com/ngx-translate/core 공식문서에도 설명이 굉장히 잘 돼있다. 1. npm 모듈을 설치한다. npm install @ngx-translate/core 2. 설치가 완료되면 상위모듈 (ex AppModule)에 TranslateModule 을 import한다. (본인은 defaultModule) 이때 forRoot로 적용한다. loader를 설정하기 위해 h..

현재 BC카드사에서 위챗페이X BC카드 결제시스템 처리 프로그램의 백오피스를 JQuery로 구현중에 있다. 프론트 로직을 90%이상 작업을 마친 와중에 BC에서는 IE와 엣지가 주 사용 브라우저라는 얘기를 듣고 막판에 IE로의 호환성 검사를 시작했는데 아니나 다를까 로그인 화면부터 말썽이였다. 구글링을 해본 결과 IE에서 ajax GET방식으로 cache가 남으면 화면 오류가 날 수 있다고 한다. 별도의 세팅이 없는 IE의 경우 ajax로 호출하는 URL이 동일하고 파라미터가 없을 경우 재호출시에도 서버에 요청을 안하고 Cache를 이용하여 기존값을 보내주기 때문에 문제가 생긴다. 이런 경우 jQuery 옵션 중 cache항목을 이용하면되는데 이 옵션은 default가 true이기 때문에 해당옵션을 fa..

메뉴에 route를 구성해주어도 라우팅된 메뉴를 한번 더 크릭하면 아무일도 일어나지 않습니다. load(href: string) { this.router.navigateByUrl('/blank-for-reload', { skipLocationChange: true, }).then( () => { this.router.navigateByUrl(href); } ); } 많은 분들이 사용하는 방법이 blank한 페이지를 한번 띄워주고 다시 의도한 페이지를 띄우는 것인데 이는 새로고침과 같은 효과를 볼 수 있습니다. 메뉴를 클릭하면 직접 router에 navigateByUrl을 부르지 않고 위처럼 한번 감싼 load메소드를 호출함으로서 메뉴에서 버튼을 누르면 빈화면으로 갔다가 의도한 패스로 가는 것입니다. 주의..

git의 저장소 커밋과정은 아래의 사진과 같이 working derectory, staging area, local repo(로컬 저장소) 그리고 remote repo(원격 저장소)를 거쳐서 나타난다. working 디렉토리에서 파일의 변경 작업을 하고 이중 커밋할 내용을 git add명령어를 통해 staging area에 추가한다. 그 이후 git commit 명령어를 통해 로컬 레포지터리에 커밋한 후 마지막 git push명령어를 통해 원격 레포지터리에 커밋한다. git에 대한 기본적인 내용은 아래를 참고하면 된다. git이란? git이란? - 형상 관리 도구 중 하나 - 버전 관리 시스템이라고도 한다. - Git은 소프트웨어를 개발하는 기업의 핵심 자산인 소스코드를 효과적으로 관리할 수 있게 해주는..

JSON이란? JSON은 JavaScript Object Notation의 약자로서 데이터를 문자열의 형태로 나타내기 위해서 사용된다. 이름이 암시하듯 JSON은 본래 자바스크립트에서 파생되었지만 현재는 거의 표준으로 자리잡아 대부분의 다른 프로그래밍 언어에서도 지원하는 데이터 포멧이다. 특히 네트워크(http 통신)를 통해 서로 다른 시스템들이 데이터를 주고받을 때 많이 사용되기 때문에 어렵지 않게 접할 수 있다. 자바스크립트에서는 JSON 포멧의 데이터를 간편하게 다룰 수 있도록 JSON이라는 객체를 내장하고 있으며 JSON 내장 객체는 자바스크립트와 JSON 문자열 간의 상호 변환을 수행해주는 두 개의 메서드를 제공한다. JSON.stringfy(); JSON.stringfy() 메서드는 자바스크립..

리액트를 살짝, 앵귤러를 많이 접하고나서 느낀점은 '기본기의 부족' 이였다. 성격상 모든걸 완벽하게 마치고 다음 단계로 나아가고 싶지만 js, html, css를 완벽하게 깨우치고 웹 프레임워크를 배운다는건 말도 안되는 얘기라는 것도 깨달았다. 두번 째는 기억력의 한계이다. 내 뇌용량은 한계가 있고 개발자의 세계는 너무나도 깊다는 것을 깨닳았다. 분명 기초적인 css, js지식임에도 구글링을 해야하고 이제는 내 머리를 믿지 않고 내 몸이 기억해야한다. 손이 기억하고 나중에 한번 더 보고 눈이 기억하도록... 간단한 문법서(?)지만 바이블이라는 얘기도 들었고 명칭은 정확히 기억나지 않지만 다른 주니어 개발자분이 매주 블로그에 책을 읽고 정리해 놓는것이 기억나서 이렇게 시작해본다. 여태껏 딱딱한 말투로 정보..

git commit -m "message" 명령어 사용시 error 발생 error code : husky > pre-commit hook failed (add --no-verify to bypass) 원인: 원인을 짚기 전에 husky와 git hook이 뭔지 알아야 합니다. husky는 프론트엔드 개발 환경에서 git hook을 손쉽게 제어하도록 도와주는 npm 모듈입니다. 만약 프로젝트가 모듈 의존성을 관리하기 위해 npm을 사용하고 있다면 git hooks를 적용하게 끔 강제하기 위해서 사용하는 좋은 선택지가 될 수 있습니다. git hook이란 말그대로 갈고리 같은 것인데요. git을 쓰다가 특정 이벤트 (커밋, 푸쉬)가 벌어졌을 때 그 순간에 갈고리를 걸어서 특정 스크립트가 실행되도록 도와주는..