푸들푸들

**스네이크 케이스 : 모든 단어를 소문자로 표기하고, 단어를 언더바로 연결하는 방법 1. Bootstrap - jumbotron***padding: top bottom left right;    padding: 0 100px; → top, bottom=0 left, right=100px***width, margin, padding 등 style 편집은     먼저 페이지에서 마우스 우클릭-검사-style에서 숫자 고쳐가며 확인해보고 고치기2. Bootstrap - cards 3.구글 폰트  4. 완성 스파르타코딩클럽[왕초보] 코딩이 처음이어도 쉽게 배우는 웹개발 A to Z1주차 ~ 3주차 숙제

JSON서버 → 클라이언트API : 운영체제와 응용프로그램 사이의 통신에 사용되는 언어나 메시지 형식(by 네이버)              - 통상적으로 허락된 곳의 접근만 허락              - open API : 누구나 접근 가능JSON : Key:Value로 이루어짐 (자료형 Dictionary와 유사) 클라이언트 → 서버클라이언트가 요청 할 때의 데이터 타입 : GET, POST  GET : 데이터 조회(Read)를 요청할 때 - 영화 목록 조회  POST : 데이터 생성(Create), 변경(Update), 삭제(Delete)를 요청 할 때 - 회원 가입, 탈퇴, 비밀번호 수정 GET다음 영화에서 명량 검색 (현재는 다음 영화 서비스 종료)주소 → https://movie.daum.ne..

Fetch인테넷을 통해 데이터를 요청하고 받아오는 과정 추억앨범 - jQuery 적용 (1) '추억 저장하기' 버튼을 누르면 posting box 없어지게 하기 (2) posting box에 입력한 데이터를 바탕으로 카드 생성하기*.val() : jQuery 매서드 중 하나, 선택한 요소의 값을 가져옴  스파르타플릭 - jQuery 적용(1) '영화 기록하기' 버튼을 누르면 posting box 없어지게 하기 (2) posting box에 입력한 데이터를 바탕으로 카드 생성하기결과    스파르타코딩클럽[왕초보] 코딩이 처음이어도 쉽게 배우는 웹개발 A to Z3주차 3-1 ~ 3-5

jQueryJavascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드, 라이브러리 jquery 코드스니펫 -head에 입력(저번 자의 onclick과 이어짐) (1)  (2)  **let temp_html = `${a}` → 함수 만들 때 백틱(`) 기호를 씀   - 백틱(`) : 키보드 1 왼쪽, ~ 와 같이 있는 기호   스파르타코딩클럽[왕초보] 코딩이 처음이어도 쉽게 배우는 웹개발 A to Z2주차 2-10 ~ 2-11

Javascript웹개발의 표준서버 만들기도 가능 →프론트엔드, 백엔드 모두 가능 변수, 자료형, 함수, 조건문, 반복문 변수값을 담는 것console.log() = console창에 띄우기*console창 = 개발자 도구프로그래밍 언어에서 '='은 '같다'의 개념이 아닌 오른쪽에 값을 왼쪽에 넣어줘!변수 이름은 내가 알아보기 쉽게, 직관적으로 짓기 자료형-리스트 순서 -딕셔너리 키(Key)-밸류(Value) 값의 묶음 조건문반복문 Alert  스파르타코딩클럽[왕초보] 코딩이 처음이어도 쉽게 배우는 웹개발 A to Z2주차 2-5 ~ 2-9

프로젝트-스파르타플릭스 만들기(1)상단 만들기폰트 등 이전 파일에서 미리 복사 해두기 부트스트랩- jumbotron 검색마우스 우측 버튼-검사- 해당부분 마우스 우측 버튼-Edit as HTML-복사 꾸미기를 위해 div로 새로 감싸고 새로 class 명명하기 부트스트랩으로 버튼 모양 바꾸기 상단바 만들기 : 부트스트랩-Examples-Headers배경색 검은색으로 바꾸기*태그 이름{} .이름표 이름{}(2) 카드 붙여넣기mycards class 만들기 *4장(3)포스팅 박스 만들기 *style을 바꿀 때 어느 부분은 바꿔야하는지 헷갈릴땐 '해당 페이지-마우스 우측-검사'를 통해 어느 부분인지 확인  스파르타코딩클럽[왕초보] 코딩이 처음이어도 쉽게 배우는 웹개발 A to Z2주차 2-1 ~ 2-4

CSS 기초CSS=꾸미기 - 꾸밀 대상을 지칭하는 것이 중요 태그 안에 묶인 코드만 복사 → style 태그 안에 넣기 → ';' 꼭 확인하기CSS class 탭의 코드 복사 → 전체 적용(*{ })부트스트랩https://getbootstrap.com/부트스트랩 버튼https://getbootstrap.com/docs/5.3/components/buttons/ 프로젝트-추억앨범(1)div안의 내용을 가운데 정렬 버튼 꾸미기 (2)     스파르타코딩클럽[왕초보] 코딩이 처음이어도 쉽게 배우는 웹개발 A to Z1주차 1-7 ~ 1-12

브라우저브라우저의 역할 1. 요청을 보내고 2. 받은 HTML 파일을 그려주는 것 우리가 보는 웹 페이지는 서버에서 준비해두었던 것을 “받아서”브라우저에서 우리가 볼 수 있도록 “그려주는” 역할을 수행 *요청하는 쪽 - 클라이언트         주는 쪽 - 서버 브라우저는 주소를 통해 API로 요청을 보내고API는 요청에 맞는 HTML파일 돌려주고브라우저는 받은 것을 화면에 그려줌 VS Code(Visual Studio Code) 마이크로소프트 사에서 개발한 코드 에디터  HTML 기초 HTML : 웹의 뼈대를 잡아주는 구역을 나타내는 코드CSS : 뼈대를 꾸며주는 코드Javascript : 움직임을 주는 코드 HTMLhead : 페이지의 속성 정보(눈에 보이는 부분 외)meta, script, styl..