profile
개발개발

재귀

재귀함수는 자기자신을 다시 호출하는 함수이다. 재귀함수는 종료조건이 있어야 하며, 종료조건을 설정해주지 않으면 무한 반복을 하게된다. 재귀함수로 작성이 되는 코드는 반복문으로도 작성할 수 있다.간단한 예시로는 1부터 100까지 합을 구하는 함수를 만들때 반복문을 이용해

2022년 2월 27일
·
0개의 댓글

로그인 프로세스(JS클로저, 권한분기,React HOC vs HOF)

로그인 기능을 공부해보았다. 기본적으로 아이디 비밀번호를 입력해서 로그인한다고 해보자. 아이디와 비밀번호를 받았으면 로그인을 시도해보자 이미 만들어져있는 로그인 API이다. password와 email을 variables로 넘겨주고 로그인 했다는 것을 증명받아야

2022년 2월 16일
·
0개의 댓글

Object.keys(), values(), entries(), assign()

Object.keys()Object.keys() 메소드는 주어진 객체의 속성 이름들을 일반적인 반복문과 동일한 순서로 순회되는 열거할 수 있는 배열로 반환한다. 예를들어 const object1 = { a: 'somestring', b: 42, c: false};

2022년 2월 14일
·
0개의 댓글

정규표현식

프로그래밍 언어를 막론하고 정규표현식은 자주 쓰인다. 정규표현식에는 정규표현식에만 사용되는 특수표현들이 있다.^ : 문자열의 시작$ : 문자열의 종료 , 옵션에 따라 문장의 끝 또는 문서의 끝에 매치된다.. : 임의의 한 문자\[] : 문자 클래스 . 문자 클래스 안

2022년 2월 14일
·
0개의 댓글

Lazy load vs Pre load

레이지 로딩은 이미지, 영상에 대한 로딩을 바로 하지않고 나중으로 미루는 것을 의미한다. 레이지 로딩을 적용시키지 않는 웹페이지를 열면 브라우저가 받아오는 모든 이미지를 읽고 불러와서 DOM 렌더링을 할 것이다. 이미지가 한두개면 상관이 없지만 100개~1000개의 많

2022년 2월 7일
·
0개의 댓글
post-thumbnail

이벤트 버블링

이벤트 버블링은 이벤트가 발생했을 때 해당 이벤트가 하위의 화면 요소에서 상위의 화면 요소로 전달되는 현상을 말한다. 위 그림처럼 내가 최하위 div태그에 이벤트 발생을 시키면 이 이벤트가 상위요소들로 이벤트가 전달된다는 것이다.이러한 특성을 반영하여 event를 다룰

2022년 2월 3일
·
0개의 댓글

호이스팅 (Hoisting)

호이스팅은 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것을 말한다.자바스크립트에서 Parser가 함수 실행전 함수들을 한번씩 훑고 함수내에 존재하는 변수/함수선언에 대한 정보를 저장해두었다가 실행시킨다.즉, 함수 내에서 아래쪽 코

2022년 1월 26일
·
0개의 댓글

JS 내장함수 filter, map, every

js에서 배열 내장함수를 알아보았다.arr.filter()는 배열의 각 요소들 중에 어떤 조건을 충족하는 요소들만 뽑아서 return하는 내장함수였고,arr.map()은 배열의 각 요소들을 수정하여 새로운 배열로 return 해주는 내장함수이고arr.every()는 해

2022년 1월 21일
·
0개의 댓글

JS vs TS

타입스크립트는 자바스크립트를 안전하게 사용 하기 위해 마이크로소프트에서 만든 언어입니다. 하지만 웹브라우저는 HTML, CSS, Javascript 밖에 읽을 수 없다. 그래서 타입스크립트로 만든 프로그램은 실제로 실행시 자바스크립트로 변경 되어서 실행된다. 이렇게 변

2022년 1월 21일
·
0개의 댓글

try~catch 예외처리

Backend 컴퓨터와의 통신과 같이 코드의 진행중 실패할 수 있는 경우가 있을 수 있다.이때 우리는 try~catch문을 통해서 예외처리를 한다.try{실패할수도 있는 코드들 .... 중간에 에러가 나면 즉시 코드실행을 멈추고 catch로 넘어감.} catch(err

2022년 1월 21일
·
0개의 댓글

Templete Literal

템플릿 리터럴은 내장된 표현식을 사용가능하게 해주는 문자열 리터럴인데, 이는 런타임 시점에 일반 자바스크립트 문자열로 처리된다.간단한 예시로는let a= "안녕 나는"을 "안녕 나는 Kevin이야" 로 만들고 싶다고 하자콘솔로 출력하려면console.log(a+" Ke

2022년 1월 21일
·
0개의 댓글

객체 생성과 상속

Reference data type var name1 = "김"; var name2 = "김"; name1===name2 를 하면 true가 나오는데,, var name1 = { name : '김' }; var name2 = { name : '김' }; 에서 n

2022년 1월 12일
·
0개의 댓글

Spread Operator [...]

Spread Operator를 아주 쉽게 말하면 괄호 제거해주는 연산자 였다.var arr = 'hello', 'world';와 같은 배열이 있다고 하자.console.log(arr); 에서 'hello', 'world' 가 나오고console.log(...arr);

2022년 1월 10일
·
0개의 댓글