Front-end/Javascript
-
조건문과 반복문을 이용해 별을 찍어보기 (feat. Javascript)Front-end/Javascript 2020. 7. 29. 18:50
모든 프로그래밍의 언어를 배울 때 별찍기는 누구나 거쳐가는 학습 커리큘럼일 것입니다. 🌠 반복문과 조건문을 공부하는데에 주로 사용되지만 기초 알고리즘 사고력을 키우는데도 아주 확실한 역할을 하기 때문에 다양한 별찍기의 예제를 가지고 충분히 연습하는 것이 좋습니다. 저는 자바스크립트로 구현하지만 대부분의 언어는 비슷한 형태를 가지고 있으니 해당 언어에 맞게 연습하면 되겠습니다. 모든 높이와 별, 공백은 아래의 값을 전제로 진행합니다. var STAR = "*"; var SPACE = " "; var HEIGTH = 5; 직각삼각형 for (var i = 0; i < HEIGTH; i += 1) { var result = ""; for (var j = 0; j < i + 1; j += 1) { result ..
-
자바스크립트의 데이터 타입에는 어떤 것들이 있을까?Front-end/Javascript 2020. 7. 27. 18:01
자바스크립트의 데이터 타입 자바스크립트는 말 그대로 스크립트 프로그래밍 언어이며, 빠르게 배우고 쉽게 접근할 수 있도록 하기 위해 개발되었습니다. 자바스크립트가 만들어졌던 1995년 말에 본격적으로 보급형 컴퓨터가 생산되고 사용되면서 자바스크립트도 동시에 함께 개발되어 사용되어졌습니다. 기존에 존재했던 Java 등의 언어는 개발자가 직접 데이터 타입을 정하여 선언하는 등 고려해야할 점이 많았습니다. 하지만 스크립트의 특징을 가진 자바스크립트는 개발자가 직접 데이터 타입을 정하지 않는 정책을 사용하였습니다. 그래서 그 때 당시 보급형 컴퓨터에서 감당할 수 있는 데이터를 고려하여 모든 타입의 데이터를 8 byte로 고정 후 자바스크립트 엔진에서 타입을 대신 정해주었습니다. 즉, 넣는 값에 따라서 변수의 데이..
-
자바스크립트 기초 간단하게 살펴보기Front-end/Javascript 2020. 7. 1. 13:58
1. CSS 추가하는 방법 head 태그 내부에 추가합니다. link 태그를 활용하여 href에 css파일 경로를 입력합니다. index.css body { background-color: peru; } h1 { color: white; } 결과 2. JS 추가하는 방법 This Works! body 태그 밑에 추가합니다. script 태그를 활용하여 src에 js파일 경로를 입력합니다. index.js alert("Hello World!"); 결과 variable(변수) 1. let let a = 100; let b = 100 - 10; a = 10; console.log(b, a); 90, 10 let은 초기화한 변수값을 다시 할당하는 순간 그 값을 가진 변수가 됩니다. 2. const const a..