YoonStudyNote

코드 내의 변수, 함수, 혹은 속성을 식별하는 문자열 즉, 함수의 변수, 함수의 이름을 말한다. '유니코드 문자', '$', '_', '숫자(0~9)'를 사용할 수 있지만, 숫자로 시작 할 수 없다. '예약어'는 사용할 수 없고, '공백 문자'도 사용할 수 없다. 프로그램에서 사용하는 변수나 함수의 이름을 짓는 것은 언제나 어려운 일이다. 의미없는 이름은 사용하지 않고, 역할에 맞는 적절한 이름을 짓도록 노력해야 한다.

Keywords Reserved Words 자바스크립트에서 특정한 목적을 위해 사용하는 단어 프로그램을 작성할 때, 변수명, 함수명 등 이름으로 사용할 수 없는 단어 이러한 키워드 들은 예약어로 지정되어 있다. 이미 특정한 목적을 위해 사용하기 때문에 사용할 수 없다. return, for, if, break, case, new 등등.. Future reserved keywords 앞으로 특정한 목적을 위해 사용할 가능성이 있어서 사용할 수 없는 예약어 abstract, class, extends, final, float등등...

값을 만들어내는 간단한 코드를 표현식이라고 한다. 표현식을 값을 만들어내기 때문에 함수의 인자로 사용할 수 있다. Statement 하나 혹은 여러 개의 표현식이 모여 문장을 이룬다. 모든 표현식은 문장이 될 수 있다. (보통) 문장의 끝에는 세미 콜론을 붙인다. 한 줄에 문장이 하나인 경우에는 세미 콜론을 붙이지 않아도 문제가 없다. (하지만 관례적으로 붙힌다.) 한 줄에 여러 문장을 적을 경우, 세미 콜론으로 문장을 구분해야 한다. 마지막 문장은 세미 콜론을 붙이지 않아도 문제가 없다. 마지막 문장의 결과가 반환된다. 조건문, 반복문도 문장이다. (이 경우에는 마지막 뒤에 세미콜론을 붙이지 않는다.) 문장이 모여 만들고자 하는 프로그램이 된다.

script언어인 javascript가 실행되는 런타임환경이 다양하게 있다. chrome, firefox, safari, edge등 데스크탑 웹 브라우저가 있고, node.js와 같이 서버로 활용이되는 runtime환경이 있다. electron, react등 각각 버전에서 다른 runtime환경을 가지고 있다. 이렇게 다양하게 사용이되는 javascript는 문법을 표준화 하고 관리하고 있다. ecma라는 비영리단체에서 이것을 관리하고 있다.

스크립트 언어, 인터프리터 언어 이다. 스크립트 언어란? --> 어플리케이션에서 그 코드를 해석하고 실행 할 수 있는 엔진이 존재해서 그 스크립트로 해당 어플리케이션을 제어하기 위해서 용도로 사용되어지는 프로그래밍 언어이다. 인터프리터 언어란? --> 자바스크립트 엔진은 소스코드를 한줄씩 읽으면서 바로바로 해석하고 실행하는 언어이다. 이렇게 자바스크립트를 해석하고 실행하는 스크립트 엔진을 가진 대표적인 어플리케이션이 웹 브라우저이다. 자바스크립트가 널리 사용되어지고 있는 이유도 웹브라우저에서 사용되기 때문이다. 웹브라우저가 웹페이지를 불러올때 html, css, javascript를 불러와서 실행을 한다. html을 문서의 구조와 컨텐츠를 표현하고, css는 그 모습을 이쁘게 만들어준다. javascri..

템플릿을 이용해서 메인페이지를 만들어보자. themeforest.net/ WordPress Themes & Website Templates from ThemeForest Discover 1000s of premium WordPress themes & website templates, including multipurpose and responsive Bootstrap templates, email templates & HTML templates. themeforest.net 이곳에 들어가서 템플릿을 찾아보자. 이곳에 검색창에 bootstrap을 입력해준다. 그런데 거의다 유료일거다. 우리는 실습하기 위해서 무료를 찾아보자. startbootstrap.com/themes Free Bootstrap Them..

간단하게 웹사이트를 꾸며보는걸 해보자. Summernote의 위지윅에디터 적용해보자. 이것도 부트스트렙 기반이다. 우리는 개발자라서 html태그를 다 쓸줄 알지만, 일반사람들은 모르기때문에 이렇게 바꿔주는 에디터를 많이 이용한다. summernote.org/getting-started/ Summernote - Super Simple WYSIWYG editor Super Simple WYSIWYG Editor on Bootstrap Summernote is a JavaScript library that helps you create WYSIWYG editors online. summernote.org summernote사이트에 들어가서 getting-started를 클릭하고 Inlcude js/css에서 ..

1. 상단에 네비게이션 바를 만든다. 2. 왼쪽에 패널이 들어가고 3. 오른쪽에 게시판 들어가고 4. 아래쪽에 페이지네이션 들어가고 5. 가장 아랫쪽에 작성하기 버튼을 만들어보자. 페이지네이션추가방법 bootstrapk.com/components/ 콤포넌트 · 부트스트랩 Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula u..

1. 로그인창 만들기 이미 배웠던 버튼, 네비게이션, 레이아웃을 토대로 간단하게 로그인 만드는 실습을 할 것이다. Toggle navigation bootstrap 강의 HTML CSS PYTHON Javascript 로그인 로그인 소스코드 일부해석 : 우선 jquery, bootstrap, 폰트어썸을 추가한다. nav태그가 끝난 후에 div태그 중, class="col-md-4 col-md-offset-4" 중에 col-md-offset-4를 추가한 이유가 중앙 정렬을 하기 위해서이다. (하지만 왜 col-md-offset-4를 추가해서 중앙정렬됬는지 나한테는 아직까지 미스테리다...) panel-heading에는 사용할 기능의 제목을 입력해준다. panel-body에서는 input방식은 text로 하..

네이게이션 바는 상단에 로그인, 로그아웃 또는 메인페이지로 이동 등등 을 표현해야할때 사용할 수 있다. jQuery + bootstrap.min.js 두가지를 필요로 한다. jquery cdn을 검색해 본다. code.jquery.com/ jQuery CDN The integrity and crossorigin attributes are used for Subresource Integrity (SRI) checking. This allows browsers to ensure that resources hosted on third-party servers have not been tampered with. Use of SRI is recommended as a best-practice, whenever l..