타입스크립트의 함수선언
·
Front-End/TypeScript
함수의 기본적인 타입 선언 매개변수와 반환값에 타입을 지정하였습니다. 반환 값에 타입을 정하지 않을 때는 void 라도 사용하는 것이 좋습니다. 함수 표현식 function sum1(a: number, b: number): number { return a + b; } 함수 선언식 //* 함수 선언식 let sum2 = function (a: number, b: number): number { return a + b; }; 화살표 함수 //* 함수 선언식 let sum3 = (a: number, b: number): number => { return a + b; }; Call Signature(함수 타입) 타입스크립트에서는 함수를 표현하는 타입을 미리 선언하는것이 가능하다. 위의 함수 표현식에서는 함수 리..
타입스크립트의 변수선언
·
Front-End/TypeScript
변수 Variable 선언자 변수 앞에 위치하는 키워드 선언자에 따라서 변수의 scope level이 달라진다. 함수 level : 해당 변수는 함수 안에 개별 선언으로 인식된다. 블록 level : 해당 변수는 블록안에 개별 선언으로 인식된다. 전역 level : 해당 변수는 프로그램 모든 범위에서 개별 선언으로 인식된다. 우선 순위 : 블록 > 함수 > 전역 선언자 종류 scope 가능 범위 특징 var 함수, 전역 호이스팅이 가능하다. ( 변수를 나중에 선언해도 해당 선언을 코드 최상단으로 올리는 것) let 함수, 블록, 전역 1. 같은 블록 내에서 같은 이름의 변수 중복 x 2. 변수를 초기화 하기 전에는 변수에 접근 할 수 없게 해서 호이스팅을 방지 3. 선언할 변수에 블록 레벨 스코프를 적용..
아이오닉의 구성과 기본 이론
·
Front-End/아이오닉
아이오닉의 구성과 기본 이론 아이오닉 개발을 위한 준비 해당 IDE(vscode, IntelliJ 등)를 켜서 터미널에 입력 cordova와 ionic 설치해줍니다 npm install -g cordova ionic myApp이라는 ionic 프로젝트를 생성합니다. ionic start myApp Framework : Angular Starter template : tabs 를 선택하고 진행합니다. 아이오닉서버를 실행 ionic serve -c -l -c : 개발하면서 생성되는 콘솔로그를 실시간으로 확인할수 있게 하는 옵션 -l : (Lab)세가지 플랫폼을 동시에 보여주며, 앱 크기와 맞게 보여주기 때문에 개발에 용이한 옵션 아이오닉 프로젝트의 구성 폴더 구성 platforms : 앱으로 만들어진 결과물..
개발자 면접 질문 - 데이터베이스
·
면접 준비
데이터베이스 DDL과 DML의 차이는 무엇인가요? 또, DCL은 무엇인가요? DDL(Data Definition Language) - 데이터 정의어 데이터베이스를 정의하는 언어를 말하며, 데이터를 생성하거나 수정, 삭제 등 데이터의 전체 골격을 결정하는 역할의 언어를 말한다. CREATE - 데이터베이스, 테이블 등을 생성 ALTER - 테이블을 수정 DROP - 데이터 베이스, 테이블을 삭제 TRUNCATE - 테이블을 초기화 DML(Data Manipulation Language) - 데이터 조작어 정의된 데이터베이스에 입력된 레코드를 조회, 수정, 삭제 등의 역할을 하는 언어를 말한다. 테이블에 있는 행과 열을 조작하는 언어 저장된 데이터를 실질적으로 처리하는데 사용하는 언어 SELECT : 데이터..
클린코드 2장 - 의미 있는 이름을 짓는 방법
·
독후감
클린 코드 2장에서는 코딩에서의 이름을 잘 지어야 하는 이유와 더불어서 이름을 잘 짓는 몇가지 규칙을 소개해 주고 있다. 의도를 분명히 밝혀라 의도가 드러나는 이름을 사용하면 코드의 이해와 변경이 쉬워진다. public List getThem() { List list1 = new ArrayList(); for (int[] x : theList) if (x[0] == 4) list1.add(x); return list1; } 위 코드에서는 다음과 같은 정보를 파악할 수가 없다. theList에 무엇이 들어있는가? theList의 0번째값이 왜 중요한가? 값 4의 의미는 무엇인가? 함수가 반환하는 list1을 어떻게 사용하는가 이러한 코드를 다음과 같이 변경하면 코드가 상당히 읽기 편하다. public Li..
클린코드 1장 - 깨끗한 코드란?
·
독후감
클린 코드 1장에서는 나쁜 코드는 무엇이며, 깨끗한 코드는 무엇인지에 대해서 설명해준다. 또한, 깨끗한 코드가 필요한 이유에 대해서도 이야기해주는 장이다. 그렇다면 코드라는 것은 무엇일까? 클린코드 1장을 통해 확인해보자 코드가 존재하리라 코드는 기계가 이해하고 실행할 정도로 엄밀하고 정확하고 상세하고 정형화 되어야 한다. 코드는 요구사항을 표현하는 언어다. 나쁜코드 80년대 후반의 한 회사는 앱을 출시해 큰 인기가 있엇다. 하지만 그 이후 제품 출시 주기가 점점 느려졌고, 버그 수정이 되지 않았다. 회사가 망한 원인은 나쁜 코드 때문이었다. 코드를 보며 나중에 고치겠다고 다짐해도 나중은 오지 않는다. 나쁜 코드로 치르는 대가 나쁜 코드가 쌓이면 팀 생산성을은 떨어지고, 결국은 마침내 0에 근접하게 된다..
[Git] Git의 4가지 작업공간과 브랜치, 깃허브에서 머지하는 방법
·
Git
Git의 작업공간 Git에는 크게 4가지의 작업 공간이 존재합니다. 1. workspace 작업하는 일반적인 공간이며, git을 사용하기 이전의 상태입니다. git add 명령어 이전의 변경 사항이 기록되는 장소입니다. 2. index 변경되는 모든 파일 및 폴더들을 추적하는 공간, Staging Area라고도 불립니다. git add 명령어로 workspace 공간에 있는 작업물을 이 공간에 보낼수 있습니다. git으로 관리하고자 하는 작업물을 이 공간에 올려주면 됩니다. 한 번 index에 올라갔던 파일들은 git에서 계속해서 추적합니다. 3. local repository 최종적으로 커밋된 작업물들이 놓이게 되는 공간입니다. git commit 명령어로 index에 있는 파일들을 이 공간으로 보낼 ..
[Git] 과거 커밋 위치로 돌아가기
·
Git
Git에서 과거 커밋으로 돌아가는 두가지 방법 reset : 원하는 시점으로 돌아간 후 이후 내역들을 삭제합니다. revert : 되돌리기 원하는 시점의 커밋을 거꾸로 실행합니다. 둘의 가장 큰 차이점은 과거로 되돌리겠다는 내용이 커밋 이력에 남는가? 안남는가? 입니다. reset은 아예 이력을 남기지 않고 과거로 돌아갈때 사용합니다. revert는 과거로 돌아가겠다는 이력은 남기고 원하는 시점의 커밋으로 돌아갑니다. revert를 이용하면 이후의 내역은 유지하고, 이전의 커밋 하나만 취소 시킬수도 있다. 정리 Git에서 reset은 해당 커밋시점으로 돌아가는 방법이다. Git에서 revert는 과거의 커밋의 변경사항을 되돌리는 방법이다. Reset 사용해서 과거로 돌아가기 커밋 내역 확인 $ git l..
[Git] 변경사항 저장
·
Git
프로젝트의 변경 사항을 git에 담기 파일 하나 담기 $ git add 파일명 모든 파일 담기 $ git add . Git에 커밋하기 커밋 하기 $ git commit Vi 입력 모드로 전환이 되는데 Vi 명령어는 다음과 같다. 작업 Vi 명령어 상세 입력 시작 i 명령어 입력 모드에서 텍스트 입력 모드로 전환 입력 종료 ESC 텍스트 입력 모드에서 명령어 입력 모드로 전환 저장 없이 종료 :q 저장 없이 강제 종료 :q! 입력한 것이 있을 때 사용 저장하고 종료 :wq 입력한 것이 있을 때 사용 위로 스크롤 k git log등에서 내역이 길 때 사용 아래로 스크롤 j git log등에서 내역이 길 때 사용 커밋 메세지까지 함께 작성하기 $ git commit -m "FIRST COMMIT" 커밋 확인 ..
[Git] 깃 최초 설정
·
Git
깃 설치 하기 https://git-scm.com/ 로 이동해서 Git을 다운로드 설치 할때, Git Bash를 반드시 포함해서 설치할것 설치 후에 Git Bash에서 아래 명령어로 설치가 잘 되었는지 테스트 $ git --version 전역 설정하기 협업시 윈도우와 맥의 엔터방식 차이로 인한 오류를 방지하는 설정 $ git config --global core.autocrlf true Git 전역으로 사용자 이름과 이메일 주소를 설정하기 $ git config --global user.name "사용자 이름" $ git config --global user.email "사용자 이메일" 이름과 이메일 주소가 잘 설정 되었는지 확인하기 $ git config --global user.name $ git c..