JavaScript
-
[프로그래머스 Level 2] 숫자의 표현 (JavaScript)Coding Test/JavaScript 2024. 11. 24. 18:21
문제 링크https://school.programmers.co.kr/learn/courses/30/lessons/12924 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 입출력 예nresult154 풀이function solution(n) { let answer = 0; for(let i=1; i n) { break; } } } return answer;} 이 코드는 어떤 자연수 n이 연속된 자연수의 합으로 표현될 수 있는 개수를 return 하는 함수이다. 외부 for 루프를 통해 i가 1부터 n까지 순차적으로 증..
-
[JavaScript] 배열을 다루는 forEach & map & reduce & filter 메서드Web/JavaScript 2024. 10. 29. 16:26
forEachmapreducefilter오늘은 배열을 다루는 4가지 메서드에 대해서 알아보려고 한다. 배열을 다루는 메서드는 다양한데, 그 중 가장 많이 사용한다고 생각하는 forEach(), map(), reduce(), filter()에 대해서 알아보자.- array.forEach() forEach()는 배열의 각 요소에 대해 부작용(side effect)을 발생시키는 작업을 수행할 때 사용한다. 특징으로는, 반환값이 없으며, 원본 배열을 변경하지 않는다는 특징이 있다. 주로 로그 출력, API 호출, 데이터 저장 등의 작업에 적합하다. 아래의 코드는 배열의 모든 요소를 출력하는 코드이다.// forEach()const numbers = [1, 2, 3];numbers.forEach(number =>..
-
[JavaScript] 증감 연산자(++, --), 전위 연산자, 후위 연산자Web/JavaScript 2024. 10. 22. 16:42
증감 연산자란?증가 연산자 (Increment ++)감소 연산자 (Decrement --)전위 연산자 (prefix operator)후위 연산자 (postfix operator) 이번에는 JavaScript의 증감 연산자(Increment, Decrement)와, 전위 연산자(prefix operator), 후위 연산자(postfix operator)에 대해 알아볼 것이다. - 증감 연산자란? 증감 연산자는 증가 연산자(++)와 감소 연산자(--)로 나뉜다. 증가 연산자(Increment)는 어떠한 숫자형 변수의 값을 1을 증가시키는 것을 의미하고, 감소 연산자(Decrement)는 어떠한 숫자형 변수의 값을 1을 감소시키는 것을 의미한다. - 증가 연산자 (Increment ++)let number =..
-
[JavaScript] <script> 태그의 async, defer 속성Web/JavaScript 2024. 10. 21. 17:59
Head에 넣었어요. 이렇게 작성하게 되면, 위에서부터 쭉 내려오기 때문에 태그 안에 작성하게 되면, 브라우저는 태그 요소를 읽고 나서 async 속성입니다. - defer 속성 defer 속성입니다. 이미지 출처: https://media.licdn.com/dms/image/v2/C5112AQFW3cKEhP9AkQ/article-cover_image-shrink_600_2000/article-cover_image-shrink_600_2000/0/1520214760879?e=2147483647&v=beta&t=vDdQPieyUHqIdU8HjtKncTHxoPLeLa_KCVF630yzE_I이미지 출처: https://blog.kakaocdn.net/dn/..
-
[JavaScript] 변수(Variables) & 상수(Constants)Web/JavaScript 2023. 5. 26. 01:01
변수(Variables) & 상수(Constants)변수 선언 및 정의 방법- 변수(Variables) & 상수(Constants) 단어를 직역하자면, 변수는 변하는 숫자를 의미하고 상수는 항상 같은 숫자를 의미한다. 이를 해석하자면, 변수는 기존에 존재하던 변수에 새로운 값이 할당 가능하단 의미이고 상수는 기존에 생성된 상수의 값을 변경할 수 없다는 의미이다. 만약 바꾸려고 하면 오류가 발생한다. 먼저, 변수를 사용하는 예제를 한번 보자. // 변수는 일종의 데이터 컨테이너 또는 저장소라고 할 수 있다.// 변수에는 주로 let을 사용한다.// userName이라는 변수 이름에 Max라는 값 할당let userName = 'Max';// 기존에 있던 변수에 새로운 값 할당// let은 새로운 값을..
-
[JavaScript] ECMAScript & JavaScriptWeb/JavaScript 2023. 5. 24. 19:51
이번에는 간단하게 ECMAScript와 JavaScript에 대해 알아보려고 한다. 쉽게 한마디로 말하자면, ECMAScript가 브라우저 공급 업체에 의해 JavaScript로 구현된 것이다. 정확하게 어떤 관계인지 알아보자. 아래의 내용들은 1-1, 2-1 / 1-2, 2-2 / 1-3, 2-3 을 서로 비교하며 보는 것이 이해하기 쉽다. 1. ECMAScript 1-1. ECMA 국제 기구에서 개발한 언어이지만 브라우저 공급 업체에 의해 JavaScript로 구현된다. 즉, 브라우저를 개발한 회사에 의해 구현이 된다. 1-2. ECMAScript 자체가 직접 사용되는 것이 아닌 브라우저 공급 업체가 이를 이용해 JavaScript 엔진에 구현한다. 1-3. ECMAScript는 활발히 개발중이고 브..
-
[JavaScript] JavaScript란 무엇일까?Web/JavaScript 2023. 5. 24. 19:36
JavaScript란 무엇일까? 해석형, 즉석(on the fly) 컴파일링이란 무엇인가? 동적 해석형 언어란 무엇일까? 약형(weakly types)은 무슨 뜻일까? 호스팅된 환경에서의 JavaScript 실행 - JavaScript란 무엇일까? JavaScript는 동적 약형 프로그래밍 언어이다. JavaScript는 해석형 언어이므로 전송 중에 컴파일이 되며, 몇몇 프로그래밍 언어처럼 개발 중에 컴파일 되는 것이 아니라 실행되기 전에 컴파일이 된다는 특징이 있다. 또한 호스팅 된 언어이므로 여러 환경에서 실행이 가능하다. 가장 두드러진 사용 사례로는, 웹페이지의 브라우저에서 코드를 실행하여 보다 동적으로 만드는 것이다. - 해석형, 즉석(on the fly) 컴파일링이란 무엇인가? JavaScrip..
-
[PWA] 회원 가입 페이지 유효성 검사 (비정규 표현식)Web/PWA 2022. 9. 14. 15:23
HTML 코드 JavaScript 코드 전체 코드 HTML 코드 회원 기본 정보 아이디: 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호: 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호확인: 메일주소: 예) id@domain.com 이름: 개인 신상 정보 생일: 년 1 2 3 4 5 6 7 8 9 10 11 12 월 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 일 관심분야: 컴퓨터 인터넷 여행 영화감상 음악감상 자기소개: HTML 코드는 예전에 올렸던 페이지와 크게 다르지 않고, 주민등록번호 입력하는 칸만 빠지게 되었다. 이전에 짰던 코드는 이 글에 있다. https://mpd253.tist..