일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 깃허브
- HTML
- 이클립스
- restapi
- chart.js
- 기업설명회
- 오류
- icon
- CSS
- bootstrap
- Firebase
- error
- github
- 코딩
- spring
- JavaScript
- 오블완
- SQLD
- 자바
- AJAX
- 웹개발
- SQL
- firestore
- 스파르타코딩클럽
- java
- vscode
- jQuery
- Eclipse
- myBatis
- 티스토리챌린지
- Today
- Total
목록스파르타코딩클럽/웹개발 기초 (12)
푸들푸들
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..