JavaScript

다시 기초부터 공부하면서 자바스크립트에서 가장 기초적이지만 대충~알고 넘어갔던 부분을 뽑자면 역시 '변수' 였다.장점: 재선언, 재할당이 자유로워서 편해~단점: 만약 변수명이 중복된다면...? 😱 끔찍한 일이 벌어진다.장점: 똑같은 변수명 사용했는지를 칼 같이 알려준

공백 포함한 "" 안의 모든 문자들을 카운팅 해 준다.여기서 포인트는 공백 포함!concat말고도 str1 + str2를 해도 사실 같은 결과값이 나온다...역시 편하고 익숙한게 먼저 나오는것 같다.여기는 좀 자세히 봐야 이해가 가능한데,substr 은 (시작번호, 시

솔직하게 화살표 함수 생긴게 좀 그래서...😭어려워 보이기도 하고 손에 잘 가지도 않아 안쓰려고 하지만잘 쓰이는 형태라고 해서 눈물을 머금고 친숙해지려고 마음 먹었다.오늘 공부하면서 신기한 형태의 화살표 함수 사용법을 익혔는데 다음과 같다.참고로 위 함수를 기존 형태

object(객체)는 기본적으로 key와 key value로 이루어져 있다.그리고 객체의 가장 큰 특징은 아무래도 중괄호 '{ }'가 아닐까 싶다.나중에 작성할 Array(배열)에서는 대괄호 ' '를 사용하기 때문에 이게 객체인지 배열인지 헷갈린다면괄호가 어떤 모양이고

배열(Array)는 변수 안에 여러개의 이름이 추가로 들어가 있다고 생각하면 좋다.매번 변수 파서 할당하고 이 짓을 반복할 수 없기에...배열로 간단하게 변수들을 통에 넣을 수 있으므로 관리하기도 편하고 보기에도 좋다.이전 글에서도 적었지만 객체(Object)는 중괄호

javascript에서 자주 쓰인다는 forEach / map / filter / find 에 대해 알아보자 😀이 매소드들은 배열 에서 사용된다는 것!위와 같은 배열이 있다고 하자.주로 배열 안에 내용을 반복하고 싶을때 쓰는데 forEach는 for문과 유사하다고 볼

for / for ~ in / while / do ~ while 공통점이라면? 바로 반복문 이라는 것!평소에는 for문만 쓰다보니 다른 반복문들의 사용법을 매번 구글링 해서 쓰고 그랬는데이번 공부로 익혀갔으면 좋겠다.😅 역시 많이 쓰는게 답이겠지만...for문의 사용

프로그래밍 언어는 해당 언어의 함수들이 다른 변수처럼 다루어질 때 일급 함수를 가진다고 합니다. 예를 들어, 일급 함수를 가진 언어에서 함수는 다른 함수들에 전달인자로 제공되고, 다른 함수에 의해 반환될 수 있으며, 변수에 값으로서 할당될 수 있습니다. - 출처 MDN

Map()을 사용할땐 앞에 new를 붙여 사용한다.그리고 set(ket , keyValue) 형태로 추가할 수 있다.참고로 정렬된 순서대로 저장 된다.이전에 배열 메소드와 동일하게 사용할 수 있다.복습을 위해 한번 더 적어보자면...나중에 편리하게 사용할 것 같아서 함

오늘은 class / constructor / get / set 에 대해 공부했다.처음에 class라는 단어를 보았을땐 css?😆 라고 생각했는데 그 css의 class가 아니고한마디로 OO을 만들기 위한 틀이라고 보면 좀 더 이해하기 쉬울 것 같다.예를 든다면 자동

프로그래머스 문제를 풀다보면 한번씩 대문자 혹은 소문자로 바꿔라 하는 경우가 있다.찾아보니 대문자 혹은 소문자로 한번에 바꿔주는 가독성 좋은 메서드가 있길래 정리해 보는 글!생각보다 간단해서 많이 당황...했는데영어 단어에 Upper 라는게 딱 대문자라는 뜻이여서 보자

프로그래머스 문제를 풀던 중,만약 1,2,3 이란 요소가 있으면 이것을 123(number)로 계산하라는 문제가 있었다.처음엔 이걸 어떻게 접근을 해야하나 for문, 삼점문법을 써야하나 고민을 하다가 신기하면서도 가독성 좋은 방법을 알아냈다.바로 join과 Number

우선 fetch 기본 골격에 대해 알아보자.간단하게 위의 코드로 데이터를 가져왔을 때 하고 싶은 코드를 적어 수행하고 싶은것을 수행시킬 수 있다.위 코드를 설명하자면 아래와 같다.주소가 올바르다면 res(request의 약자로 보통 사용. res 혹은 req로 사용한다

오늘은 전에는 이해를 못했던(😅) 구조분해 할당에 대해 정리를 해 보자.구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다.출처https://developer.mozilla.org/

ES6 문번 중 정말 많이 사용되는 것들 중 하나인 단축 속성명 (property shorthand) 에 대해 알아보자! 단축 속성명? 단축 속성명은 객체의 키와 키값이 동일할 때 축약해서 1개로만 사용할 수 있게 해 준다. 우선 위와 같이 name, newAge라

전개 구문은 ...을 사용하여 구조를 새롭게 바꿔 준다.코테를 풀때 반복문을 사용하기 위해 배열 러버인 내가 많이 사용하기도 하고 실제로 현업에서도 많이 사용한다고 한다.사용 방법은 아래와 같다.분명 arr는 배열인데 ...이 붙음으로써 더 이상 배열이 아닌 새로운 구

나머지 매개변수는 처음 강의 땐 뭐지..? 했는데 (아마 그때만 해도 매개변수를 왜 사용하는지를 몰라서 그랬던 것 같다) 다시 한번 더 강의를 들으면서 이해가 된 ES6 문법이였다.나머지 매개변수는 기존의 매개변수 외로 추가로 들어올 매개변수들을 받기 위해 사용한다.위

템플릿 리터럴은 정말 많이 사용되고 오히려 권장을 하고 싶을 정도로 너무너무 좋은 ES6 문법이다.만든 사람 아주 칭찬해 !!!백틱(\`)을 사용하여 백틱 안에서 자유롭게 텍스트와 변수를 사용할 수 있다.음! 밋밋하니까 뒤에 world라는 단어를 추가하는데 이번에는 변

프로그래머스 문제 풀면서 메서드를 찾을 때마다 10에 8번은 본 reduce 메서드.사용을 해보고 싶었지만 너무 어렵고 동작 원리를 이해 못해서 다른 방벙으로 문제 풀이를 해 왔는데 오늘 드디어 reduce 와의 전쟁을 선포하다. 💣🔎 Array.prototype.

이번 포스팅에서는 프로그래머스 문제를 풀다 보면 발생하는 이슈 중 하나!바로 문자열을 숫자 타입으로 바꾸는 것이다.뭐 Number로 감싸면 되는거 아니야? 하겠지만...문제를 풀다보면 Number 말고도 parseInt라는 메서드로도 바꿀 수 있더라.그래서 이번 시간에

배열의 반복 시켜주는 메서드들은 다양하고 많다.그 중 인자를 받는 메서드들이 있는데 이 부분 때문에 나를 포함한 뉴비들에겐 어렵게 느껴져서 for문 외로는 잘 안쓰려고 한다. (아무래도 익숙하고 직관적인게 좋을테니까)그래서 이번 포스팅에서는 배열 반복 메서드 3대장인

요즘 스터디에서 function을 이용한 다양한 문제를 풀어보고 있다. 그러던 중 매개변수를 배열로도 받을 수 있다는 사실을 새로 알게 되었다! 생각해보면 당연한거지만...😅 그런데 만약 매개변수에 들어가는 배열의 길이가 0인 상태로 console에 '0개'라고

실행 컨텍스트 (Execution Context) 자바스크립트 코드가 실행될 때 생성되는 개념으로, 코드의 실행 환경에 관한 정보를 담고 있다. 최근 면접에서 계속 나왔던 질문 중 하나였던, 실행 컨텍스트에 대해 도대체 뭘까 싶어서 찾아보게 되었다. 하지만 찾아본