HTML,CSS,JS
1.CSS - 웹개발 종합반 기초 1,2,3 주차
요청 하는 쪽 : 클라이언트요청 받는 쪽 : 서버 → api라는 창구를 통해서 규칙에 따라 줌 → html,css,js 또는 mongoDB 는 JSON 형태로 돌려줌
2.JQuery - 웹개발 종합반 기초 1,2,3 주차
jquery와 관련해서 도움 받은 정보링크 :https://blog.naver.com/minces/222666979795HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리!Javascript 로도 모든 기능(예 - 버튼 글
3.Ajax - 웹개발 종합반 기초 1,2,3 주차
$.ajax({ type: "GET", // GET 방식으로 요청한다. url: "http://openapi.seoul.go.kr:8088/.../json/RealtimeCityAir/1/99", data: {}, // 요청하면서 함께 줄 데이터 (GET
4.Meta tag
<head></head> 부분에 들어가는, 눈으로 보이는 것(body) 외에 사이트의 속성을 설명해주는 태그들.→ 크롤링 시에 이용 → 기사 url만 입력했는데, 자동으로 불러와지는 부분들.
5.나홀로 일기장 - 구성하는 법
1) 생김새를 먼저 만들기 - HTML+CSS 2) 만들어야 할 기능을 파악하기 (포스팅 API, 리스팅 API 두 개!) 3) 서버-클라이언트 연결 코드 만들기 4) 포스팅 API 만들기 (꿀팁! 보통 저장하는 것을 먼저 만들 때가 더 편해요!) 5) 리스팅 API
6.Bulma
: Bootstrap과 비슷하게, 미리 정해진 모습의 클래스를 가져다쓸 수 있는 무료 CSS 프레임워크bootstrap과 다른점?Bootstrap은 jQuery 사용 → 웹사이트에서의 상호작용을 쉽게 구현가능Bulma는 순수한 CSS 프레임워크 → 기능을 직접 구현해야
7.SWEETER - 홈페이지 만들기
SWETTER 홈페이지 만들 때 목차& 중요한 부분만 가져옴 → Bulma의 hero 클래스 이용 : 배너만들 때 사용 → is-hidden 클래스 이용해서 요소 숨김. → toggleClass() : 한번에 토글할 수 있는 함수, 회원가입버튼과 취소 버튼에 연결 :
8. vs code - 셋팅 방법 (Frontend)
우리 팀 프로젝트 할 때 사용했던 방법.까먹지 않기 위해서 작성한 것 입니다.1) 원하는 git branch에 위치2) css, html, js 에 원하는 이름의 파일을 3개 동일하게 만들어줌.3) css와 js는 main.js파일 안에, html은 index.html
9.modal - html과 ajax 연결 방법(분리)
위의 방법은 ajax로 데이터를 받아서 html 파일을 append 해주는 방식인데, 이 방법 말고 html 따로 분리해서 연결해본 경험이 없었다.근데 이 방법은 추천하지 않는다고 해서, html을 따로 분리하고, ajax로 받은 데이터를 html에 뿌려주는 방법을 고
10.jquery 페이지 이동하는 방법
1) 로딩 될 때 함수 호출2) 함수 안에 ajax 콜 하기 전에추가 해주고, 3) params 딕셔너리를 이용해서 id를 넣어주면, \[localhost:5000/post?id=](http://localhost:5000/post?id=) 로 이동할 수 있게
11.[Front-End] 미니프로젝트 사용한 datepicker
출처 : https://bbbootstrap.com/snippets/orange-themed-datepicker-date-range-30620898https://inpa.tistory.com/entry/BootStrap5-%F0%9F%93%9A-Dat
12.jQuery
jQuery = $$(자바스크립트 객체)$('선택자')$('< img>') -> <> : img라는 객체를 생성하는 것jquery함수를 쓰기 위해서는 앞에 jquery객체($())가 있어야함ex) javascript(사투리) : $(document).rea
13.파일 업로드
문서(doc)의 내용이 그대로 저장되게하면 doc컬럼의 타입이 CLOB이여야함img라면 컬럼 타입이 BLOB외부 이미지를 < img> src="" 에 넣기위해서는 BLOB의 타입으로 해야함
14.html
<!DOCTYPE html>문서유형을 지정하는 이유? 1) html5의 문서구나 라고 vscode가 판단-> 코드 assist를 html type으로 해줌. 즉, IDE툴에서 문서유형에 해당 도움말을 지원2) 웹 표준화 지켜라 & 웹 접근성 높임: 어디에서
15.datepicker 참고
https://bbbootstrap.com/snippets/date-range-datepicker-two-months-shown-91403399
16.jstree 참고 자료
기본적 지식 : https://miryungyeon.github.io/javascript/jstree/응용 : https://developing-stock-child.tistory.com/38공홈 : https://www.jstree.com/