분류 전체보기
-
자바스크립트 - 변수JavaScript/기본 2020. 2. 20. 21:38
오늘은 변수와 간단한 문법에 대해 알아보자! 변수란 무엇인가? → 변수(Variable)는 (문자 혹은 숫자 같은) 값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용한다. 그리고 여기에 담긴 값은 다른 값으로 바꾸는 것이 가능하다. 그렇다면 선언은 어떻게 할 것인가? 자바스크립트에서 변수는 var로 시작한다. → 여기서 var는 변수를 선언하겠다는 것을 의미! var를 생략 할수도 있지만 이것은 유효 범위라는 것에 영향을 미친다. 변수의 이름은 $, _, 혹은 특수 문자를 제외한 모든 문자로 시작할 수 있다. var a = 1; alert(a+1); //결과: 2 변수 a에 1이 담겨지고, 1일 담긴 a와 숫자 1을 더해 경고창에 2라는 값이 출력된다. 여기서 혹시 모르니, //(주석)과 ;(세미콜..
-
자바스크립트 - 숫자와 문자JavaScript/기본 2020. 2. 19. 23:43
오늘은 숫자의 표현과 문자의 표현에 대해서 알아보도록 하자. 프로그래밍 언어를 배울 때, 우리는 가장 기본적으로 데이터를 알아야 한다. 데이터라는 것은 정보이고, 그 정보는 프로그래밍에서 그 정보가 무엇인가에 따라서 타입이 존재한다. 예를 들면, 숫자의 타입, 문자의 타입 등등 아마, 숫자와 문자가 젤 익숙할 것이다. 첫 번째로 숫자! 자바스크립트에서는 큰따옴표(")나 작은따옴표(')가 붙지 않은 숫자는 숫자로 인식한다. alert(1+1); // 결과: 2 alert(1.2 + 1.3); // 결과: 2.5 곱하기를 할 때는 *(에스터리스크, Asterisk, 키보드 자판 상으로 숫자 8)를 사용한다. alert(2 * 5); 나누기를 할 때는 /(슬래쉬, slash, 키보드 자판 상으로 오른쪽 shi..
-
자바스크립트 - 크롬 개발자 도구와 실습환경JavaScript/기본 2020. 2. 19. 21:28
이번 시간에 살펴볼 내용은 바로 크롬 개발 도구와 실습환경에 대해서 다뤄 보려고 한다. 가끔 파일에 직접 작성하는 게 귀찮을 때가 있다 그럴 때, 손쉽게 자바스크립트를 실행할 수 있는 방법을 소개하려고 한다. 일단 필자는 크롬을 기준으로 할 것이다. 우선, [F12] 키를 누르면 이렇게 [크롬 개발자 도구]가 화면에 보여진다. 그럼 여기서! 크롬 개발자 도구란 무엇인가? → 구글에서 만든 웹브라우저인 크롬에는 개발을 도와주는 다양한 도구가 기본적으로 제공한다. 이를 개발자 도구라고 하고, 이 도구를 이용하면 HTML, CSS, JavaScript의 생산성을 극대화할 수 있다. 이렇게 띄어진 화면 밑에 Console 창에 자바스크립트 코드를 작성하고 실행하면, 이렇게 경고창이 화면에 보인다. 이렇게 크롬 ..
-
자바스크립트 - 언어의 이해와 환경JavaScript/기본 2020. 2. 19. 15:39
오늘은 자바스크립트의 언어의 이해와 환경을 다뤄보겠습니다! 기본적으로 우리가 프로그래밍 언어를 공부하는 것은? → 의사소통을 위한 약속 때문 혹은 문법을 이해하기 위해 공부를 한다고 생각한다. 하지만, 우리는 문법뿐만 아니라 언어가 동작하는 환경 또한 공부를 해야 한다. 자바스크립트는 웹 브라우저를 동작시키기 위한 도구였지만, 탈웹 브라우저, 탈웹을 보면서 자바스크립트는 다양한 분야에서 사용되고 있기 때문에 이 언어라는 것과 언어가 동작하는 환경을 분리해서 생각하면서 공부하는 것이 좋다. 자! 그렇다면 여기서 말하는 환경이란 무엇인가? → 언어를 사용하는 대상을 의미한다. 예를 들면, 한국어는 언어이며, 아무리 한국어라 해도, 의사에게 "개발해주세요."라고 하거나, 또는 변호사에게 "치료해주세요."라고 ..
-
[1193] 백준 알고리즘 - 분수찾기Baekjoon Online Judge 2020. 2. 19. 14:20
1193번: 분수찾기 www.acmicpc.net [풀이] 대각선으로 나열되는 분수를 풀어 쓰면, 1/1 -> (1/2 -> 2/1) -> (3/1 -> 2/2 -> 1/3) -> (1/4 -> 2/3 -> 3/2 -> 4/1) -> ... 이런식으로 나열된다. 따라서, 입력 받은 su를 step(진행 순서)로 빼가면서, 해당하는 단계에 해당하는 수를 구하고, 짝수 번째 단계인지 혹은, 홀수 번째 단계인지에 따라서 분자 분모의 숫자 방향을 바꾼다 홀수 번째는 분자는 내림차순, 분모는 오름차순 짝수 번째는 분자는 오름차순, 분모가 내림차순 [code] su=int(input()) step=1 while su>step: su-=step step+=1 if step%2 == 0: a=su b=step-su+1..
-
자바스크립트 - 웹 서버 관계JavaScript/기본 2020. 2. 18. 23:25
오늘은 자바스크립트와 웹 서버에 대해서 정리합시다! 자바스크립트는 기본적으로 웹브라이저를 제어하기 위한 언어이고, 그러한 용도로 만들어졌다. 그렇다면! 자바스크립트가 웹 서버 다룰 수 있을까?? 답변 : "네 다룰 수 있습니다." 여기서 웹 서버란? → 웹서버 소프트웨어가 동작하는 컴퓨터를 의미하며, 클라이언트가 요청하는 HTML 문서나 각종 리소스를 전달하는 것이다. 자바스크립트는 많은 사람들로부터 사용이 되고 있으며, 자바스크립트와 관련된 여러 가지 기술들이 개발되는 과정에서 자바스크립트를 웹서버에서도 사용할 수 있도록 하는 기술들이 등장하게 되었다. 그 기술은 바로, node.js 이다. 우리가 흔히 알고 있는 대표적인 웹 서버를 다루는 기술들은 php, java, python, ruby 등이 존재..
-
자바스크립트 - 탈브라우저와 탈웹JavaScript/기본 2020. 2. 18. 12:46
오늘은 탈브라우저와 탈웹에 대해서 정리를 하고자 한다. 여기서 질문! 우리가 흔히 알고 있는 자바스크립트란? → 기본적으로 웹브라이저를 제어하기 위한 언어를 말한다. 하지만, 탈브라우저화 되면서 자바스크립트는 더 이상 웹브라이저만을 제어하기 위한 용도로 사용하지 않는다. 예전에는 자바스크립트와 웹브라이저는 떼려야 뗄 수 없는 관계였지만, 자바스크립트가 탈브라우저화 되면서, 자바스크립트라는 언어와 동작하는 환경(웹브라우저)이 환경을 분리해서 생각해야 하는 필요성이 생기게 되었다. 여기서 '탈' 이라는 말이 붙어 있는 것은? → 자바스크립트가 더 이상 웹브라우저만을 제어하기 위한 도구가 아닌 웹 이외에 여러 분야에서 다양하게 사용한다는 의미를 뜻한다. 대표적으로, Google Apps Script 라는 것이..
-
[1712] 백준 알고리즘 - 손익분기점Baekjoon Online Judge 2020. 2. 18. 10:55
[python 풀이] 1712번: 손익분기점 www.acmicpc.net 노트북 판매 대수에 상관없이 매년 고정 비용(임대료, 재산세, 보험료, 급여 등) -> A 노트북 1대 생산비(재료비와 인건비) 가변 비용 -> B 노트북 1대의 가격 -> C 여기서, B와 C는 노트북 1대 당 이익에 연관 되어있다. 만약 노트북을 N개 생산해서 얻은 이익 E에 대한 식으로 나타내면 간단해진다. 이익 E = (노트북 1대 당 가격 C - 노트북 1대 생산비 B) * N(개) - A(고정비용) 알맞게 고치면, E = (C-B)*N-A 여기서, E = 0이 되면 손익분기점이 되는 것이고, E < 0 작으면 그때부터 자신이 가진 예산보다 이익이 발생해 손익분기점을 넘게 된다. (노트북 1대 당 가격 C - 노트북 1대 ..