본문 바로가기

분류 전체보기307

JavaScript기초 : 자료형 5. 형 변환ⅰ,ⅱ JavaScript 자료형 JavaScript자료형에는 숫자형, 문자형, 불린 등이 있다. 각 자료형은 형 변환이 가능하다. 이번 글에서는 형 변환에 대해 알아보도록 하자! 5-1. 형 변환(Type Conversion) 형 변환이란 처음 값으로 정해진 자료형을 다른 자료형으로 변환하는 것이다. 이 때 다른 복잡한 코드를 작성할 필요 없이 자바스크립에서 제공하는 함수를 사용하면 된다. 문자열로 바꾸고 싶으면 String, 숫자로 바꾸고 싶으면 Number, 불린으로 바꾸고 싶으면 Boolean 함수 를 사용할 수 있다. 위의 그림을 보면 콘솔에서 문자는 검정 글씨, 숫자는 파란 글씨로 나온다. 형변환을 시킨 line6과 7을 보면 line 2와 3의 검정, 파란 글씨의 순서가 파란, 검정 글씨로 바뀌어 .. 2020. 9. 4.
JavaScript기초 : 자료형 4. type of 연산자/ 연산자 우선순위 4. type of 연산자 값의 자료형을 평가해서 number인지 string인지 boolean인지 문자열로 반환한다. 숫자인지, 문자열인지, 함수인지 등등을 문자열로 반환하여 콘솔에 보여준다. 중요 포인트! typeof 연산자는 사칙연산자보다 우선순위가 높다! line38의 경우 typeof 8을 먼저 해서 문자열 number가 될 것이고 문자열과 숫자3을 계산해야하니 '숫자가 아니다.' 라는 NaN이 나오게 된 것이다. 이럴 경우에는 line41처럼 괄호를 씌워주면 된다~! 4-2. 연산자 우선순위(precedence) 숫자연산의 경우 사칙연산 우선순위를 생각하면 편하다. 곱셈, 나눗셈을 먼저 그 다음은 덧셈, 뺄셈이다. 우선순위가 같으면 왼쪽부터 시작해서 오른쪽으로 연산이 수행된다. 연산자 우선순위.. 2020. 9. 4.
JavaScript 기초 : 자료형 3. 불 대수/ 불린형 JavaScript 자료형 JavaScript자료형에는 숫자형, 문자형, 불린 등이 있다. 그 중 세 번째 불린에 대해 알아보겠다. 3-1. 불 대수 일상전인 논리를 수학적으로 표시한 것 불 대수의 값은 진리 값이다. 어떤 명제가 참인지, 거짓인지 나타낸다. (True, False) 일반 수학의 연산기호는 +, - 등이지만 불대수의 연산은 and, or, not 이 3가지이다. 불 대수를 알려면 명제를 알아야한다. 1) 명제란 무엇일까? 명제는 참 또는 거짓이 확실한 문장을 말한다. ex) 대한민국의 수도는 서울이다. : 참인 명제 2는 1보다 크다. : 참인 명제 나는 멋지다 : 명제가 아님 2) And연산 x 와 y가 모두 참일 때만 x And y 가 참이다. 둘 중 하나라도 거짓이면 x And y .. 2020. 9. 4.
JavaScript 기초 : 자료형 2. 문자열 JavaScript 자료형 JavaScript자료형에는 숫자형, 문자형, 불린 등이 있다. 그 중 두 번째 문자열에 대해 알아보겠다. 2. 문자열 1) 문자열 출력 방법 문자열의 핵심은 따옴표, 또는 쌍따옴표 안에 글을 써줘야한다는 것이다. 그리고 시작 따옴표와 끝 따옴표의 종류는 같아야 한다! 따옴표는 코드 내에서 문자열을 구분하기 위해 사용되는 도구이다. 따라서 콘솔에 출력되는 내용은 따옴표를 제외한 따옴표 안에 있는 내용이다. 그렇다면 따옴표가 포함된 문자열은 어떻게 표현할까? 1) 양 끝을 감싸는 작은 따옴표를 큰 따옴표로 바꿔준다. 2) 역 슬래시를 활용한다. (엔터키 위에 ＼ : \표시를 누르면 된다.) 양 끝을 감싸는 따옴표와 중복되는 따옴표 앞에 써주기! 큰 따옴표가 겹친다면 겹치는 큰 따.. 2020. 9. 4.
JavaScript 기초 -자료형-1. 숫자형 JavaScript 자료형 JavaScript자료형에는 숫자형, 문자형, 불린 등이 있다. 그 중 첫 번째 숫자형에 대해 알아보겠다. 1. 숫자형 JavaScripte도 다른 언어와 마찬가지로 기본적인 사칙연산의 순서를 따른다. 1. line2는 덧셈의 결과 2. line3은 뺄셈의 결과 3. line4는 곱셈의 결과 4. line5는 나눗셈의 결과 5. line8은 7÷3의 나머지값 6. line11은 5의 3제곱 7. line14는 사칙연산의 우선순위에 따른 계산 결과 값 : 3×2 값 + 2 8. line15는 괄호안에 있는 계산부터 한 결과 값 : (2 + 3) 값 × 2 이 값들이 출력된 결과가 console에 나와있다. 숫자형 프로그래밍 방법은 타 프로그래밍 언어와 같다고 볼 수 있다! 2020. 9. 4.
추상화란 무엇일까? 사람이 생각하고 표현하는 방식은 모두 다르다. 그래서 소통을 원활하게 하는 일은 쉽지 않다. 너무 세세한 표현은 집중력을 흐리기도 하고 시간도 오래걸린다. 원활한 소통을 위한 표현 방식 중 하나로 '추상화'가 있다. 추상화(Abstraction) '구체적인 정보는 숨기고 꼭 필요한 핵심만을 표현하는 것' '복잡한 것들을 목적에 맞게 단순화 하는 것' 그래도 아직 추상적이다. 현실 세계에서 살펴보면 책, 영화, 지도도 모두 추상화의 결과물이다. 장황한 스토리를 한 권의 책으로, 한 편의 영화로 축약하여 나타낼 때 '추상화'가 꼭 필요하다. 길거리의 쓰레기, 아스팔트 또는 흙길등의 정보 등 세세한 정보를 제외하고 길을 찾을 수 있게 만든 지도도 '추상화'가 들어간다. 프로그래밍에서도 추상화를 사용한다. 프로.. 2020. 9. 3.
JavaScript의 자료형(프로그래밍의 자료형) 프로그래밍의 자료형을 정리해보자! 자료형(Data Type) 1. 숫자(Number) 1) 정수(Integer) : 음의 정수, 0, 양의 정수 2) 소수(Floating point) 숫자 자료형은 사칙연산이 가능하다. 2. 문자열(String) '작은따음표' "큰따음표" 로 감싼다. 처음 시작한 따음표와 끝나는 따음표는 모양을 같게 한다. 문자열 + 문자열도 가능하다. "Hello" + "Coding" = "HelloCoding" 3. 불린(Boolean) True or False 어떤 조건에 의한 결과값으로 사용한다. 8 > 6 True 8 < 6 False 2020. 9. 3.
JavaScript 세미콜론, 코멘트(주석) 적기 - 코멘트 줄바꿈 1. 세미콜론 JavaScript는 명령어가 끝나면 마침표로 세미콜론을 적어준다. 초보자는 적어주는게 좋다! 2. 코멘트 //주석 comment console.log(20 - 5); console.log(10 + 10); /*주석을 작성할 때 줄 바꿈을 하고 싶다면 별과 별 사이에 글을 넣어주면 된다. 코멘트는 필요한 만큼만 간결하게 사용한다!*/ ※코멘트가 사용되는 경우 어떤 의도로 코드가 작성 되었는지 설명할 때 구현한 코드가 어떤 동작을 하는지 기록할 때 1) 주석을 달아주려면 //을 써주면 된다. 2) 코멘트를 줄 바꿈 해주고 싶다면 /**/를 적고 *과*사이에 적고 싶은 내용을 적어주면 된다. 2020. 9. 3.
Java Script로 무엇을 할 수 있을까? 웹의 등장! 웹은 1989년 등장 후 1990년대 이후 폭발적으로 사용이 증가했다. 처음에는 단순한 글 정보를 공유하는것에서 시작했지만 점차 이미지, 그림, 게임, 채팅, 은행 업무 등 다양한 분야의 여러 기능들이 추가되었으며 이제는 웹 없이는 살 수 없는 세상이 되었다. 웹의 발전에 큰 기여를 한 프로그래밍 언어가 바로 JS이다. 2015년 JS가 크게 발전하였고 점점 더 좋은 평가를 받기 시작했다. Java Sscript로 할 수 있는 것은 무엇일까? WEB개발 모바일 앱 개발 PC전용 프로그램 개발 AR/VR 블록체인 등 다양한 분야에 JS가 사용된다. Java Script 공부법! 따라하기나 외우지 않기 중요한 것은 프로그래밍의 원리 모든 언어를 배울 때에는 프로그래밍의 원리에 초점을 두어야 한다.. 2020. 9. 2.
CSS 적용 순서 1. 완전 똑같은 선택자가 나중에 또 나오면, 이전에 나온 스타일을 덮어쓰게 된다. 나중에 나온 것으로 덮어씌워줘 h1 { color: blue; text-align: center; } h1 { color: green; } 원래는 가운데 정렬에 파란색으로 표시하라고 했지만 나중에 초록색으로 바꿨다. 얘는 결국 가운데 정렬에 초록색으로 나온다. 2. 명시도(specificity) : 같은 요소를 가리키지만 선택자가 다르다면, 명시도에 따라 우선 순위가 결정된다. 명시도 계산 방법 1) 인라인 스타일이 가장 우선 순위가 높다. 2) 선택자에 id가 많을 수록 우선 순위가 높다. 3) 선택자에 class, attribute, pseudo-class가 많을 수록 우선 순위가 높다. 4) 그 다음은 그냥 요소(또.. 2020. 7. 16.

티스토리툴바