이안의 평일코딩

타입스크립트 기본 환경 구성 #1. NPM 초기화 (npm 설정파일 package.json 추가) npm init -y #2. 타입스크립트 라이브러리 설치 npm i typescript --save-dev #3. 타입스크립트 설정 파일(tsconfig.json) 생성 및 기본 값 추가 //tsconfig.json { "compilerOptions": { "allowJs": true, // 자바스크립트 검증 "target": "ES5", // 타입스크립트 컴파일 tsc "outDir": "./built", // 결과물 들어갈 곳 "moduleResolution": "Node" // Promise 인식 위해서 }, "include": ["./src/**/*"] //src폴더 모든 파일 대상 포함 } #4. ..

p51. - 리터럴(literal)은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법(notation)을 말한다. p52. - 리터럴은 사람이 이해할 수 있는 문자(아라비아 숫자, 알파벳, 한글 등) 또는 미리 약속된 기호('', "", ., [], {}, // 등)로 표기한 코드다. 자바스크립트 엔진은 코드가 실행되는 시점인 런타임(runtime)에 리터럴을 평가해 값을 생성한다. 즉 리터럴은 값을 생성하기 위해 미리 약속한 표기법이라고 할 수 있다. - 표현식(expression)은 값으로 평가될 수 있는 문(statement)이다. 즉, 표현식이 평가되면 새로운 값을 생성하거나 기존값을 참조한다. p53. - 표현식은 리터럴, 식별자(변수, 함수 등의 이름), 연산자, ..

p35. - 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체다. 메모리 셀 하나의 크기는 1바이트(8비트)이며, 컴퓨터는 메모리 셀의 크기, 즉 1바이트 단위로 데이터를 저장하거나 읽어들인다. 각 셀은 고유의 메모리 주소를 갖는다. p36. - 변수(variable)는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. p38. - 변수에 값을 저장하는 것을 할당(assignment)이라 하고, 변수에 저장된 값을 읽어 들이는 것을 참조(reference)라 한다. - 변수 이름을 식별자(identifier) 라고도 한다. 식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 말한다. p39. - 변수 선언이란 값을 저장하기 위한 메모..

첫 클래스라 인원이 2명밖에 안되었지만, 그래도 코로나 시국에 맞게 소수인원으로 잘 마쳤습니다. https://iancoding.tistory.com/252 [2021.06] 이안의 월간코딩 - 리액트 웹 사이트 3시간 컷 2021년 6월 이안의 월간코딩은 5일(토) 오전 10시부터 오후 1시까지 진행됩니다. 이런 걸 배워요! - 웹 사이트 구조잡기 - @material-ul/icons import 해오기 - map함수 사용하기 - Router(Link) 이용.. iancoding.tistory.com 장소가 협소한 탓에 길음점이 아닌 성신여대점으로 위치를 옮겨서 진행하였고, 시간은 9시부터 13시까지 진행하였지만 프로젝트에는 정확히 3시간이 소비되었습니다. 클래스 진행 순서 1. 프로젝트 생성, 환경설..

* 스터디 방식 0. 제가 임의로 26일치 일일 스터디 분량을 30페이지 내외로 정해두었습니다. 1. 미리 각자 정해진 분량 1회독 읽기 (예습) 2. 중요하다고 생각하거나 어려운 부분 체크 (예습) 3. 어려운 부분 서로 질문하고 답변 (스터디) 4. 미흡한 부분 검색해서 다음 시간까지 정리해오기 (복습) 5. 개인블로그, 깃허브, 노션 등 자기가 원하는 곳에 정리해서 게시 (복습) 스터디 방식에 수정, 추가할 것이 있으면 스터디 시작 전 같이 결정하면 될 것 같습니다. 그리고 코로나 시국에 장소 협의가 어려운 점과 지방에 사시는 분들도 고려하여 온라인으로 진행할 생각입니다. * 비용 (조건) 비용은 월 4만원이며, 한 달 8회 기준으로 하루 결석 시마다 5천원 씩 차감돼 한달 뒤 페이백 해드립니다. ..

작년 정보처리기사 실기 4회차에서 52점이라는 점수를 맞고 불합격하였는데요. 회사에 입사하여 2주간 집중적으로 공부한 결과 상대적으로 쉬운 난이도로 출제돼 합격을 했습니다. 2020년 정보처리기사 실기 합격률 작년 정보처리기사 실기 시험의 전면 개편과 더불어 약술형 추가로 인해 첫 실기 시험 1회의 합격률이 5%라는 역대급으로 낮은 수치를 기록했었는데요. 난이도 조절을 하나 했더니 그 이후 치뤄진 시험들도 20% 안팎의 저조한 합격률을 기록했습니다. 2021년 정보처리기사 실기 1회 합격률 그에 반해 올해 치뤄진 정보처리기사 실기 1회에서는 약술형 유형이 단 한문제도 출제되지 않았으며, 난이도가 상대적으로 낮게 출제돼 합격률이 2배에 가까운 39%를 기록했습니다. 2021년 정보처리기사 실기 2회 합격률..

2021년 6월 이안의 월간코딩은 5일(토) 오전 10시부터 오후 1시까지 진행됩니다. 이런 걸 배워요! - 웹 사이트 구조잡기 - @material-ul/icons import 해오기 - map함수 사용하기 - Router(Link) 이용하기 - useState 활용하기 리액트 입문자 누구나! - 참가비 무료 - 개인용 노트북 지참 - 3시간 만에 리액트 웹 사이트 완성 - 위 포스터 QR코드 찍고 참가 여부 확정

유틸리티 타입 기본 문법으로 충분히 타입을 변환할 수 있지만, 유틸리티 타입을 쓰면 이미 정의해 놓은 타입을 변환하거나 코드를 줄여 간결하게 정의할 수 있다. 제네릭타입이라고도 불리운다. Pick 타입을 불필요하게 정의하지 않아도 되며 간편하고 간결하게 만들어 준다. interface Product { id: number; name: string; price: number; brand: string; stock: number; } function fetchProducts(): Promise { // ... } Product의 일부(id, name, price)만 가지고 와야 하므로 Product를 쓰지 못함. 밑의 방법은 새로운 인터페이스를 만들기 때문에 권장되지 않는다. interface Product..