My devlog

arrray method .reduce() const arr = [1,2,3,4] let sum =0 for (let i = 0; i acc + cur, 0) const data = [ 'regNum', 'name', 'logo', 'representative', 'startDate', 'address', 'contactEmail', 'tags', 'intro', 'homepage&#..

비교연산자 연산자 이름 == 동등 != 부등 === 일치 !== 불일치 a>b a>=b a

🎥 인강 내보내기 1. Default export - 이름을 지정하지 않아도됌 -> 따라서 디폴트를 import 할땐 이름을 임의로 지정 가능 - 하나의 파일에서 한개의 디폴트만 사용가능 export default function (date) { return Object.prototype.toString.call(data).slice(8,-1) } 2. Named export - 이름을 꼭 지정하여야함 - 여러개 export 가능 export function random(){ return Math.floor(Math.random() * 10) } - 이름을 {}에 넣어서 import import {random, user as kmjin } from './getRandom' // as 를 사용하여 다른 이..

📢 실강 함수 (functions) new Function() 생성자 함수 호출로 함수로 만드는 법! 근데 자주 안 씀. const sum = new Function('a','b','console.log(a+b)') //클래스(객체) //서버에서 가져올땐 json으로 밖에 안됌 sum(2,4) 반환과 종료 return undefined return 키워드를 사용하면 반환하고 함수 종료! return 이 없다면 undefined 나옴 function sum (a ,b) { return console.log(a + b) //retuen 이 없으면 undefined 가 나옴 console.log(123) //나오지 않음 } 선언과 표현 매개변수 패턴 기본값 설정 function sum (a= 1 , b = 3..

JS 데이터(자료형, Date Type) 원시형 문자 숫자 불린 null undefined 심볼 큰정수(BigInt) 참조형 배열 객체 함수 문자 따옴표로 묶여 있어야 함! "Heropy" 'heropy' `heropy` 숫자 NaN : 숫자로 표시가 불가! (숫자데이터) NaN boolean true false null 값이 없음을 명시적으로 나타낼 때 쓰는 값(데이터) undefined 값이 할당되지 않은 상태를 암시적으로 나타냄 심볼 유일한 식별자(ID) 데이터 이름을 만들 떼 사용 const s = Symbol('hello world!') const user = { name: kmjin [s]: 92 } console.log(user.name) console.log(user[s]) BigInt 큰..

리터럴 방식 특정한 기호로 데이터를 만들어내는 방식 원래는 new 라는 키워드로 각 전역객체들로 데이터를 만들어냄 prototype 문자 str.indexOf(‘heropy’) !== -1 : boolean 데이터로 해당 단어가 있는지 찾는 방법 str.replace( 바꿀 문자, 넣고싶은 문자) str.match( ) str.trim() : 문자열의 앞뒤 공백 제거 숫자 math : 내정 객체. 함수 객체가 아님.. math.floor (math.random() *10) : 랜던한 정수 배열 elements == item forEach : 아이템의 갯수만큼 콜백문을 반복 반환되는 값은 없음 map : 아이템의 갯수만큼 콜백문을 반복하여 리턴을 통해 새로운 배열 생성 filter : 필터링을 해서 새로운..

조건의 내용이 딱 떨어지는 특정한 값일 경우 유용 switch (a) { case 0 : console.log('a is 0') break case 2 : console.log('a is 2') break case 4 : console.log('a is 4') break default : console.log('rest...') } - break 가 없으면 계속 실행되기 때문에 한 케이스가 끝난 후에는 사용해야 함 - defalt 위에 조건이 모두 아닐 경우 실행

아무 것도 없는 상태에서 터미널에 아래 명령을 입력하면 npm init -y package.json 생성! npm i -D parcel script 에 "실행할때 사용할 단어" : "실행할 명령" 를 저장하고 터미널에서 npm run 실행할때 사용할 단어 를 입력하면 미리 적어놓은 명령이 실행 - parcel build "build": "parcel build index.html" scripts 에 추가하면 dist 폴더가 생성됌 dist 폴더에는 난독화된 파일들이 있음. 코드 난독화 : 브라우저가 읽기 쉽게 용량을 줄이고 최적화 시키는 작업 npm 명령어 npm i 패키지이름 -D i : install 약자 -D : 개발용 패키지 - 패키지의 특정 버전 install npm i 패키지명@버전

brew 로 nvm 설치 brew install nvm 환경변수 설정 파일을 열어서 vi ~/.zshrc 아래 내용 추가 export NVM_DIR=~/.nvm source $(brew --prefix nvm)/nvm.sh nvm 버전 확인 nvm -v 버전이 나온다면 설치 완료!

2차원 레이아웃을 구현하기 위해 사용 (flex 는 1차원 레이아웃) container 와 item로 구성