일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Crawling
- NAS
- synology
- java
- portfolio
- Project
- pymongo
- json
- flaskframework
- atlas
- POST
- github
- fetch
- javascript
- CRUD
- CSS
- requests
- PYTHON
- OOP
- get
- frontend
- flask
- body
- venv
- backend
- mongodb
- Algorithm
- beautifulsoup
- mysql
- openapi
- Today
- Total
목록Python&Flask Tutorials, AWS EB (96)
wisePocket
****Dictionary란 key, value 형태로 구성된 collection 아래 코드와 같이 로그를 확인했을 때 값이 나타나는 것을 주의해서 살펴봐야한다. Java의 배열과 햇갈리는 부분이지만 문법의 규칙만 []와 {}의 차이를 생각하면 된다. index는 [0]부터 시작한다. [1]부터가 아니다 let a = ['사과','수박','딸기','감'] console.log(a[0]) //사과 console.log(a[1]) //수박 console.log(a[2]) //딸기 console.log(a[3]) //감 {}에 포함된 것들을 불러올 때 []로 마치 key값 : value값, key값 : value값 으로 연결 된 것을 확인 할 수 있다. let b = {'name' : '영수', 'age' :..
head 태그 내 script 태그 생성 hey()라는 함수는 alert('안녕!!') 이라는 메세지를 출력하도록 설정 function hey(){ alert('안녕!!') } body 태그 내 위 hey()함수가 작동 될 위치 설정 영화 기록하기 추후 각종 개발 테스트를 위한 console.log를 추가했다. function hey(){ alert('안녕!!') console.log('콘솔 로그 체크용입니다.') } "버튼을 누르는 행위"에 대한 직접적인 디버그를 위해서는 버튼에 alert를 적용하면 쉽게 상태를 확인 할 수 있다. 하지만 생각보다 알림창이 거슬리기 때문에 console.log를 통해서 테스트, 디버깅 하는 것이 편리하다. 해당 스터디는 아래 깃을 통해 업데이트 되고 있습니다. http..
1. 메인 페이지의 코드를 간소화 시킴 2. 협업 시 분리 작업 가능 3. 프로젝트 관리 편리 head태그 내에서 링크태그를 통해 태그 내 꾸밈 코드들을 분리 할 수 있다. index.html의 에 추가된 내용 index.html의 style태그 코드는 모두 주석(삭제) 처리 되었다. /* style.css로 모듈화 시킴 */ new file으로 style.css 파일 생성 style 태그 내에 있던 코드를 해당 파일로 옮김 * { font-family: "Gowun Dodum", sans-serif; } .mytitle { width: 100%; height: 250px; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0,..
아이디와 패스워드 input 속성인 type="text"와 type="password"를 활용 추후에 form태그로 감싸고 method 속성을 통해 통신해야 한다. head태그에서 style태그를 통해 클래스, 아이디 등 선택자를 지정하여 다양한 style을 적용 시킬 수 있다. DOCTYPE html> Document .mytitle { color:red; font-size:40px; } .mybtn { font-size: 12px; background-color: green; color: white; } .mytxt { color: green; } 로그인 페이지 ID : PASS : 로그인 하기 해당 스터디는 아래 깃을 통해 업데이트 되고 있습니다. https://github.com/yzpocket/..
1주차 강의를 통해 HTML, CSS과 Bootstrap 활용을 빠르게 복습 할 수 있었다. 다시 천천히 코드를 작성하고 변화를 관찰하면서 코드 작성법을 익히고 있으며 관련 단축키들도 다시 익숙해지고 있다. // HTML html 주요 태그로는 !doctype 선언문과 html, head, body, div, h1-5, button, input, p, br, img src, label 등 // CSS css 주요 태그로는 color(text),background-color:(background), font-size, font-family, margin, padding, text-align, width, height, border 등 태그 내의 여러 속성값을 지정하는 방법에 대해서 익숙해지고 검색을 생활화..
더욱 진지한 자세로 시작하려 합니다. 1. 강의 7월 내로 2회 완주를 목표로.. 2. 협업 커뮤니케이션 툴 Gather, Notion, Slack 해당 스터디는 아래 깃을 통해 업데이트 되고 있습니다. https://github.com/yzpocket/Sparta99training GitHub - yzpocket/Sparta99training Contribute to yzpocket/Sparta99training development by creating an account on GitHub. github.com