본문 바로가기

JavaScript5

[초심자를 위한 Javascript] 2. 변수와 상수 1. 변수 (Variable) 변수는 특정 이름에 어떤 값을 저장할 수 있는 공간입니다. 그리고 그 공간에는 다른 값도 들어올 수 있습니다. 변화가 가능한 값이 계속해서 들어올 수 있는 공간이다라는 의미에서 변수라고 말합니다. 값이라는게 무엇일까요? 게임을 좋아하시는 분들은 캐릭터의 체력, 공격력, 방어력, 레벨 등을 생각할 수 있고, 제 블로그를 보면 방문자 수, 포스팅 수 등 다양한 데이터가 있는 것을 볼 수 있습니다. 이러한 데이터는 계속해서 생겨나고, 빠르게 변할 수 있다는 특징을 가지고 있죠. 이러한 데이터를 처리하기 위해서는 저장할 수 있는 공간이 필요합니다. 이 공간이 바로 변수입니다. 아래는 간단한 날짜 확인 코드입니다. 콘솔 창에 따라 쳐보시고 엔터를 치면 결과를 확인할 수 있습니다. 콘.. 2023. 4. 11.
[초심자를 위한 Javascript] 1. Hello, JavaScript! 1. Hello, JavaScript! [초심자를 위한 Javascript] 0. Javascript? 에서 자바스크립트를 이용하면 동적인 화면을 만들 수 있다고 알려드렸죠? 더 자세한 예시를 들어보면 다음과 같습니다. 주기적으로 내용이 갱신되는 기능 사용자가 조작 가능한 지도 뷰어 변화하는 2D / 3D 그래픽 여러가지 사용자 입력을 이용한 서비스 쉽게 말해, 기능을 웹 페이지에 적용할 수 있도록 하는 Script 혹은 프로그래밍 언어입니다. 인터넷 화면을 보여주는 기술들을 웹 기술이라고 했을 때, 자바스크립트는 표준 웹 기술이라는 덩어리에서 가장 핵심이라고 볼 수 있습니다. 아래에는 웹 상에 문서를 보여주기 위한 텍스트와 관련된 문법을 담당하는 HTML이 첫 번째 층을, 해당 문서에 효과(꾸밈)를 줄.. 2023. 4. 10.
[초심자를 위한 Javascript] 0. JavaScript? 0. JavaScript JavaScript는 웹 브라우저에서 사용하기 위해 만들어진 프로그래밍 언어입니다. 인터넷 초창기에는 위키피디아처럼 글자와 사진만 있는 정적 문서가 대부분이었지만, JavaScript를 사용하면 동적인 화면을 만들 수 있었기에 많은 인기를 얻었습니다. 한국어, 영어와 같이 사람의 말에는 표준말이라는 것으로 언어별로 정식 문법을 정리하고는 합니다. 프로그래밍 언어 또한 마찬가지입니다. 다만, 프로그래밍 언어를 사용하는 사람들이 대부분 IT 회사에 속해있고 JavaScript는 그래서 오랫동안 전 세계 공통으로 사용될 수 있는 표준말이 없었습니다. 이는 MicroSoft 사의 Internet Explorer와 Google의 Chrome, Mozilla의 Firefox 등 웹 화면을 .. 2023. 4. 10.
[프로그래머스] Lv2. 덧칠하기 - Javascript # 문제 길이가 n인 벽에 페인트를 덧칠하려고 한다 페인트 칠하는 롤러의 길이는 m 미터 롤러로 페인트칠 하는 최소 횟수 반환 # 정의 롤러가 벽에서 벗어나면 안됨 구역의 일부분만 포함되도록 칠하면 안됨 한 구역을 여러 번 칠할 수 있음 # 제한사항 1 2023. 3. 5.
[프로그래머스] Lv1. 바탕화면 정리 - Javascript # 문제 컴퓨터 바탕화면에 있는 파일들을 삭제하려고 한다 바탕화면은 각 칸이 정사각형인 격자판 상태를 나타낸 문자열 배열 wallpaper 가 주어지고, 파일들은 각 격자칸에 위치한다 격자판은 가장 왼쪽 위를 (0, 0) 으로 시작해 (세로 좌표, 가로 좌표)로 표현 빈칸은 ., 파일이 있는 칸은 # 값을 가짐 최소한의 이동거리를 갖는 한 번의 드래그로 모든 파일을 선택하고자 한다. 이 때 드래그의 시작점과 끝점을 담은 정수 배열을 반환 # 정의 "점 S에서 점 E로 드래그한다"라는 표현은 격자점 S(lux, luy)에서 마우스 클릭 후 격자점 E(rdx, rdy)에서 떼는 행동을 의미한다. 드래그 한 거리는 | rdx - lux | + | rdy - luy | 로 정의 # 제한사항 1 el); } //.. 2023. 3. 5.
반응형