🌊 함수 : 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것 함수는 몇 번이든 호출 할 수 있으므로 코드의 재사용의 측면에서 매우 유용하다. 함수의 특징 함수를 사용하는 이유 유지보수의 편의성 향상 코드의 신뢰성 향상 코드의 가독성 향상 함수 리터럴 // 변수에 함수 리터럴 할당 const calculate = function multifly(x, y) { return x * y; } 함수 이름 + 매개변수 + 함수 몸체로 이루어져있다. 함수 이름 함수 이름은 생략할 수 있으며 이름이 없는 함수를 '무명 함수'라고 부른다 함수 이름은 식별자이며 식별자 네이밍 규칙을 준수해야 한다. 매개변수 0개 이상의 매개변수를 소괄호로 감싸고 쉼표로 구분한다. 함수를 호출할 때 지정한..
🌊 [Code States] Section1 회고 : 시간이 얼마 지난 것 같지 않은데 벌써 1달이라는 시간이 흘렀습니다. 부트캠프 측에서 회고의 시간을 만들어주셔서 140명의 동기 여러분과 회고의 시간을 가져보았습니다. 🌊 목표 상기하기 내가 처음에 부트캠프를 시작하며 세운 목표다. 막연한 워라밸, 복지 있는 기업에 취직하기 사실은 아직도 명확한 목표를 세우는 것에 큰 어려움을 느낀다. 그래도 여태껏 작은 규모의 회사만 다녀왔어서 지금의 내가 아닌 성장한 내가 되어 복지가 좋은 기업에 취직하고 싶다는 것이 가장 큰 목표이다. 그래도 조금 더 구체적이고 명확한 계획을 세우고자 한다. 리액트, 타입스크립트의 기반이 되는 자바스크립트에 충실하자 복지가 좋은 기업에 취직하기 🌊 KEEP 진도에 맞춰 Deep ..
🌊 기술면접 준비 : 하나 이상의 질문을 고른 후 질문에 대한 답을 글로 작성한다. 내가 고른 질문 Q. event.preventDefault 메서드는 언제, 왜 사용하는지 설명해주세요 A. event.preventDefault() 메서드는 이벤트에 대한 기본 동작을 실행하지 않도록 합니다. 예를 들어 회원가입을 할 때 양식에 맞지 않는 문자를 키보드로 입력할 때 입력이 되지 않게 하거나 a태그나 form 태그 안에 있는 submit 버튼을 클릭하여도 페이지가 이동하거나 새로고침 되지 않게 합니다. Q. 왜 사용 하는 지? A. a태그나 button 또는 input type submit은 유용한 기능을 가지고 있지만 그 의도로 사용하지 않을 때 불편함을 야기할 수 있습니다. a태그는 href 속성에 적힌..
🌊 Local Storage : localStrage는 웹 스토리지 객체로 브라우저 내 키-값 쌍으로 저장하도록 도와준다. localStorage에 저장한 자료는 페이지 프로토콜별로 구분된다. LocalStroage를 사용하면 페이지를 새로고침하거나 브라우저를 껐다 켜도 데이터가 사라지지 않고 남아있다. 사용법 myStorage = window.localStorage; setItem(key, value) : 키에 데이터 추가 getItem(key) : 키로부터 데이터 읽기 removeItem(key) : 키의 데이터 삭제 clear() : 키 전체 삭제 setItem(key, value) localStorage.setItem('datalist', data); localStroage는 value값을 문자열..
🌊 [javascript] 타입 변환과 단축 평가 타입 변환과 단축 평가 🌊 타입 변환이란? 개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅 개발자의 의도와는 상관없이 표현식을 평가하는 도중에 JS엔진 velog.io 타입 변환과 단축 평가 🌊 타입 변환이란? 개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅 개발자의 의도와는 상관없이 표현식을 평가하는 도중에 JS엔진에 의해 암묵적으로 타입이 변환 되는 것을 암묵적 타입 변환 또는 타입 강제 변환 이라 한다. // 명시적 타입변환 let x = 10; let str = x.toString(); console.log(typeof str, str); // string 10 // 암묵적 타입 ..
🌊 [javascript] 스코프스코프는 자바스크립트를 포함한 모든 프로그래밍 언어의 기본적이며 중요한 개념.자바스크립트의 스코프는 다른 언어의 스코프와 구별되는 특징이 있다.스코프는 velog.io스코프🌊 스코프란?스코프는 자바스크립트를 포함한 모든 프로그래밍 언어의 기본적이며 중요한 개념.자바스크립트의 스코프는 다른 언어의 스코프와 구별되는 특징이 있다.스코프는 변수 그리고 함수와 깊은 관련이 있다.모든 식별자 (변수 이름, 함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정 된다.즉, 스코프란 식별자가 유효한 범위 파일과 폴더로 예시를 들면 구분하기 편하다.test라는 파일은 같은 폴더 내에선 1개만 존재할 수 있지만 폴더를 이..
🌊 [javascript] 객체 리터럴 자바스크립트는 객체 기반의 프로그래밍 언어이다.자바스크립트를 구성하는 거의 "모든 것" velog.io 객체 리터럴 🌊 객체란? 자바스크립트는 객체 기반의 프로그래밍 언어이다. 원시 값을 제외한 자바스크립트를 구성하는 거의 모든 것(함수, 배열, 정규표현식 등)이 객체다. 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조다. 객체는 변경 가능한 값이다. 객체는 0개 이상의 프로퍼티로 구성 된 집합이며 프로퍼티는 키(key)와 값(value)으로 구성 함수도 프로퍼티 값으로 사용할 수 있으며 프로퍼티 값이 함수일 경우 메서드(method)라고 부른다. 함수로 객체를 생성하기도 하며 함수 자체도 객체이다. let ogu = { age : '30', job : ..
🌊 [javascript] 프로그래머스 - 중앙값 구하기 중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다. 예를 들어 1, 2, 7, 10, 11의 중앙값은 7입니다. 정수 배열 array가 매개변수로 주어질 때, 중앙값 velog.io 💡 중앙값 구하기 - Lv. 0 🧡 문제 설명 중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다. 예를 들어 1, 2, 7, 10, 11의 중앙값은 7입니다. 정수 배열 array가 매개변수로 주어질 때, 중앙값을 return 하도록 solution 함수를 완성해보세요. 💛 제한사항 array의 길이는 홀수입니다. 0 a - b)의 원리 sort의 알고리즘은 2개의 인자를 뺄셈하여..