profile
꾸준히 새로운 것을 알아가는 것을 좋아합니다.

계산기 함수 만들기

문법 공부를 하던 도중, 간단한 계산기 함수를 만들어 볼 것이다.calculate 함수는 3개의 인자를 받는다. 첫 번째 인자는 string 타입이고, num1 과 num2는 number 타입이다.return 되는 타입 역시 number 타입이다.더 나아가서, kind

2022년 4월 28일
·
0개의 댓글
·

Ajax로 HTTP 요청을 보내기 위해서 사용할 수 있는 방법

브라우저는 주소창이나 HTML의 form 태그 또는 a 태그를 통해 HTTP 요청 전송 기능을 기본 제공합니다.자바스크립트를 사용하여 HTTP 요청을 전송하려면 XMLHttpRequest 객체를 사용합니다Web API인 XMLHttpRequest 객체는 ① HTTP 요

2022년 4월 22일
·
0개의 댓글
·

비동기와 동기

자바스크립트 엔진은 기본적으로 함수를 호출하면 함수 코드가 평가되어 함수 실행 컨텍스트가 생성된다.이때 생성된 함수 실행 컨텍스트는 실행 컨텍스트 스택(콜 스택이라고도 부름)에 푸시되고 함수 코드가 실행된다.함수 코드의 실행이 종료되면 함수 실행 컨텍스트는 실행 컨텍스

2022년 4월 22일
·
0개의 댓글
·

[TIL] Clean Code, 테스트

TDD는 테스트 코드를 먼저 작성하고 개발한다는 개발론중의 하나이다.한 번 작성된 테스트 코드는 영원히 유지보수 해야 한다.내부 구현 사항을 테스트 하면 안 된다.반복적인 코드, 재사용성을 높이기 (테스트 유틸리티)배포용 코드와 철저히 분리테스트코드를 통한 문서화의 효

2022년 4월 19일
·
0개의 댓글
·

[TIL] Library vs Framework

내가 직접 코드를 컨트롤 하는 건지 VS 규칙에 따라 코딩하는 것인지라이브러리와 프레임워크의 주요 차이점은 "Inversion of Control"(통제의 역전)입니다.라이브러리에서 메서드를 호출하면 사용자가 제어할 수 있습니다.그러나 프레임워크에서는 제어가 역전되어

2022년 4월 6일
·
0개의 댓글
·

[JavaScript] insetAdjacentHTML()

insertAdjacentHTML() 메서드는 HTML or XML 같은 특정 텍스트를 파싱하고, 특정 위치에 DOM tree 안에 원하는 node들을 추가 한다. 이미 사용중인 element 는 다시 파싱하지 않는다. 그러므로 element 안에 존재하는 eleme

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

[JavaScript] DOM 이해하기

DOM이란, 브라우저가 서버에게 요청하여, 응답으로 받은 웹 문서(HTML, XML, SVG 등)를 브라우저의 렌더링 엔진이 로드하고, 파싱하여 브라우저가 이해할 수 있는 형태로 구성된 것을 말한다. 이 DOM은 자바스크립트를 이용해 동적으로 변경이 가능하고, 이 변경

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

[JavaScript] This

먼저 , MDN 문서에 정의되어 있는 this 를 살펴보자면,JavaScript에서 함수의 this 키워드는 다른 언어와 조금 다르게 동작합니다. 또한 엄격 모드와 비엄격 모드에서도 일부 차이가 있습니다.대부분의 경우 this의 값은 함수를 호출한 방법에 의해 결정됩니

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

[JavaScript] Prototype

JavaScript는 흔히 프로토타입 기반 언어(prototype-based language)라 불린다.모든 객체들이 메소드와 속성들을 상속 받기 위한 템플릿으로써 프로토타입 객체(prototype object)를 가진다는 의미이다.객체 안에 아무 것도 들어있지 않은

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

[TIL] 3.17 : React 복습 , Tools

User Interface를 만들 수 있는 라이브러리이다.즉, 웹 UI를 만드는 라이브러리이다.한마디로 정의하면 컴포넌트들.컴포넌트 : 서로 독립적이고, 잘 고립되어져 있고 재사용 가능사용자가 웹 페이지를 보기 위해서는 우리가 작성한 웹 페이지가 DOM(Document

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

[TIL] 3.17 : Unit Test, CI/CD

Unit Test ui코드는 tdd를 하지 않는다when tdd ? 요구사항이 명확할 때, 비지니스 로직, 협업시 명세서(문서) 역할, 설계에 대한 고민이 필요why tdd ? 사용자 입장에서 코드를 작성, 코드의 퀄리티 향상, 모든 요구 사항(목표)에 대해 점검, 요

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

[JavaScript] 구조분해할당 (Destructuring Assignment)

객체 내부의 속성과 할당하는 변수명이 같을 때 코드를 줄여 사용할 수 있다.여러 줄에 걸쳐 할당하는 코드를 한 줄로 줄일 수 있어서 편리하다. 자리 수가 같아야 한다 !https://www.inflearn.com/course/%EB%A0%88%EC%B8%A0%

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

[JavaScript] reduce

reduce 를 활용하여 배열을 객체로 변환해보자.https://www.inflearn.com/course/%EB%A0%88%EC%B8%A0%EA%B8%B0%EB%A6%BF-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED

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

[JavaScript] 배열.includes

|| (또는) 을 사용한 코드는 배열의 includes 메서드로 반복을 줄일 수 있다. 다음의 두 코드는 같은 작업을 수행한다.https://www.inflearn.com/course/%EB%A0%88%EC%B8%A0%EA%B8%B0%EB%A6%BF-%EC%9

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

[JavaScript] let & var & 클로저

먼저, let 으로 반복문을 작성해보자. 결과 i 0 i 1 i 2 i 3 i 4 i 5 위의 코드를 실행 했을 때, i 값이* 0 ~ 5 로 결과*가 나온다. var 로 반복문을 작성해보자. 결과 i 6 위의 코드를 실행했을 때, 모든 i가 6으

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

[JavaScript] Style Guide

메소드의 단축구문을 사용하세요hasOwnProperty, propertyIsEnumerable, isPrototypeOf와 같은 Object.prototype 메소드를 직접 호출하지 마세요.=> 왜? 이러한 메소드들은 객체의 속성에 의해 가려질 수 있습니다. - { h

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

[React] Basic Rules

배열의 인덱스를 key 속성 값으로 사용하는 것을 피하고, 유니크한 ID 값을 사용하라.=> Why? Not using a stable ID is an anti-pattern because it can negatively impact performance and cau

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