전체 글 103

Jquery와 Ajax

Jquery는 라이브러리*의 한 종류로 Javascript로 작성했을 때 복잡한 코드를 비교적 간단하게 구현할 수 있도록 도와준다. 먼저 Jquery CDN을 안에 임포트한 후 작성할 수 있다. css처럼 에서 대상을 지정한 후 에서 원하는 동작을 명령한다.(?) 대상 지정은 id="" 로 할 수 있는데, class와 다르게 한 대상만 지정할 수 있다. $('#대상').val(); 값 가져오기 $('#대상').hide(); 숨기기 $('#대상').show(); 보이기 let temp_html = $('#대상').append(temp_html); 원하는 값을 html에 구현하기 Ajax는 서버로부터 데이터를 받아올 수 있도록 요청하는 라이브러리이다. 서버에 요청을 할 때는 API라는 고유주소(?)를 이용해..

Today I Learned 2022.02.16

오늘의 깨달음

JavaScript 관련 let a = 'text' 이제부터 text를 a라고 부르겠다는 뜻: 선언 a 는 변수라고 한다. 변수는 컴퓨터와 서로 약속했기 때문에 ''를 써주지 않아도 되지만 'text' 엔 반드시 ''가 필요하다. 단어나 숫자 같은 짧은 데이터(?)외에도 list/dict형 변수 등이 들어갈 수 있다. (뭐든 넣고 짧게 줄이는 용도인 것 같다.) let a_list['사과','배','딸기','수박'] list형 변수는 안에 몇 개의 데이터(?)가 담겨 있다. 0부터 세기 시작하며 갯수를 length라고 한다. let a_dict = {'name':'bob','age':27} dict형 변수는 {key:value}의 구조로 key값을 물어보면 value로 대답한다. 여러 형태의 변수들을 굉..

Today I Learned 2022.02.16

CSS selector (중 기본선택자)

HTML로 작성한 뼈대를 에서 꾸미기 위해서는 대상을 특정해야 한다. selector는 이 때 사용하는 것으로 이름을 붙여주기도 하고, 요소를 특정하기도 한다. 종류는 굉장히 많다. (기본선택자, 그룹선택자, 결합자, 의사클래스/의사요소) 모두 이해하지는 못해서 기본적인 내용만 공부했다. 1. *: 모든 HTML 요소를 선택 CSS * {} 2. 유형(type)선택자: 지정된 태그명을 가진 요소를 모두 선택 CSS p {} HTML 3. .class: class 어트리뷰트 값을 지정해 일치하는 요소를 선택, 중복 가능 CSS .practice {} HTML 4. #id: id 어트리뷰트 값을 지정해 일치하는 요소를 선택, 중복 불가능 CSS #practice {} HTML 5. 특성(attribute)선..

Today I Learned 2022.02.15