QA 출신 웹 개발자 일기

자바스크립트의 자료형은 숫자형, BigInt, 문자형, 불린형, null, undefined, 객체와 심볼이 있다. 다만 다른 언어와 다르게 자바스크립트는 변수가 자료형과 관계없이 모든 데이터 일 수도 있다. 이게 무슨말이냐 감이 안잡히면 예시를 보자. let message = "foo"; // 여기서는 문자열 message = 3.141592; // 여기서는 숫자 이렇게 문자열로써 선언을 했었지만 다음에 숫자로 재선언 하더라도 자바스크립트는 에러를 발생하지 않는다. 이처럼 자료의 타입은 있지만 변수에 저장되는 값의 타입은 언제든지 바꿀 수 있는 언어를 ‘동적 타입(dynamically typed)’ 언어라고 부른다. 숫자형 let integer = 314; let float = 3.14; 숫자형은 정수..

우선 변수는 데이터를 저장할때 쓰이는 저장소의 이름이다. 자바스크립트에서 변수는 var, let, const로 선언할 수 있는데, 이 가운데 const는 한번 값이 할당되면 변하지 않기 때문에 상수라고 불리운다. 그래서 값을 지속적으로 변경할 수 있는 변수는 var, let로 선언되는데 var의 경우 약간의 문제가 발생하는 경우가 생겨(대표적으로 재선언) ES6 이후로는 let로만 변수를 선언할 것을 권장한다. let와 var의 차이는 https://github.com/hgt2768/JavaScriptStudy.git해당 블로그에서 잘 정리되어 있으니 참고하자. 변수(variable) 변수를 선언하는 방법은 여러가지가 있다. 1. 기본 방법 let message = 'Hello!'; 2. 선언 후 값을 ..

깃허브 : https://github.com/hgt2768/JavaScriptStudy.git 간단하게 디버그 할때마다 많이 사용하게될 alert, log 그리고, 가끔 사용하는 confirm으로 helloworld를 진행해보자. sliderBar.html Hello world Shortcuts Overview Events Profile Status helloWorld.html alert - hello, world! 확인 confirm - hello, world! 확인 log - hello, world! 확인 코드는 매우 간단하다. 우선 alert는 파라미터로 넣으면 내용을 출력한다. 아래와 같이 안에 문자열을 넣으면 그대로 출력되며, 객체를 넣으면 object로 출력된다. alert("hello, wo..

깃허브 : https://github.com/hgt2768/JavaScriptStudy.git 자바스크립트 연습을 부트 스트랩 템플릿 위에서 하려고 하다보니 매번 페이지를 새로 만들어야되는 불상사가 생김을 인지했다. 그래서 각 페이지별로 따로 제작해서 불러오기 위해 jquery와 자바스크립트를 이용한 간단한 함수를 우선 만들게 되었다. 간단한 Helloworld하기도 전에 더 고차원 함수 제작한건 무엇.... 분리할 부분은 자주 수정이 있을 sliderBar와 contentPage 부분이다. 다른 곳은 거의 수정하지 않지만 해당부분은 계속 수정하게 되기 때문에 분리하기로 했다. 폴더 구조는 위 사진과 같이 된다. contentPage에 include될 것들은 views폴더에 위치하며 용도에 따라 구분토록..

해당 카테고리에서는 다른것을 사용하지 않고 JavaScript만 연습할 것이기 때문에 다른 프레임워크없이 Web 프로젝트를 생성해서 진행하기로 했다. 설명은 인텔리제이 기준으로 하며, 보기 좋게 하기 위해 부트스트랩을 이용해서 진행한다. 사용한 템플릿은 https://startbootstrap.com/template/simple-sidebar에서 받을 수 있다. Github : https://github.com/hgt2768/JavaScriptStudy.git hgt2768/JavaScriptStudy 자바스크립트 기초 학습용. Contribute to hgt2768/JavaScriptStudy development by creating an account on GitHub. github.com 모든 기..