분류 전체보기

블록 태그와 인라인 태그에 대해서 공부했다. 처음에 많이 헷갈렸는데 실습을 해보면서 무슨차이 인지 깨달았다. 또, display:block/inline/inline-block 에 차이에 대해서도 이해했다. display를 이용하면 블록태그를 인라인 태그로 바꿀 수 도있고 인라인 태그를 블록태그로 바꿀 수 도 있다. 또 , inline 태그는 크기 조절이 불가능하지만 inline-block을 이요하면 inline속성을 가지면서도 크기 조절이 가능하다. 그 다음은 position을 이용해서 원하는 위치에 배치시키는 실습을 해봤다. fixed와 float가 헷갈린 부분이 있었는데, 실습을 해보면서 차이를 알 수 있었다. 그래도 아직 헷갈리는 부분이 존재해서 더 실습을 해봐야할 것 같다.

파일 쪼개기에 대해서 실습해봤다. 저번시간에는 객체를 만들어서 연관있는 변수나 함수를 그룹핑하는 실습을 해봤는데, 오늘은 야간/주간 모드에 해당하는 코딩전체를 따로 color.js라는 파일로 저장했다. 사진처럼 로 저장해놓은 코딩을 파일로 불러오기만해도 전과 동일한 동작을 한다. 코딩은 그만큼 보기 편해졌고, 무슨 의미의 코딩인지 알기도 편해졌다. 그리고 library 중에 하나인 jquery를 사용해서 반복문같은거나 함수를 간단화해서 사용하는 실습도 해봤다. $('a').css('color',color); 를 사용하면 전체 a 태그를 color속성을 주는 함수를 만들어준다. 4~5줄이 넘는 반복문을 단 한줄로 대신 할 수 가있다. jquery는 새로운 언어가 아니라 javascript로 미리 만들어둔 ..

객체에 대해서 실습을 했다. 객체는 연관된 변수나 함수들을 그룹핑해서 정리하는 것. 객체 안에 데이터를 넣을때는 그 데이터를 지정하는 이름을 넣어준다. key key를 이용하면 객체 안에 있는 데이터를 꺼낼 수 있다. 객체 안에 있는 모든 데이터를 꺼내고 싶을때에는 반복문 for을 사용한다. for (var key in coworkers){ } --> coworkers라는 변수의 객체 안에있는 모든 key를 꺼낸다는 뜻이다. 그리고 객체안에는 함수가 들어갈 수 있는데 객체안에 속해있는 함수를 method라고 한다. 저번 시간에 function을 이용해서 반복되는 코드를 함수로 지정해서 야간/주간 모드를 바꿔주는 코딩을 만들었었다. 이번에는 반복되는 function을 객체를 이용해서 수납하는 실습을 했다...

function에 대한 실습을 했다. fintion은 반복되는 코딩을 깔끔하게 해주는 수납공간의 역할을 해준다. 저번에 배웠던 반복문 while도 같은 기능이였지만, while 은 단순하게 반복되는 것에만 가능했고, funtion은 규칙적이지 않은 반복문에도 사용할 수 있다. funtion은 입력과 출력이 있는데 입력에 종류중에는 Parameter & Argument 두가지가 있다. Argument는 함수로 전달해주는 값들 사용자에 의해서 변하는 값들을 말한다. 우리말로는 "인자" 라고 한다. Parameter 는 이 "인자"들을 받아서 함수 안으로 매개 해주는 변수들을 말한다. 우리말로는 " 매개변수"라고 한다. left,right에 해당하는게 Parameter고 sum 이라는 함수를 사용해서 2,3이..

배열과 반복문을 배웠다. 배열은 데이터가 많아짐에 따라 연관된 데이터들을 담아두는 수납상자의 역할이라고 볼 수 있다. 배열로 데이터를 담아두고 여러가지 명령문을 이용해서 배열안의 element 숫자를 확인하거나 아니면 index 번호 를 통해서 해당 위치에 있는 element의 값을 불러오는등 다양한 기능이있다. 반복문은 while 아니면 for을 사용하는데 while만 배웠다. while을 이용하면 단순히 복사 붙혀넣기가 아닌 조건을 통해서 몇번을 반복하고 언제까지 반복하게 할 건지를 정할 수 있다. 그리고 배열과 반복문은 두개가 합쳐서 쓰기 좋다. 배열안에는 많은 데이터가 있고, 반복문을 이용하면 간단한 코딩으로도 배열안에 있는 데이터들의 값을 모두 꺼내오는 것이 가능하다.

자바스크립트를 이용해서 body 부분에 css 속성을 주는 실습을 해봤다. 웹페이지에 버튼을 클릭하면 야간모드와 주간모드를 만들어주는 실습이였다. HTML은 단지 웹페이지를 보여주는것에 그치지만 JavaScript를 이용하면 사용자와 상호적인 동작이 가능하게 해준다. 그 과정에서 조건문을 사용해서 처음에는 야간모드/ 주간모드 버튼을 두개로해서 만들었지만, 버튼 하나로 야간/주간 모드를 변경할 수 있는 코딩도 실습해봤다. 그 과정에서 boolean이라는 개념도 배웠다. boolean은 true&false 두가지가 있다. if라는 가정문이 참일땐 어떤 동작을 하게하고 거짓일땐 또 다른 동작을 하게하는 것이었다. 그리고 코딩에서 가장 중요한것 중에 하나가 리펙토링이라고 한다. 코딩에서 동작에 변화를 주지않는 ..