# JavsScript
[Problem Solving] 등굣길
계속되는 폭우로 일부 지역이 물에 잠겼습니다. 물에 잠기지 않은 지역을 통해 학교를 가려고 합니다. 집에서 학교까지 가는 길은 m x n 크기의 격자모양으로 나타낼 수 있습니다.아래 그림은 m = 4, n = 3 인 경우입니다.가장 왼쪽 위, 즉 집이 있는 곳의 좌표는
JS byte 측정하기 (feat.비트연산)
비트 연산자(bitwise operator)비트 연산자는 비트(bit) 단위로 논리 연산을 할 때 사용하는 연산자이다.또한, 비트 단위로 전체 비트를 왼쪽이나 오른쪽으로 이동시킬 때도 사용한다.(<<,>>)&,|는 너무 잘 아니 패스하고^는 두 인자(비트)값
JSON.parse() & JSON.stringify()
자바스크립트에서는,JSON 포맷의 데이터를 간편하게 다룰 수 있도록 JSON이라는 객체를 내장하고 있다. 전역(global)접근이 가능하다.JSON 내장 객체는JavaScript 객체와 JSON 문자열 간의 상호 변환을 수행해주는 두 개의 메서드를 제공한다.: JSON
[ JavaScript ] 브라우저에서 모바일 애플리케이션 열기 ( DeepLink / Applink / UniversalLink / Url Scheme )
인스타그램을 예시로 자바스크립트에서 딥링크를 활용해 오바일 애플리케이션으로 이동하는 방법에 대해서 설명하고자 합니다.
23.01.05 면접 질문 연습하기
면접 질문 연습하기 SPA와 MPA의 각각의 개념과 특징에 대해 설명해주세요 SPA 페이지가 한개인 웹 렌더링이 빠른 장점이 있음 초기 로딩이 오래걸림 MPA 페이지가 여러개 렌더링 할 때 마다 데이터를 불러와야 해서 느림 할 때마다 깜빡거리는 효과가 있음 초기 로딩이 빠름 DOM과 가상 DOM에 대해 설명해주세요 DOM 자바스크립...
[JavaScript] 객체
객체주소록에 김철수의 이름, 이메일, 주소를 담고싶다. 3개 변수김유리도 만들어야하면 또 3개변수 만들어야 한다.배열로 하면? let user = 'Steve','steve@naver',Seoul' 좀 편하긴 한데user1 이렇게 접근해야해서 가독성이 구리다객체는 하나
[221130] 실행 컨텍스트 - 2
식별자의 유효범위를 안에서부터 바깥으로 차례대로 검색해나가는 것을 말한다.이것을 가능하게 하는 것이 바로 LexicalEnvironment의 두 번째 수집 자료인 outerEnvironmentReference이다.outerEnvironmentReference는 현재 호
문자열 정렬하기(1)
문자열 my_string이 매개변수로 주어질 때, my_string 안에 있는 숫자만 골라 오름차순 정렬한 리스트를 return 하도록 solution 함수를 작성해보세요.문자열을 쪼갠다.문자열을 정규식에 해당하는 요소들만 걸러낸다걸러진 문자열을 숫자로 변환한다.오름차
[JavaScript] 대소문자 변환 (toUpperCase(), toLowerCase())
toUpperCase() 는 문자열의 모든 문자를 대문자로 변환toLowerCase() 는 문자열의 모든 문자를 소문자로 변환
[JS] getter/setter
(인프런 "코딩인터뷰를 저격하는 JS 스나이퍼 양성학교" 강의 참고)추천 참고 자료: https://ko.javascript.info/property-accessors
[JavaScript] 모던 자바스크립트 Deep Dive 13장 스코프
자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위. 즉, 스코프는 식별자가 유효한 범위렉시컬 환경 : 코드가 어디서 실행되며 주변에 어떤 코드가 있는지실행 컨텍스트 : 렉시컬 환경을 구현한 것만약 스코프라는 개념이 없다면 같은 이름을 갖는
프로그래머스 | 키패드 누르기
카카오 인턴 문제라 그런지 푸는데 3시간정도 걸렸던 것 같다... 😢처음에는 한 번에 풀려고 했는데 너무 많은 반복문이 필요했던 것 같아 함수로 분리해서 문제를 풀었다.마지막 답변을 입력할 곳 +를 이용해 하나씩 붙인다.휴대폰 키패드를 이중 배열로 구현오른손, 왼손의
[JS] value, textContent, innerHTML, innerText 는 어떻게 다를까?
input처럼 form 요소의 값을 가져오거나 변경하려면 value를 사용하고,form요소가 아닌 다른 div, span, h1 등의 다른 요소의 Text를 가져오거나 변경하려면 textContent, innerHTML, innerText를 사용한다.✔textConte
동기(Synchronous) / 비동기(Asynchronous)
동기(synchronous) : 동시에 일어난다는 뜻으로 시작 시점과 완료 시점이 같은 상황 / 비동기(asynchronous) : 동시에 일어나지 않는다는 뜻으로 시작 시점과 완료 시점이 다른 상황
[CSS] 알아두면 유용한 nth-child 정복하기 😎(feat. nth-of-type)
항상 nth-child(숫자)만 사용하세요?? div > div === div > div:nth-child(n + 1)왜 같은지 알아보고 다른 유용한 문법도 알아갑시다. 🤓
.jpg)
TIL 15 day 'use strict';
처음 자바스크립트를 배울 때 앞으로 자바스크립트 공부를 하면서 반드시 'use stirct';를 제일 상단에 쓰는 것부터 하라고 배웠었다. 당시 들었던 이유는 자바스크립트가 가지고 있는 유연성 때문에 다른 프로그래밍언어에서는 허용되지 않는 것들이 자바스크립트에서는 허