본문 바로가기

💬

(50)

25일차 🤡 25일차 Part 4. TypeScript Essentials Ch 3. Type System Ch 4. TypeScript Compiler Ch 3. Type System 🔗 nolmplicitAny 옵션을 켜면 타입을 명시적으로 지정하지 않은 경우, 타입스크립트가 추론 중 any 라고 판단하게 되면, 컴파일 에러를 발생시켜 명시적으로 지정하도록 유도한다. 🔗 strictNullChecks 옵션을 켜면 모든 타입에 자동으로 포함되어 있는 null 과 undefined 를 제거해준다. 🔗 noImplicitReturns 옵션을 켜면 함수 내에서 모든 코드가 값을 리턴하지 않으면, 컴파일 에러를 발생시킨다. 🔗 Structural Type System vs Nominal Type System Struc..

24일차 🦄 24일차 Part 4. TypeScript Essentials Ch 1. TypeScript Ch 2. Basic Types Ch1. TypeScript Typescript는 유형을 추가하여 JavaScript를 확장한다. Typescript를 사용하면 코드를 실행하기 전에 오류를 포착하고 수정 사항을 제공하는 시간을 절약할 수 있다. 🔗 타입스크립트 컴파일러를 글로벌로 설치 후, // 타입스크립트 컴파일러 글로벌 설치 $ npm i typescript -g // cli 명령어로 파일 컴파일 $ tsc test.ts // 특정 프로젝트 폴더에서 타입스크립트 컴파일러 설정에 맞춰 컴파일 $ tsc --init $ tsc 🔗 프로젝트에 타입스크립트 컴파일러를 설치 후, // 프로젝트에 타입스크립트 컴파일..

23일차 🪅 23일차 Part 4. JavaScript Level up Ch 3. 정규표현식 Ch 3. 정규표현식 내용 🔗 정규식 생성 https://heropy.blog/2018/10/28/regexp/ 정규표현식, 이렇게 시작하자! 매일 쓰는 것도, 가독성이 좋은 것도 아니지만, 모르면 안되는 정규표현식. 저는 이렇게 공부하기 시작했습니다! (자바스크립트를 기준으로 설명합니다) heropy.blog # 정규표현식 (RegExp) 정규식, Regular Expression ## 역할 - 문자 검색(search) - 문자 대체(replace) - 문자 추출(extract) ## 테스트 사이트 https://regexr.com/ RegExr: Learn, Build, & Test RegEx RegExr is an ..

22일차 🐸 22일차 Part 4. JavaScript Level up Ch 2. JS 데이터 실습 Ch 2. JS 데이터 실습 내용 🔗 가져오기, 내보내기 // main.js import _ from "lodash"; import checkType from "./getType"; // import { random, user as heropy } from "./getRandom"; import * as R from "./getRandom"; console.log(_.camelCase("the hello world")); console.log(checkType([1, 2, 3])); // console.group(random(), random()); console.log(R); // getRandom.js // d..

21일차 📦 21일차 Part 4. JavaScript Level up Ch 1. JS 데이터 Ch 1. JS 데이터 주제 JS 문법 주요 내용 🔗 객체 정적(static) 메소드: prototype이 붙어 있지 않는 메소드 => 실제 데이터 객체에 직접 사용할 수 없다. object.assign(target, sources): 하나 이상의 출처 객체(sources)로부터 대상 객체(target)로 속성을 복사 const userAge = { // key: value name: "Yujin", age: 23, }; const userEmail = { name: "Yujin", email: "yujinny00@gmail.com", }; const target = Object.assign({}, userAge); c..

20일차 👩‍🚀 20일차 Part 4. JavaScript Level up Ch 1. JS 데이터 Ch 1. JS 데이터 주제 JS 문법 주요 내용 🔗 문자 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String String - JavaScript | MDN String 전역 객체는 문자열(문자의 나열)의 생성자입니다. developer.mozilla.org string.prototype.indexOf(str): 주어진 값 str과 일치하는 첫 번째 인덱스 반환 string.prototype.slice(startIndex, endIndex): 인덱스 startIndex부터 endIndex-1 까지의 문자열 반환 str..

ㅍㅅㅌㅋㅍㅅ 챌린지 실패했드아,,,,,,,,, 따흐흑,,,,,,,,,,,,,,,, 😂🤣😅😥😓😢😭😲😨😰😱🥶💦💦💦 .......뚜둥........ ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 제주도에 있다가 이 문자 보고 이게 무슨일이야 ㅠㅠㅠㅠㅠㅠㅠ 하고 놀랬다 1. 500자 채운다고 매일 업로드 할 때 마다 글자수 세기 사이트에서 확인했는데 잘못한 적이 있었나보다.... 2. 미리 10일차 글을 작성 해놨었는데 해당 날에 업로드 하는 걸 까먹고 다음 날 새벽 1시에 업로드 했는데 이렇게 칼같이 체크 하시는 줄 몰랐다 ㄴㅇㄱ 나의 큰 착각이고 불찰이었다............... 하하하하ㅏ하 너무 아쉽지만 ㅠㅠㅠㅠㅠㅠㅠㅠㅠ 1일차 글에서 쓴 것 처럼 이 챌린지에 참여한 가장 큰 목적이 환급비 보다는 매일 공부한 걸 기록하고 정리하면 도움이 많이 될 거 같아서 시작한 것이기 때문에 강의 들으면서 블로그는 계속 포스트를 올릴 예..

패스트캠퍼스 챌린지 19일차 🍣 19일차 Part 3. JavaScript Essentials Ch 3. JS 함수 ch 4. JS 클래스 Ch 3. JS 함수 주제 함수 기본 문법 주요 내용 함수가 호출되는 횟수를 최대한 줄인다. 🔗 화살표 함수 => 함수 최소화! const double = function (x) { return x * 2; }; console.log("double", double(7)); // const doubleArrow = (x) => { // return x * 2; // }; const doubleArrow = x => x * 2; // const doubleArrow = x => ({ // name: "yujin", // }); console.log("doubleArrow", doubleArrow(7..

이전 1 2 3 4 5 6 7 다음

티스토리툴바