Javascript(68)
-
[JS] Hello World 출력
Hello world를 출력해보자! 이번 포스팅은 두 가지를 목적으로 한다. Console을 이용하여 "Hello world" 문장을 출력해보자. Html에 자바스크립트를 내, 외부적으로 적용해보자 내부 스크립트, 외부 스크립트 각각의 특징을 알아보자. 먼저, 콘솔을 이용하여 "Hello world" 문장을 출력해보자. 아무런 에디터를 이용해서 밑의 코드를 입력하도록하자. 나는 Repl.it 라는 사이트를 이용하여 코드를 작성했다. Hello world 출력하기! 작성했으면 저장 후 html파일을 열어서 개발자도구(크롬 기준, F12)를 눌러 콘솔 창을 확인해보자. 그러면 "Hello World!"라는 문자열이 콘솔창에 뜬 것을 확인할 수 있을 것이다. 이것으로 첫 번째 목적을 달성했다. 코드를 다시 한..
2020.06.07 -
[JS] 자바스크립트로 아날로그 시계 만들기
1. 완성본 2. HTML HTML 구조는 다음과 같다. 1 2 3 4 5 6 7 8 9 10 11 12 00:00 3. CSS CSS 코드도 다음과 같다. 특별히 어려운 것은 없다. * { box-sizing: border-box; } body { background-color: #ea7612; } .clock-container { /* 가로 세로를 280px인 정사각형으로 만든다.*/ width: 280px; height: 280px; /* 테두리를 만들고 반지름이 140px인 원으로 만든다..*/ border: 8px solid black; border-radius: 50%; /* margin top-bottom을 100px로 주고 가운데 정렬한다. 그리고 margin-bottom을 이용하여 밑의 ..
2020.06.07 -
[JS] 프로그래머스 - 소수찾기(완전탐색 )
문제 설명 한자리 숫자가 적힌 종이 조각이 흩어져있습니다. 흩어진 종이 조각을 붙여 소수를 몇 개 만들 수 있는지 알아내려 합니다. 각 종이 조각에 적힌 숫자가 적힌 문자열 numbers가 주어졌을 때, 종이 조각으로 만들 수 있는 소수가 몇 개인지 return 하도록 solution 함수를 완성해주세요. 제한 사항 numbers는 길이 1 이상 7 이하인 문자열입니다. numbers는 0~9까지 숫자만으로 이루어져 있습니다. 013은 0, 1, 3 숫자가 적힌 종이 조각이 흩어져있다는 의미입니다. 입출력 예 설명 예제 #1 [1, 7]으로는 소수 [7, 17, 71]를 만들 수 있습니다. 예제 #2 [0, 1, 1]으로는 소수 [11, 101]를 만들 수 있습니다. 11과 011은 같은 숫자로 취급합니..
2020.06.06 -
[JS] 투 포인터, 구간 합
이 포스팅은 동빈나님의 코딩테스트 & 알고리즘 대회 핵심 노트 - 투 포인터, 구간 합이라는 강의를 보고 쓴 것이다. 배열의 특정 연속된 구간을 처리하기 원하는 경우 문제에서 연속된 데이터 구간을 처리하기를 원한다면? 다양한 접근 방법을 떠올려 보는 것이 중요! 자주 사용되는 기법들로는 어떤 것들이 있을까? 이 강의에서 나오는 대단한 풀이를 보고 그냥 지나칠 수가 없었다. 세상엔 정말 날고 기는 사람들이 많다는 것을 다시 한 번 느낀다. 분명히 프로그래머스라는 사이트에서 이러한 유형의 문제를 풀때 이중 반복문을 남발했던 것 같은데... 요새 자료구조를 복습하는 입장에서 볼 때, 과거의 나는 효율성이라고는 1도 고민하지 않고 문제를 풀었던 것 같다. 이 강의는 배열의 특정 연속된 구간을 처리하는 것을 목적..
2020.06.05 -
[JS] 순열
1. 순열 순열은 서로 다른 n개의 원소에서 r개를 뽑아서 한 줄로 세우는 경우의 수를 말한다. 여기서 r,n은 자연수이며 r은 n이하여야만 한다. 또한 순열은 정의역과 공역이 같은 일대일 대응이다. 여기서 일대일 대응은 두 집합 사이를 중복 없이 모두 일대일로 대응시키는 함수를 말한다. 순열은 경우의 수이고 일대일대응이다. 왜 그런지 예를 한번 들어보자. 앞에서 경우의 수에 대해서 이야기를 하지 않았는데, 경우의 수는 1회의 시행에서 일어날 수 있는 사건의 수를 말한다. 아래 그림은 네 개의 문자를 가지고 있는 배열이 있는데, 네 개 중에 두 개의 문자를 임의로 골라 중복없이 조합하여 길이가 2인 단어를 생성하려고 하는 상황을 나타낸 것이다. 따라서 위의 예시를 보면, 두 개의 독립사건이 있는데, 첫 ..
2020.06.04 -
자바스크립트란?
1. 자바스크립트 자바스크립트는 웹 페이지에 생동감을 불어넣기 위해 만들어진 가벼운 인터프리터 또는 JIT 컴파일 프로그래밍 언어이며, 웹에 쓰이는 하나 뿐인 프로그램이다. 자바스크립트는 표준 웹 기술이라는 레이어 층에서 세 번째 층이라고 볼 수 있다(첫 번째 층은 HTML, 두 번째 층은 CSS)이다. 여기서 HTML은 제공할 웹 컨텐츠의 구조와 의미를 문단, 제목, 표 등으로 정의하고 부여하는 마크업 언어이다. 또한 CSS는 배경색이나 폰트 등의 레이아웃을 지정하여 HTML 컨텐츠를 꾸며주는 스타일 규칙언어이다. 따라서 HTML, CSS는 프로그래밍 언어가 아니다. 자바스크립트로 만든 프로그램을 스크립트라고 한다. 스크립트는 HTML 안에서 작성할 수 있고, 웹 페이지를 불러올 때 브라우저에 의하여 ..
2020.06.03