본문 바로가기

Programming

 (99)
예제풀이중 보충내용 double형 자료형- 입력받을때는 서식문자 %lf 사용- 출력할때는 서식문자 %f사용 함수를 사용하면 코드가 간결해짐 ( 이왕이면 예제풀이할때 함수를 자주 사용해보기) 코드를 짤때 감이 안잡히는경우 입력과 출력을 중점으로 전반적인 그림을 그린후 코드화하기 함수에서 return값만 준다고 자동으로 출력시켜주진 않음.함수를 실행시켰을때 값을 출력해주길 원하면 함수 몸체부에 printf 선언 후 return값을 넣어줘야함. 리터럴 상수 : 값의 변경이 불가능한 상수심볼릭 상수 : 변수와 마찬가지로 이름을 지니는 상수 ( const 상수 , 매크로 이용 상수 ) 연산시 피연산자의 자료형이 일치하지 않아 발생하는 자동 형 변환은 데이터의 손실을 최소화하는 방향으로 진행됨. 아스키 코드 ( ex: A = 65 ,..
HTML 태그 정리 웹에서 자주 보이고 자주 쓰이는 내용들만 정리할것 // (paragraph) 단락 표현 // 입력한 정보를 서버에 전송하고자 할때 사용 //입력한 정보를 다음 url로 전송 //post방식으로 데이터 전송 //사용자가 정보를 입력할수 있는 박스를 만듬 "text" = 타이핑 박스 생성 , "password" = 비밀번호 박스 생성 , "submit" = 제출 박스 생성 ,"button" = 버튼 생성 "hidden" = UI가 없지만 서버로 값을 전송하고자 할떄 사용 , 눈에 보이지않도록 전송"file" = 파일을 전송할수있는 UI생성 (메소드는 post , enctype="multipart/form-data" 설정) 안하면 서버로 데이터를 넘길때 파일의 경로명만 전송되고 파일 내용이 전송되지 않는다. ..
Node의 관계 API Node 객체는 Node 간의 관계 정보를 담고 있는 일련의 API를 가지고 있다. 노드 객체 관계도 ( 출처 : opentutorials.org ) Node.firstChild // 첫번째 자식 노드 Node.lastChild // 마지막 자식 노드 Node.nextSibling // 다음 형제 노드 ( 형제 노드는 같은 레벨에 있는 노드를 말함 ) Node.previousSibling // 이전 형제 노드 Node.childNodes //자식노드들을 유사배열에 담아서 리턴 [0] , [1] 요소들을 각자 배열처럼 뽑아낼수있음
jQuery 속성 제어 API 지금까지 살펴본건 Element의 API에 해당되는것들이다. 앞으로는 jQuery의 API들을 알아보자. 우리가 앞서 DOM에서 속성을 제어할땐setAttribute(속성 값 설정), getAttribute(속성 값 가져오기) , removeAttribute(속성 값 삭제) 등을 이용했다. 이러한 DOM의 메소드들의 대응되는 jQuery메소드는 attr이다. (attribute의 준말이다.) 8행 : 속성값으로 id는 target href는 "opentutorials.org"인 opentutorials 를 선언하고 11행 : jQuery 함수를 통해 ID값이 target인 엘리먼트를 t에 저장12행 : jQuery객체 t의 메소드 attr를 통해 href를 인자로 전달, 즉 t의 href 출력 13행 :..
식별자 API 식별자 : 엘리먼트들을 식별할 수 있는 , 제어할 수 있는 것Element 객체의 식별자 API Element.tagName // 해당 엘리먼트의 태그 이름을 알아낸다.(태그이름 변경은 불가) ex)JavaScript li태그를 이용해 active라는 id를 가진 엘리먼츠를 먼저 선언하고 getElementById를 통해 'active'라는 ID를 가진 엘리먼트 조회 , .tagName을 이용해 해당 엘리먼트의 태그네임(li) 확인가능 Element.id //문서에서 id는 단 하나만 등장할 수 있는 식별자다. 아래 예제는 id값을 읽고 변경하는 방법을 보여준다. JavaScript //id 식별자가 active 보는바와 같이 id식별자는 변경이 가능하다. Element.className //클래스는 여..
jQuery 객체 체이닝은 선택된 엘리먼트에 대해서 연속적으로 작업을 처리하는것을 의미 .constructor.name 조회한 객체가 단수개의 리턴: HTMLElement 조회한 객체가 복수개의 리턴: HTMLCollection (유사배열) $('li') 는 jQuery함수이며 li라는 css선택자를 조회한다. var li= $('li') 는 함수 실행결과를 변수 li에 담는다. li에 담긴것을 jquery 객체라고 한다. 이 두가지는 꼭 구분하자. jQuery객체가 하는일은 우리가 jQuery함수의 인자로 선택한 엘리먼트들의 정보를 가지고 있으면서 동시에 작업이 가능한 객체 li.css('text-decoration','underline'); // li라는 객체의 css라는 메소드를 이용해 속성 수정| jQuery 객체..
jQuery jQuery는 자바스크립트를 사용하는 사람들이 많이쓰는 라이브러리 ( 라이브러리 : 자주 사용하는 로직을 재사용할 수 있도록 고안된 소프트웨어 ) jQuery의 기본 문법은 단순하고 강력. $('li'').css('color','red'); $( )는 jQuery의 함수, 이 함수의 인자로 CSS selector(선택자) (ex: (li))를 전달하면 jQuery 객체라는 것을 리턴한다. jQuery 함수가 리턴하는 것이 jQuery 객체 이 객체는 선택자에 해당하는 엘리먼트를 제어하는 다양한 메소드를 가지고 있다. 위에서 css는 선택자에 해당하는 객체들의 style에 color:red로 변경한다. DOM(Document Object Model) 기반으로 자바스크립트를 사용할때와 jQuery 기반으로 ..
제어 대상 찾기 ( getElementById ) 이번에 배우는 getElementsById는 사용되는 빈도가 많다. id값을 기준으로 객체를 조회하며 , 성능면에서 가장 우수하다! 특징은 이전에 배웠던 getelementsByTagname 과 getElementsByClassName과는 다르게 element가 단수형이다. 즉 얘가 조회한 결과는 하나의 결과만 갖는다는 특징이 있다. 또한 html의 속성중 id값을 기준으로 조회한다. (문서에서 id는 하나의 엘리먼트만 식별하는 특별한 식별자다!) 다음 예시를 보자. 10행에서 li태그 중 id값을 가진 엘리먼트는 하나 뿐이다. 이때 getElementById를 이용한다. 14행을 보자 , li = document.getElementById('active');이 문서에서 Id값이 'active'인 엘리먼..

티스토리툴바