잇뉴얼 (IT_Manual)

[Ajax] Ajax 기본 코드 작성 방법 Ajax란 Asynchronous JavaScript and XML의 약자 ★ 참고 ★ Ajax 를 사용하기 위해서는 HTML안에 JQuery 라이브러리가 포함되어있어야합니다. 포함이 되어있지 않을시에는 에러가 발생하게 됩니다. JQuery 라이브러리 코드 : 기본 코드 작성 방법 $.ajax({ type: "GET", // 혹은 POST, PUT, DELETE 작성 가능 url: "URL 작성", data: {}, // type:"GET" 방식일 경우는 비워두기 success: function(response){ console.log(response) // 받아온 데이터 결과 출력 } }) 코드 설명 설명 type 'GET' 혹은 'POST'입력 GET : 데..

[JQuery] 제이쿼리를 이용한 HTML요소 추가 방법 목표 : JQuery를 이용해 HTML을 요소를 추가 사용 코드 : $("#id이름 혹은 .class이름).append(변수명) ▶ HTML 요소 추가 방법 JQuery 작성 Jquery를 이용하기 위해 먼저, JQuery 라이브러리 코드를 추가한 다음, 태그를 이용해서, JS 함수를 하나 생성해줍니다. 함수안에 새로운 변수를 생성하게되는데, 이 변수안에 HTML요소를 작성해주시면 됩니다. 주의할 점은 따옴표(')가 아닌 백틱(`)으로 감싸고 있는 점인데요. 백틱은 숫자 1 왼쪽 키보드를 보면 물결표와 함께 같이 있습니다. 그리고 '$("#id이름 혹은 .클래스 이름").append(변수명)' 을 작성해줍니다. 이 코드가 해당 id 혹은 클래스이름..

[JQuery] HTML 요소 숨기기 / 보여주기 (hide, show) ▶ HTML 요소 숨기기 - hide() 제이쿼리를 이용해서 간단하게 HTML요소를 숨길수가 있습니다. 텍스트 입력창 숨기기 코드를 보면, 태그안에 숨길 요소에 'id'를 작성해준 다음, 위쪽에 태그 안의 자바스크립트에 'hide_fun()'이라는 함수를 선언한 다음, 해당 함수 안에 '$("#text_box").hide();'이라 작성을 해놓았습니다. 해당 코드가 'text_box'라는 id를 가진 태그를 숨겨주게됩니다. 그리고 이 함수를 실행하기 위해, 버튼을 하나 생성한 다음, 'onclick'속성을 추가시켜서 해당 함수를 실행할 수 있도록 코드를 구성하였습니다. ▶ HTML 요소 보여주기 - show() 제이쿼리를 이용해서 ..

[JQuery] 제이쿼리 임포트 & 사용방법 자바스크립트를 공부하시는분이라면 '제이쿼리(JQuery)'를 들어보셨을껍니다. '제이쿼리'는 자바스크립트를 미리 작성해둔 라이브러리로 자바스크립트에서 복잡했던 코드를 간결하게 만들어주는 역할을 하는데요. // 자바스크립트 코드 document.getElementById("element").style.display = "none"; // 제이쿼리 코드 $('#element').hide(); 위의 코드를 보더라도, 제이쿼리의 코드가 간결하다는것을 확인할 수 있습니다. 단 이 '제이쿼리'를 사용하기 위해서는 코드를 임포트 해줘야 사용이 가능합니다. ▶ 제이쿼리 임포트 (import) 위의 코드를 작성하지 않는다면, 제이쿼리코드 작성시 에러가 발생할 수 있으니, 꼭 ..

[JavaScript] 자바스크립트 경고창 띄우기 ▶ 목표 웹페이지에서 버튼을 눌렀을 경우, 경고창의 띄우기 자바스크립트 코드 (HTML 내부 작성) 태그안에 태그를 작성 후, 자바스크립트 코드를 작성합니다. 자바스크립트안에 'alert_fun()'함수를 선언한 다음 웹페이지에서 '경고창'을 띄우기 위해 'alert(원하는 내용)'을 작성해줍니다. HTML 태그 버튼을 눌러주세요. 태그안에 태그를 생성해줍니다. 코드를 보면, 'onclick'이 보이는데요. 'onclick'은 자바스크립트의 함수를 불러오는 역할을 하게됩니다.

[CSS] CSS 작성방법 (인라인 스타일, 내부 스타일 시트, 외부 스타일 시트) ▶ 인라인 스타일 인라인 스타일 인라인 스타일 '인라인 스타일'은 태그안에 CSS코드를 바로 작성할수 있습니다. 태그안에 style="CSS코드;"를 작성하면되며, CSS 여러코드를 적용하길 원하신다면, 'style = "CSS코드; CSS코드;" 형식으로 코드가 끝나는곳에 세미콜론 ';'을 작성하시고 추가로 작성하시면 됩니다. ▶ 내부 스타일 시트 인라인 스타일 코드 내부에 이라는 태그를 작성해준 다음, 태그안에 CSS를 작성하는 방식입니다. CSS 작성방법은 다음과 같습니다. 코드 작성 방법 설명 태그명 { CSS 코드 } 해당되는 태그 전부 CSS 코드 적용 #id명 { CSS 코드 } id가 작성되어있는 태그에만 ..

[HTML] HTML 태그 정리 구역을 나누는 태그 문단 태그 리스트 목록(동그라미) 리스트 목록(동그라미) 제목을 나타내는 태그 소제목 태그 글자 크기 h3 글자 크기 h4 글자 크기 h5 글자 크기 h6 span 태그 : 특정 글자를 꾸밀 때 써요 a 태그 : 하이퍼링크(각종 링크) img 태그 : input 태그: button 태그 : 버튼입니다 textarea 태그 : 한줄이 아닌 여러줄을 작성할때 사용되는 태그 구역을 나누는 태그 문단 태그 리스트 목록(동그라미) 리스트 목록(동그라미) 제목을 나타내는 태그 소제목 태그 글자 크기 h3 글자 크기 h4 글자 크기 h5 글자 크기 h6 span 태그 : 특정 글자를 꾸밀 때 써요 a 태그 : 하이퍼링크(각종 링크) img 태그 : input 태그:..

[Python] 파이썬 반복문 (for문) 코드를 한번만 사용하는게 아니라, 반복적으로 사용해야될 경우가 있습니다. 이럴경우 '반복문 (for문, while문)'을 사용하면, 코드를 반복해 실행가능합니다. 이번 포스트에서는 for문에 대해 다뤄보겠습니다. ▶ for 문 list = ['a','b','c','d','e'] nums = [1,2,3,4,5] for i in range(0,5): print(list[i]) for num in nums: print(num) # 결과 # a # b # c # d # e # 1 # 2 # 3 # 4 # 5 코드 작성 방법 설명 for 반복문안의 변수명 in range(시작숫자,끝숫자): 실행할 코드 작성 for키워드를 작성한 다음, for문안에서 사용할 변수이름을 ..

[Python] 파이썬 조건문 (if, if ~ else, if ~elif ~else) 코드를 작성하다보면, 조건에 맞게 코드를 실행할 수 있도록 해야되는경우가 있습니다. 이럴경우 사용하는게 조건문 (if, if ~ else, if ~ elif ~ else)문인데요. 조건이 참인경우 코드를 실행하며, 조건이 거짓인경우 코드를 실행하지 않습니다. 이번 포스트에서는 이 조건문을 다루는 방법에 대해 알아보겠습니다. ▶ 조건문 - if a = 20 if a == 20: print('a의 값이 맞습니다.') # 결과 # a의 값이 맞습니다. 코드 작성 방법 설명 if 조건 : 실행할 코드 작성 조건문중 가장 기본적인 조건문으로 'if'를 작성한 다음, 해당 코드를 작성하기 위한 조건을 작성, 조건이 참일경우, 실..

[Python] 파이썬 딕셔너리 (Dictionary) 변수는 하나의 데이터를 저장해주는 역할을 합니다. 그러나, 데이터의 양이 많아지면 변수도 많이지게 되어서 코드를 작성하는데 많이 힘들어지게 되는데요. 이러한 불편함을 해결해줄수는것이 바로 리스트(List)와 딕셔너리(Dictionary)입니다. 이번 포스트에서는 딕셔너리(Dictionary)에 대해 다뤄보도록 하겠습니다. ▶ 딕셔너리 (Dictionary) 딕셔너리 구성은 {key:value}로 구성이 되어있습니다. _dict_empty = {} _dict_empty1 = dict() _dict = {"one":1,"two":2} _dict1 = dict(one=1,two=2) _dict2 = dict([('one',1),('two',2)]) pri..