전체 글 검색 결과

해당 글 200건

자바스크립트 - 변수, Scope

변수(Variable) 자바스크립트는 데이터 타입에 유연하게 변수를 선언할 수 있다. 데이터 타입 관련 글은 여기를 참고 자바스크립트에서 변수를 선언하는 방법은 3가지(var, let, const)가 있다. 아래 표를 통해 차이점을 알아본다. 선언 예약어 var let const 중복 선언 O X X 재할당 O O X 스코프(유효범위) 함수 레벨(Function-level) 블록 레벨(Block-level) 블록 레벨(Block-level) 전역 객체 Property O X X 호이스팅(Hoisting) O O O ※ 참고 : let, const는 ES6(ES2015)부터 추가된 기능으로 var와의 차이점이 무엇인지, 왜 생겼는지를 아는 것이 중요 - 현재, var는 사용을 권장하지 않으며, let / ..
웹 개발/JavaScript(+Node, React...) 2021. 7. 25. 01:22

자바스크립트 - 형(Type) 변환

자바스크립트 형 변환 자바스크립트는 타입 검사가 매우 유연해서, 변수의 타입이 정해져 있지 않고 대입 시마다 계속 변한다. 즉, 같은 변수에 다른 타입의 데이터를 계속 새로 할당할 수 있다. ① 묵시적(Implicit) 형 변환 자바스크립트는 특정 타입 값이 기대되는 곳에 다른 데이터가 오면 자동으로 타입을 변환한다. 다음과 같은 규칙이 있다. (좀 복잡해 보이는데.. 사실 외울 것은 아니고 정리 용도로 아래와 같이 작성했다.) 1) + 연산 - Object 끼리 연산 시, Primitive 타입으로 변환한다. - 한 쪽이 String이라면 String으로 변환한다. - 그 외의 경우에는 Number 타입으로 변환한다. (true는 1, false는 0이다.) console.log(null + undef..
웹 개발/JavaScript(+Node, React...) 2021. 7. 24. 00:15

자바스크립트 - 데이터 타입

1. 실행문(Statement) 쓰기 실행문이란 컴퓨터가 실행할 수 있는 명령을 의미하며, 프로그램이란 특정 결과를 얻기 위한 이러한 실행문의 집합을 의미한다. ① 세미콜론 기본적으로 자바스크립트의 뒤에는 세미콜론을 모든 문장에 붙이는 것이 원칙이다. let x = 10; console.log(x); 다만, 붙이지 않아도 정상 실행되는 이유는 나중에 프로그램 빌드(parcel 사용) 시에 자동으로 붙기도 하고, 엔진에서 알아서 붙여서 해석하기도 하기 때문이다. 안 붙여도 되긴 하는데, 되도록 붙이는 습관을 들이는 것이 나쁘지 않다 ② 대소문자 구분 자바스크립트는 대소문자를 구분한다. 생성한 변수 혹은 함수의 이름, 예약어(reserved word) 등을 사용 시에는 반드시 대소문자를 정확히 구분 해야 한..
웹 개발/JavaScript(+Node, React...) 2021. 7. 23. 21:03

자바스크립트(JavaScript) 란?

1. 자바스크립트 처음에는 1990년대, 넷스케이프 커뮤니케이션즈사에서 웹 스크립트 언어로 모카(Mocha)라는 이름으로 개발되어 이후 LiveScript로 불렸다가 추후 이름이 JavaScript로 변경되었다. 자바라는 명칭이 들어가서 자바(Java)와 관련이 있지 않느냐는 혼란이 있을 수 있는데 실제 관련은 없다. 당시 자바 인기가 높았고 마케팅적인 이득을 위해 이름을 이렇게 지었다고 한다. (문법이 비슷해보이는 이유는 모두 C언어가 기반이기 때문이다.) 자바스크립트는 '웹 페이지에 동적 기능을 부여하는' 언어이다. HTML 기반 웹 페이지 안에 작성하여 웹 페이지 호출 시 자동으로 실행된다.(HTML, CSS 는 정적인 기능을 담당) 즉, Client 측면에서 동작하는 언어로 웹 페이지의 UI 상에..
웹 개발/JavaScript(+Node, React...) 2021. 7. 20. 22:48

알고리즘 풀이 - 프로그래머스(뉴스 클러스터링(Lv 2), 맵)

관련글 Map 관련 포스팅은 여기(1번, 2번)를 참조 1. 개요 문제의 링크는 여기를 참조 문제의 내용은 아래의 더보기를 클릭하여 참조 더보기 주어진 2개의 문자열을 2개 단위 문자로 쪼개서 모두 모았을 때(중복 허용), 그 문자열의 교집합 / 합집합을 자카드 유사도라고 할 때, 그 값을 구하는 문제 2. 풀이 문제의 정의는 다음과 같다. 자카드 유사도 : 교집합 크기 / 합집합 크기 (두 집합의 유사도를 검사) Kakao / Cacao 2개의 문자열을 각각의 집합으로 나누어보자. 우선 대소문자는 구분하지 않으므로, 위와 같이 나뉘며, 공통으로 있는 문자는 파란색으로 칠하였다. 중복이 허용되므로 전체 문자 수는 다음과 같다. 문자열 숫자 ka 2 ak 1 ao 2 ca 2 ac 1 이 중, 교집합 크기..
알고리즘 풀이(Problem Solving)/자료구조 2021. 7. 13. 23:47

알고리즘 풀이 - 프로그래머스(문자열 압축(Lv 2), 문자열)

관련글 문자열 관련 포스팅은 추후 업데이트 1. 개요 문제의 링크는 여기를 참조 문제의 내용은 아래의 더보기를 클릭하여 참조 더보기 비손실 문자열 압축 알고리즘을 통해 주어진 문자열을 압축했을 때, 가장 길이가 짧은 길이를 구하는 문제 2. 풀이 문제 이해를 잘못해서 풀이에 오래 걸렸다. 이 문제는 앞에서부터 문자열을 잘라서 압축하여 표현된 결과값을 구하여 해결하면 된다. 단순 문자열 다루기 문제이다. 이 문제가 길지만 쉬운 이유는 다음의 조건이 있기 때문이다. - 중간부터 잘라서 사용할 수는 없다. 예를 들어 아래와 같은 상황을 보자. 예 : abcdbcd 를 보자. 상식적으로 생각하면 3개 단위로 나누어서 표현하면, a2bcd 라고 하면 가장 짧을 것이다. 하지만, a를 무시하고 중간부터 자를 수는 ..
알고리즘 풀이(Problem Solving)/기본(문자열 처리 등) 2021. 7. 11. 21:55

알고리즘 풀이 - 프로그래머스(카카오프렌즈 컬러링북(Lv 2), BFS)

관련글 그래프 관련 포스팅은 여기를 참조 BFS 관련 포스팅은 여기를 참조 1. 개요 문제의 링크는 여기를 참조 문제의 내용은 아래의 더보기를 클릭하여 참조 더보기 여러 장의 그림을 난이도 순으로 컬러링 북에 넣을 때, 난이도를 영역의 수로 정하였다면 그림의 영역의 수와 가장 큰 영역의 넓이가 얼마인지 계산하는 문제 2. 풀이 예시로 주어진 그림의 영역의 수 및 넓이를 알아보자. (영역은 숫자가 0이면 칠해지지 않은 것이며, 나머지는 그려진 것이다.) 위에서 색칠된 부분만 그림이므로, 영역은 총 4개이고 그 중 넓이가 가장 넓은 것은 5임을 알 수 있다. BFS를 통해 인접 같은 숫자 그림을 칠하고, 그 영역을 계산하는 방식으로 해결하는 간단한 문제이다. 3. 코드 아래의 코드를 통해 정답을 알아보자. ..
알고리즘 풀이(Problem Solving)/그래프, 트리 2021. 7. 11. 14:07

알고리즘 풀이 - 프로그래머스(거리두기 확인하기(Lv 2), BFS)

관련글 그래프 관련 포스팅은 여기를 참조 BFS 관련 포스팅은 여기를 참조 1. 개요 문제의 링크는 여기를 참조 문제의 내용은 아래의 더보기를 클릭하여 참조 더보기 코로나 바이러스 예방을 위해 면접 대기실에서는 거리두기를 지켜야 하는데, 이 때, 각 면접실의 대기실 지원자들이 거리두기를 유지하였는지를 판단하는 문제 (맨해튼 거리가 2이하인 거리에 붙어 앉으면 거리 두기 위반이지만, 그 사이에 파티션으로 구분되면 거리 두기를 지킨 것) 2. 풀이 거리두기를 지켰는지 주변 대기자들과의 거리를 재고 그 거리가 적절한지를 판단하는 문제이다. 즉, 그래프 자료구조를 통해서 각 대기실의 면접자를 정점으로 인식한다면 그 거리를 간선으로 이해하고 상호 간의 거리를 측정하여 계산하면 된다. 거리두기의 규칙은 다음과 같다..
알고리즘 풀이(Problem Solving)/그래프, 트리 2021. 7. 11. 12:33