인턴이 취업하기 전에 알아야 할 자바스크립트 기본 10가지

tldr; 배우다 typescript 및 es6 |

실제 코드 작업에 시간을 사용하는 대신 JS 및 TS 기본 사항에 대한 단기 집중 과정을 수행하는 데 많은 시간을 할애했습니다. 다음은 js 관련 작업을 위해 인턴십이나 취업을 하기 전에 아는 사람에게 권하고 싶은 내용입니다.

1. 타이프스크립트 . 예, 자바 스크립트 작업을 수행하기 전에 typescript를 배우십시오. 학습 곡선이 가파르고 기본 사항이 없으면 이해하는 데 많은 어려움을 겪을 것입니다. this course의 egghead.io 또는 친구 Max의 udemy에서 longer course을 참조하십시오. 그리고 시도하고 기억하십시오. typescript는 런타임에 실행되지 않습니다!

2. 화살표 기능

const coolFunction = () => returnValue // FAVOUR THIS
const coolFunction = function() { return returnValue } // AVOID THIS, UNLESS NEEDED

3. 템플릿 리터럴

let fruit = "oranges"
const stringValue = `I love ${fruit}` // I love oranges

const fancier = `I love ${favFruit()?.answers?.[0]?.value ?? "fruit"}` // See below for what this means

|| 대신 ??를 사용할 수 있습니다. 자세한 내용은 nullish coalescing

4. 속성 속기

let a = "something"
let b = "something else"
const myObject = { a, b } // same as { a: a, b: b}

5. 구조 분해 할당

let { name, email } = contact // same as name = contact.name..

// or go deeper - careful as contact needs 
// to exist and wont be set as variable, only address will
let { contact : { address}} = person // address = person.contact.address

6. 스프레드 연산자
배열과 객체를 쉽게 병합

let stuff = [ "bye", false, 3 ]
var mergedStuff = [ 1, 2, ...stuff ] // [ 1, 2, "bye", false, 3 ]

7. 옵션 체인
필요할 때만 if ... then를 사용하십시오. 대신 optional chaining을 사용하십시오.

// this is a getter, ie computed type variable
// learn that too!
get pronouns() { 
// safely returns undefined rather than 
// blowing up with "can't get property x of undefined"
 return person?.details?.pronouns 
}

// How to use it with functions and arrays:
let email = getSomething()?.email
// You could also do this:
let { email } = getSomething();

let deepThing = myFunction()?.someArrayProp?.[0]?.detail

8. 일반적인 JS 메소드
MDN webdocs를 부끄러워하지 마십시오. .some

let transformedArray = myArray.map(...)
let anArray = myArray.filter(...) // filters out
let aBoolean = myArray.some(...) // .includes, .many, .every
let anItem = myArray.find(...) // returns first item

9. 로다쉬
주로 _.get , _.set , _.uniq , _.omit , _.difference작업하는 많은 코드베이스에서 찾을 수 있지만 대부분 바닐라 js에서 사용할 수 있습니다.

10. JS 문서

/**
 * Documenting stuff matters
 * @param thing - An important input
 * @returns otherthing - Clearly expected result
 */
const gardenFunction = (thing: string) => otherthing

이러한 학습을 ​​결합하여 작성하고 이해할 수 있어야 합니다.

type Contact = {
    readonly address: string;
    readonly email?: string;
};

type Person = {
    readonly name: string;
    readonly contact: Contact;
};

const listOfPeople: ReadonlyArray<Person> = [];

/**
 * Find a person's email by name (case insensitive).
 *
 * @param name Name you are looking for.
 * @returns The person's email or `undefined` if not found.
 */
const findPersonEmailByName = (name: string) =>
    listOfPeople.find(
        person => person.name.toLocaleLowerCase() === name.toLocaleLowerCase(),
    )?.contact.email;