드디어 ! . 완주

스파르타 웹개발 플러스 과정을 완주했다. 앞서 했던 웹개발 왕초보 과정에서 배운내용을 토대로 하는것이라서 그닥 하기에 막막하지는 않았지만, 뒤로갈수록 코드스니펫 복붙으로 인해 내 스스로 생각하는 시간이 적어져서 아쉬웠다. 그래도 상당히 강의 내용이 쉽게 따라할 수 있었기에 부담없이 나름대로 밀리지 않고 수업을 완주 한것 같다. 또한 스파르타 강의들을 들으면서, 웹개발이라는것이 어떤것인지 맛보는 과정이라고 생각했다. 본격적으로 하나를 깊게 파기보다는 약간 살짝씩 건드려보는느낌? 그 이후에 더 세부적으로 생각하고, 공부하며 만들어나가는건 나의 몫이겠지.. 그렇기에 강의 수강 완료에 그치지 않고, 더 구체적이고 전문적으로 공부해야 할 필요성을 느꼈다. 단순히 코드 복붙이 아닌. 서버와 클라이언트의 정확한 과정..

• format_list_bulleted ✍2021,2022/WEB
• · 2021. 8. 1.
• textsms

웹개발+4주차

Bulma로 웹 사이트 꾸미기 : 부트스트랩과 비슷한 기능임 : 무료 css 프레임워크 : 순수 css로 이루어짐 -> 커스터마이징이 쉬움 : 사용법이 부트스트랩보다 훨씬 직관적이고, 시간 단축가능 : 부트스트랩의기본 모양보다 벌마의 기본모양이 이쁨 https://bulma.io/documentation/ Bulma: Free, open source, and modern CSS framework based on Flexbox Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free. bulma.io Hero 배너..

• format_list_bulleted ✍2021,2022/WEB
• · 2021. 8. 1.
• textsms

3주차 개발일지~!

셀레니움 배운다. 마침 해킹 점검 툴 코드 짤때 셀레니움에 대해 처음 알게되었는데 오이게 웬걸~ 때마침 배우네 개이득 이번에 배울것 브라우저 제어 - selenium 웹 스크래핑이란? 웹페이지에서 우리가 원하는 부분의 데이터를 수집해오는 것 한국에서는 같은 작업을 크롤링 crawling 이라는 용어로 혼용해서 쓰는 경우가 많습니다. 원래는 크롤링은 자동화하여 주기적으로 웹 상에서 페이지들을 돌아다니며 분류/색인하고 업데이트된 부분을 찾는 등의 일을 하는 것을 뜻해요. 구글 검색을 할 때는 web scraping 으로 검색해야 우리가 배우는 페이지 추출에 대한 결과가 나올 거예요! 참고 Web Scraping(wikipedia) / Web Crawler(wikipedia) Web Scraping vs We..

• format_list_bulleted ✍2021,2022/WEB
• · 2021. 7. 26.
• textsms

웹개발+/2주차 필기,개발일지

정적 웹페이지 vs. 동적 웹페이지 동적 웹페이지의 종류 Client-side rendering (CSR) 자바스크립트에 데이터를 포함해서 보낸 후, 클라이언트 쪽에서 HTML을 완성하는 방법 Server-side rendering (SSR) 서버 쪽에서 템플릿 HTML에 데이터를 끼워넣어 완성된 형태의 HTML을 보내주는 방법 복합적인 방법 클라이언트 쪽에서 Ajax 요청을 보내서 서버에서 데이터를 받아와 HTML을 완성하는 방법 서버에 요청들어오면 html에 자바스크립트 심어서 보내주고, 페이지 드고나면 자바스크립트가 돌면서 ajax가 서버로 요청을 보내서 데이터를 받아와서 채워넣음 어렵다. Jinja2 템플릿 언어 Flask 프레임워크에서 사용하는 템플릿 언어 '템플릿'이 되는 HTML 문서에 데이..

• format_list_bulleted ✍2021,2022/WEB
• · 2021. 7. 18.
• textsms

WEB 개발+ / 1주차 필기, 개발일지

내가 웹 개발 자신있다. 혼자 할수있다고 말할 수 있게 공부하자. 복습!좀 해랑... 이론복습 1.클라이언트 : 브라우저, 핸드폰 요청을 하는쪽 2. 서버 API라는 창구를 통해서 클라이언트와 소통함 ex)은행의 창구 -규칙들로 요청을 받는쪽 -요청을 받고 돌려줄때 json이라는 형태로 돌려줌 - 서버는 컴퓨터의 역할 ○ API란? = 창구 -POST :데이터수정 -GET :수정없이 가져올때 html : 뼈대 css: 꾸미기 javascript : 움직이게 하는것 JQUERY javascript의 라이브러리로, 남이만들어놓은 갖다쓰기 좋은 코드, html조작 쉽게 함. id로 이름표붙여주고, $('아이디').val()과 같이 input박스의 값을 가져옴 Ajax - 서버통신을 위해 쓰이는것 (클라이언트로..

• format_list_bulleted ✍2021,2022/WEB
• · 2021. 7. 12.
• textsms

5주차 필기/개발일지

무비스타 프로젝트 만들어보기! 1. DB만들기 (데이터 쌓기) 크롤링해서 -> DB에 저장 2. 보여주기 ! (GET) - 클라이언트와 서버 연결 확인 - 서버 만들기 (app.py) 서버가 해야할일 : 나홀로 메모장에서 articles내려주듯이 db데이터들 내려주기. like큰순서대로 거꾸로 내려줘야함.==> 정렬 .sort (모를땐 검색해보기 pymonho 정렬 w3hschool인가..) - 클라이언트 만들기(index.html) - 완성 3. 좋아요 +1 기능 (POST) 이름을 받아서 -> 그 이름의 좋아요값 db에서 찾은다음에 -> 덮어씌우고 +1 4. 삭제하기! (POST) 이름으로 찾고, 영화인을 삭제 완성코드 index.html (아니 내껄로 하면 카드박스가 제대로 안뜸..머가 문젠지 모르..

• format_list_bulleted ✍2021,2022/WEB
• · 2021. 7. 1.
• textsms