IT 공부

객체에 대해서 실습을 했다. 객체는 연관된 변수나 함수들을 그룹핑해서 정리하는 것. 객체 안에 데이터를 넣을때는 그 데이터를 지정하는 이름을 넣어준다. 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라는 가정문이 참일땐 어떤 동작을 하게하고 거짓일땐 또 다른 동작을 하게하는 것이었다. 그리고 코딩에서 가장 중요한것 중에 하나가 리펙토링이라고 한다. 코딩에서 동작에 변화를 주지않는 ..

지난 시간에 이어서 FORM 만드는 실습중에서 -을 이용해서 글자 또는 이미지와 input 태그를 한번에 묶어서 하나의 몸뚱아리로 만드는 것을 해봤다. text 박스를 클릭안해도 사용자 id 부분 글자를 클릭해도 텍스트 박스가 활성화되고 체크박스를 사용할때도 이미지나 글자와 같이 태그로 묶으면 체크박스에 직접 클릭안해도 글자나 이미지를 클릭하는 것만으로도 선택이 된다. -시간 정보 입력 을 이용해서 시간 정보를 입력할 수 있는 form 형태를 만들어봤다. - 시간 정보 입력을 활용해서 생일 날짜와 생일파티 시간 / 장소를 선택해서 확인누르면 서버에 저장되도록 만드는 웹페이지도 만들어 봤다. - 그리고 등을 사용해봤다 거기에 placeholder ="" 라는 속성을주면 ""안에 글자를 적으면 텍스트란에 회..

1. 스맨틱 태그를 이용하는 실습 일반 이나 태그만을 사용해서 웹을 만들게되면 검색엔진에 걸리지 않는다. 하지만 시맨틱 태그 등의 태그를 이용하면 검색엔진에 쉽게 검색이 될 수 있도록 해준다. 2. 만들기 로그인 화면에 아이디 입력창과 비밀번호 입력창을 만들어봤다. 그리고 datalist 를 이용해서 목록중에서 선택할 수 있도록 만들어 보기도 했다. 그리고 각종 버튼을 만들어봤다. 버튼을 만드는 방법에는 두가지가 있었다. 1) 을 주는 방법과 2) 이름 그리고 checkbox와 radio 를 이용해서 목록중에 클릭해서 선택하는 form형식도 만들어봤다. ============실습과정에서 궁금한점 + 막힌점 ============ 시맨틱 태그에서 CSS를 활용해서 따로 영역을 나눠 줬는데, 그 과정에서 사..