써니스크립트 글쓰기

javascript 줄임말- jQuery 문법 https://sunnyscript.tistory.com/14 서버 통신에서 보내주는 JSON형식의 데이터 https://sunnyscript.tistory.com/17 Ajax https://sunnyscript.tistory.com/18 과제 오류 원인 1. 스크립트문법 ( jQuery문법 $~~~) 안에 또 스크립트 문법$~~~ 들어갈 수 있음. $(document).ready(function() { ~~~ $.ajax ({~~~~ success: function(response) { ~~~ $("#temp").text(response)~~~ 2. 텍스트 바꾸는 문법 $("#부여한_이름").text("바꾸려는 텍스트") -----> txt 아님. '' ..

CSS(꾸미기) 코드를 모아둔 - 부트스트랩 javascript(움직이기) 코드를 모아둔 - 라이브러리 라이브러리( jQuery ) 를 사용하면 짧고 직관적으로 쓸 수 있다. 이렇게 미리 작성된 javascript코드를 가져오려면 ('임포트' 하려면) 사이에 CDN(Content Delivery Network) 를 넣어두어야 함. https://releases.jquery.com/ 에서 minified 버전의 스크립트 태그 가져오기 jQuery 문법 이름부여는 id 로 한다. 기본적으로 필요! id = 부여한_이름 class 로도 이름 부여 가능! -> .클래스명 콘솔창에, $('#부여한_이름') 부여한 id이름에 jQuery를 먹일것이다 $('#부여한_이름').val('어쩌구') 부여한 id이름에 j쿼..

javascript는 부분에 를 만들고 입력. 안에 function hey() { alert('안녕!') } hey()에 부여된 기능 => 알림창을 띄운다 (안녕! 이라고 써짐) 안에 영화 기록하기 버튼을 클릭하면 => hey()를 호출해라 - console.log(변수) 개발자가 결과값을 보기 편하도록 괄호 안의 값을 콘솔창에만 출력함. - .split('@') 특정 문자로 문자열을 나누고 싶은 경우 @앞뒤로 문자를 나눈다 - .split('@')[1] 나눈것 중에서 앞에껀 0, 뒤에껀 1. 1을 출력한다 let myemail = 'sparta@gmail.com' let result = myemail.split('@') // ['sparta','gmail.com'] result[0] // sparta ..

가로사이즈 설정이 가장 관건. 창크기의 95%로 폭 자동으로 맞추다가 500px이 넘어가는 순간 부터는 500px로만 고정해서 보여줘 width: 95%; max-width: 500px;

부트스트랩 bootstrap 완성된 CSS를 모아둔 것 부트스트랩 컴포넌트 5.0 https://getbootstrap.com/docs/5.0/components/buttons/ Buttons Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. getbootstrap.com

구글 웹폰트 사이트 https://fonts.google.com/?subset=korean *우상단에 selected family가 켜진 상태에서. 1) [select this style] 클릭해서 폰트 담기 2) 폰트속성 복사 3) head의 아래에 붙여넣기 4) 폰트속성 CSS rules 복사. font-family:~~~~; 5) head의 안의 내용을 ~~.css파일에 붙여넣고/작성하고 html에서 head 의 대신 넣으면 됨.

1) 꾸밀 구역에 이름 설정 2) 태그 안에서 이름 소환 후 꾸밀 것들 지정 .내가정한이름 { ~~~~~(꾸밈속성들) } 배경관련 background-color 구역의 배경색 (통째로) background-image 이미지 소환. 원본크기 그대로 불러와서 구역크기만큼만 보임. background-size 배경이미지 크기 조절 *기본값(미지정)은 원본크기 *contain - 구역 안에 이미지 전체가 나오는 정도 안에서 제일 크게 담김. 비율이 안맞아서 비는 부분은 이미지 반복으로 채워짐 *cover - 좀 잘리는 한이 있더라도 비는 부분 없이 구역에 꽉차게 채워짐. (제일 많이 사용) background-size 배경이미지 구역 내 위치 조절 *기본값(미지정)은 왼쪽 윗부분 맞춤 => background-..

- HTML은 구역과 텍스트를 나타내는 코드 - CSS는 잡은 구역을 꾸며주는 것 - head안에는 페이지의 속성 정보를 담음 meta, script, link, title, style - body안에는 페이지의 내용을 담음 구역분류 태그 1) 구역 나누기(묶기) division 2) 문단 나누기(묶기) 3) 안에 속한 리스트들 구역 안에 들어간 콘텐츠 태그들 1) 제목 2) 글자 일부분 꾸미기 태그 특정 글자를 꾸밀 때 써요 주로 와 태그와 함께 웹페이지의 일부분에 스타일을 적용시키기 위해 사용됩니다. span 태그안에 아무런 컨텐츠가 없다면 해당 부분은 아무런 변화가 없지만 span태그 내부에 객체가 들어가면 그 객체의 크기만큼 공간이 할당이 됩니다. 태그로 요소를 감싸면 CSS나 Javascript..

HTML Hyper Text Markup Language anchor. 닻. 정보의 바다에 정박한다. 하이퍼텍스트. 문자를 뛰어넘다. link의 기능 anchor hyper text reference 프로그래밍중 하이퍼링크 주소가 미정인 경우 "#"으로 표시 새 탭에서 열리게 하기 링크에 마우스 올리면 나타나는 툴 팁(설명)

굵은글씨 underline. 밑줄 heading. 제목. 중요도에 따라 1~6. 제목처럼 글씨 굵어지고 줄바꿈. 구글 검색노출 용이. new line. 줄바꿈. 단독사용. paragraph. 하나의 문단 구분. 시각적으로는 두번 사용한 것과 비슷. 그러나 html 정보로서의 문단 의미 내포. image. source. 이미지 삽입. 불러올때 필요한 관련 속성들. List. 목록. 줄바꿈 되어 목록처럼 표시됨. ordered List. 여러 주제의 항목들( )을 묶어주는 항목 문단 역할. ordered List. 하위 항목들( )에 자동 넘버링. 사용자에게 보여주는 웹페이지의 제목. 검색엔진에서 책표지의 제목 역할. 탭에 보이는 제목. character set. 문자 규칙. utf-8 방식으로 문서를 읽고..