김모의 자습서 김모의 자습서

대세를 타기에는 너무 늦은 리액트 공부를 하고 있습니다. 여러매체를 통해서 리액트를 공부했지만, 마무리를 짓지 못했습니다. 기본 설정부터 시작해서 바닐라스크립트로 시작하는 부분이 좋았습니다. 웹개발하면서 사용하지 않을 만한 기능들을 사용해서 재미가 있네요 강의가 어느정도 끝나면 바닐라스크립트를 리액트로 바꾸는 방법으로 공부할 수 있을것 같습니다. 강의에서 예시로 들어준 프로젝트를 가지고 재미있는 새로운 프로젝트를 만들기 위해서 완강을~!!

자바스크립트에서는 표현식(expression)과 문(statement)을 구별하고 있다. 표현식이란 값이거나 값을 만들어 낼수 있는 것들을 의미한다.따라서 표현식은 값이 위치할 모든 곳에 위치 할 수 있고, 값을 대신 할 수 있다. 문은 조건문이나 반본문과 같이 행동을 유발하는 것을 말한다. 표현식에서 행동을 유발하는 것을 표현문이라고 한다. 참조 : http://2ality.com/2012/09/expressions-vs-statements.htmlhttps://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statementshttps://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators

컴퓨터 과학 분야에서 리터럴(literal)이란 소스 코드의 고정된 값을 대표하는 용어다. 거의 모든 프로그래밍 언어는 정수, 부동 소수점 숫자, 문자열, 불린 자료형과 같은 용어를 가지고 있다. 어떤 언어는 열거 타입이나, 배열, 자료형, 객체와 같은 용어도 있다. 리터럴과 대조적으로, 고정된 값을 가질 수 있는 변수나 변경되지 않는 상수가 있다. 다음의 예제와 같이, 리터럴은 변수 초기화에 종종 사용된다.출처 : https://ko.wikipedia.org/wiki/리터럴 리터럴은 값 그 자체이다. 그 값의 이름이 변수이다. 위키문서의 말대로 리터럴이 될수 있는 것은 숫자, 문자, 문자열 등이 될수 있다. 원시타입 (primitive type)처럼 리터럴은 언어의 설계에 따라서 다를 수 있다 var ..

호이스팅을 변수 및 함수 선언이 물리적으로 작성한 코드의 상단으로 옮겨지는 것으로 가르치지만, 실제로는 그렇지 않습니다. 변수 및 함수 선언은 컴파일 단계에서 메모리에 저장되지만, 코드에서 입력한 위치와 정확히 일치한 곳에 있습니다. 출처 : https://developer.mozilla.org/ko/docs/Glossary/Hoisting 위 내용은 변수를 선언을 어떤 위치에서 하던 상관없이 컴파일 타임에 변수선언위치가 스코프의 상단으로 끌어올려진다고 생각하면 될것인다. 또한 선언만 상단으로 끌어올려질뿐 초기화는 되지 않기 때문에 초기화전에 변수는 undefined 가 된다. (만약 변수를 선언하지 않은 상태에서 변수를 읽으려 한다면 정의되지 않았다고 나올 것이고,할당을 할 경우에는 global sco..

ie Box Model 레이아웃모든 html 요소는 위 와 같은 박스 모델을 가지고 있고​사용 방법은 Border 사용법과 유사하다​offset의 경우는 outline 과 margin 사이에 존재하며,​outline의 경우는 box Model의 밖에 존재한다. 그리고 위치에 영향을 끼치지 않는다

출처 : https://www.w3schools.com/css/tryit.asp?filename=trycss_border-styleborder-width 테두리 두께border-style 테두리 스타일border-color 테두리 색border-radius 테두리 모서리의 둥글기​부분만 따로 설정 가능border-top border-rightborder-bottomborder-left​사용 시border-top-width

body { background-color: green; //배경색 background-image: url("img_tree.png"); //배경이미지 background-repeat: no-repeat; //이미지 반복 여부 background-position: right top; //이미지 위치 background-attachment: fixed; //스크롤 같은 이동시 이미지가 화면에 고정여부 background-clip: border-box; //요소에서 배경색이 차지 하는 영역 (모든 영역) //background-clip: content-box; //content 안 //background-clip: padding-box; //padding 안 background-origin: border-b..

Text Formatting 태그는 웹브라우져에서 css를 사용하지 않고도 다르게 표현해준다 ​ – Bold text 굵은 – Important text 중요한 – Italic tex 이텔릭 – Emphasized text 강조 – Marked text 마크 – Small text 작게 – Deleted text 삭제표시 – Inserted text 첨삭 – Subscript text 아래첨자 – Superscript text 위에첨자​출처 : https://html-css-js.com/html/tutorial/text-formatting.php