메로그

OOP (Object-oriented programming) 객체 지향 프로그래밍이라는 뜻으로 흔히들 우리가 알고 있는 자바가 객체 지향 언어이다. 자바스크립트 프레임워크 중 Angular 가 OOP 의 특성을 지니고 있다. (앵귤러의 주력 개발 언어로는 타입스크립트를 사용한다...) 캡슐화 관련 있는 객체, 함수를 그룹화 하는 방식을 말하며, 이를 이용하여 정보은닉을 할 수 있다. 정보은닉이란, 어떠한 정보를 외부에서 볼 수 없도록 보호화 하는 것으로써, 우리가 알고 있는 private 가 있다. 추상화 실제로 존재하는 어떠한 물건의 필요한 정보만을 표현하는 방법으로, 간단한 객체 인터페이스를 만들 수 있고 외부로의 유출, 변경이 되지 않는 장점이 있다. 상속 자식이 부모에게 물려받은 정보를 사용할 수..

gulp-typescript gulp 를 이용하여 타입스크립트를 빌드하는 플러그인 입니다. yarn add --save-dev typescript gulp gulp-typescript gulpfile.js 타입스크립트를 빌드하기 위해 gulpfile.js 파일을 루트에 만들어줍니다. import gulp from 'gulp'; import ts from 'gulp-typescript'; import concat from 'gulp-concat'; // tsconfig.json 에 정의한 옵션을 프로젝트로 리턴하여 사용합니다. const tsCfg = ts.createProject('tsconfig.json'); // 아래와 같이 ts 를 js 로 ..

로컬스토리지, 세션스토리지 웹 개발 중 서버단에 저장하지 않아도 될 필수적이지 않은 데이터이지만, 가끔 필요로한 경우가 발생합니다. 그러한 경우에 굳이 DB 에 저장하지 않고 웹 스토리지에 저장하여 사용하는 방법이 있습니다. 웹 스토리지 기법에는 로컬스토리지와 세션스토리지가 있는데, 이 둘의 차이는 저장되는 범위 입니다. 그 외에는 사실상 같은 동작을 하고 있습니다. 저장 범위 로컬스토리지의 경우, 각 탭간의 데이터가 공유되며 세션이 끝나고 데이터가 사라지지 않습니다. 하지만, 브라우저가 다른 경우에는 공유되지 않습니다. 세션스토리지의 경우, 각 세션간에 데이터가 격리되어 사용되며, 각각의 데이터는 공유되지 않고 세션이 끝날시 데이터는 사라집니다. 예제 주의 해야할 점은 key, value 로 지원하지만..

GIt Conflict 깃을 이용하여 협업시 마스터에서 여러 개의 브랜치를 따서 동시에 같은 내용을 작업할시 수정된 내용으로 인해 맞지 않는 경우, 충돌이 발생할 수 있습니다. 예를 들어, index.js 라는 파일에서 두 개의 브랜치를 따서 작업을 진행합니다. 그러다가 먼저 작업이 끝난 브랜치의 소스가 반영됩니다. 그 이후에 이제 늦게 끝난 브랜치를 반영할려고 하면, confict 에러가 나오는 것을 확인할 수 있습니다. conflict 해결방법 이럴 때 간단하게 해결할 수 있는 방법이 2개정도 있습니다. 첫번째는 마스터의 최신 내용을 내려 받은 후, 해당 브랜치로 머지시킨 뒤 진행하는 방법이 있습니다. 이 방법의 경우, 쉽게 Conflict 를 해결할 수 있지만, 그만큼 기록이 남게 됩니다. 두번째는..

console.log 스타일 적용하기 console.log 를 입력하여 콘솔에 나오는 로그에 스타일을 입힐 수 있습니다. 예를 들어, 티스토리 같은 사이트에 들어가면 아래와 같이 로그에 크게 TISTORY 라고 나오는 것을 볼 수 있다. 우리도 한 번 직접 만들어보자! 일반적으로 console.log 를 입력하면 우리가 아는 일반적인 로그가 찍히게 된다. 여기서 스타일을 입히기 위해서는 %c 를 사용하여 CSS 에서 사용한 스타일을 전달해줍니다. // 일반 console.log("티스토리"); // 스타일 적용 console.log("%c티스토리", "color:#ff7f00; font-size:84px;font-weight:bold;"); // 여러개 스타일 적용 console.log("%c티스토리 %..

mysql 설치 mac 에서 HomeBrew 를 이용하여 mysql 을 설치해보자. brew install mysql설치 후, brew list 를 입력하여 mysql 있는지 확인합니다. mysql 셋팅 및 실행 mysql 셋팅을 위해 서버를 실행시켜줍니다. mysql.server startSuccess! 가 나오면 성공적으로 실행된 것. mysql 설정을 위해 아래 명령어를 입력해줍니다. mysql_secure_installation아래와 같은 순서로 설정작업이 진행됩니다. 1. 비밀번호 복잡성 유무 - Y: 복잡하게, N: 단순하게 2. 비밀번호 설정 - 원하는 비밀번호를 설정해줍니다. 3. 사용자 설정 - Y: -u 사용, N: -u 사용 안함 4. 원격 접속 설정 - Y: 원격 접속 불가능, N:..