나연

코드 내의 주석으로 복습 내용 작성 Foodcourt 홈 한식 일식 중식 양식 ..

firebase: 백엔드 서버 구축 없이 웹 서버 만들 수 있음firestore: firebase 기반 NoSQL 데이터베이스firebase를 사용하려면 script 타입을 module로 바꾸는데,그러면 button의 onclick() 효과가 먹히지 않음 따로 코드 작성 필요firestore에 데이터를 추가하는 코드 구조$("#id").click(async function () { let doc = {}; await addDoc(collection(db, "콜렉션이름"), doc);})firestore에서 데이터를 가져와 웹에 나타내기let url = "http://spartacodingclub.shop/sparta_api/seoulair"; fetch(url).then(res =..

오늘은 캠프 첫 개강일인데 개인 사정으로 매우매우 안좋은 일이 겹쳐서 집중도 안되고 힘든 하루였다..그래도 꾸역꾸역 강의를 들었는데 4주차 기록 작성하다가 창 꺼져서 글까지 사라짐.......하 내일 다시 써야지오늘 쉽지 않네css에서는 부트스트랩을 사용하고 자바스크립트에서는 jQuery 라이브러리를 사용한다.jQuery의 기본 구조: $(' ').text(or append 등등)임의의 변수를 사용해서 그 뭉텅이(?) 문단 통째로 가져올 때 `${변수}`를 사용한다.웹에서 입력한 값을 파라미터로 가져올 때는 $('#변수').val() 함수 사용 -> 선택박스의 값인 경우 >로 값 전달(ex- option value="⭐⭐">⭐⭐option>)fetch 기본 구조:fetch("url") // 기본 요청(G..

입력한 값을 카드로 생성function makeCard() { let image = $('#image').val(); //웹에서 입력한 값을 파라미터로 가져올 땐 val() let title = $('#title').val(); let content = $('#content').val(); let date = $('#date').val(); // 카드 추가하기. 파라미터 값들을 넣어서 카드를 새로 생성 let temp_html = ` ..

자바스크립트 기초 문법변수 선언: let 변수명=개발자 도구 창에서 콘솔을 통해 결과 확인 가능: console.log(변수)css에서 부트스트랩을 사용하는 것처럼자바스크립트에서는 jQuery 라이브러리를 사용한다JQuery

SQL을 먼저 보다가 개강 첫주에 웹 페이지를 만든다는 소식을 듣고 웹개발 강의부터 수강하기로 급결정.. html 태그 기초 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button 태그입니다: 버튼입니다 ..

아 종강하고 강의 열심히 들을랬는데 막상 종강하니까 신나서 놀다보니 본캠프 개강 1일 전..이제 맘 잡고 다시 가보자고연산하기범주별 연산하기(group by)결과 정렬하기(order by) 구조 순서는select->from->where->group by->order by

아직 학기가 끝나지 않아서 사전 캠프를 참여하진 않았지만 사전캠프에서 진행하는 SQL 기초, 웹 개발 강의에서 내가 몰랐던 부분들, 알고 있어도 다시 되새기는 차원에서 시간날 때마다 강의를 듣고 정리하려고 한다.sql 문법select A from B: 데이터 조회(B 테이블로부터 A 컬럼 데이터 조회)select A as B from C : A를 B라고 별명 지정하고 데이터 조회(as 생략 가능)select A from B where C=c : 조건 줘서 데이터 조회(B테이블의 C컬럼이 c인 데이터 A만 조회), c가 문자일 시 ' ' 사용where절에서는 비교연산, between, in, like를 사용 가능하고 and, or, not 논리연산으로 여러 조건도 가능select *from customer..