점미의 스터디 점미의 스터디

리팩토링(refactoring) - https://opentutorials.org/course/3085/18801 리팩토링은 코드를 더 용이하고 효율적인 코드로 수정하는 작업이다. (중복된 코드를 간결하게 작업하는 것도 포함)아래 코드는 this를 사용한 예제이다. WEB HTML CSS JavaScript JavaScript JavaScript (/ˈdʒɑːvəˌskrɪpt/[6]), often abbreviated as JS, is a high-level, dynamic, weakly typed, prototype-based, multi-paradigm, and interpreted programming language. Alongside HTML and CSS, JavaScript is one of..

조건문 - https://opentutorials.org/course/3085/18800 if문 뒤에는 Boolean타입인 true, false가 온다.그리고 true, false 둘 중 어떤것이 선택되느냐에 따라 다른 코드가 실행 된다. Conditional statementsProgramIF-true IF-false 조건문의 활용 - https://opentutorials.org/course/3085/18878 if문을 사용하여 버튼을 제어하는 예제이다.WEB HTML CSS JavaScript JavaScript JavaScript (/ˈdʒɑːvəˌskrɪpt/[6]), often abbreviated as JS, is a high-level, dynamic, weakly typed, protot..

조건문 예고 - https://opentutorials.org/course/3085/18879비교연산자와 Boolean 데이터 타입 - https://opentutorials.org/course/3085/18798 비교연산자는 Boolean 데이터 타입을 출력한다. Comparison operators & Boolean===1===1 1===2// true, false값을 합하여 Boolean 타입이라고 한다. 1<2 1<1

프로그램, 프로그래밍, 프로그래머 - https://opentutorials.org/course/3085/18876 각 단어의 정의프로그램 - 순서프로그래밍 - 순서를 만드는 일프로그래머 - 순서를 만드는 사람 HTML은 프로그램 언어지만 프로그래밍 언어라고 하지 않는다.왜냐하면 순서와 관련된 언어가 아니기 때문이다.JavaScript언어는 사용자와 상호작용하는 언어이기 때문에 사용자가 행위를 가하는 순서에 맞춰서 작동하게 된다.그래서 프로그래밍 언어라고 한다. HTML - 프로그램 언어JavaScript - 프로그램 언어, 프로그래밍 언어

제어할 태그 선택하기 - https://opentutorials.org/course/3085/18792 버튼을 클릭 하였을 때 body태그의 style속성이 바뀌도록 하는 태그WEB HTML CSS JavaScript JavaScript JavaScript (/ˈdʒɑːvəˌskrɪpt/[6]), often abbreviated as JS, is a high-level, dynamic, weakly typed, prototype-based, multi-paradigm, and interpreted programming language. Alongside HTML and CSS, JavaScript is one of the three core technologies of World Wide Web cont..

CSS 기초 - https://opentutorials.org/course/3085/18789 style속성 아래 h2태그에 디자인적으로 태그를 꾸미고 싶다면 style을 추가하여 css언어를 사용하면 된다.~~~ style 태그 div, span은 어떠한 기능도 없다. 그러므로 특정한 내용을 style로 꾸미고 싶을 때 해당 태그들로 감싸서 style속성을 줄 수 있다.하지만 div로 감싸게 되면 줄바꿈이 되므로 줄바꿈이 없는 span으로 감쌀수도 있다. ~~~ 만약 특정한 내용이 여러개가 있어서 그 내용들을 모두 바꾸고 싶다면 일일히 바꿔줄 수 없다.그럴 때는 아래와 같이 사용하면 된다.head태그에 style태그를 넣고 class가 js인 태그에 대해서 속성을 바꿔주도록 하면 된다.class를 선택..

웹브라우저 제어 - https://opentutorials.org/course/3085/18872 자바스크립트를 이용하여 웹브라우저를 제어할 수 있다. 아래는 html에서 body부분의 스타일을 변경해주는 코드이다.이것은 웹브라우저의 스타일을 변경해줄 수 있지만 한번 코드를 작성하면 웹브라우저에서 다른 동작은 취하지 않기 때문에 정적이다. 자바스크립트를 이용하면 사용자가 버튼을 클릭하였을 때 body부분의 스타일을 변경하게끔, 동적으로 만들 수 있다. 진행방법은 다음 게시물로 이어진다.

변수와 대입 연산자 - https://opentutorials.org/course/3085/18871 변수 - 바뀔 수 있는 값 아래에서 x,y는 변수이다.x의 값을 바꾸면 x+y의 값은 변한다.여기서 = 은 대입 연산자이다. 변수를 왜 쓰는가?: 변수를 쓰는 이유는 아주 많지만 그 중 하나는 사람의 실수를 줄이기 위해서 사용한다.많은 양의 내용 속에 어떤 값을 바꿀 때, 변수를 사용하면 많은 양의 내용에서 어떤 값을 찾을 필요가 없다.어떤 값의 변수의 내용을 변경해주기만 하면 된다.