투명한유리구슬처럼보이지만 투명한유리구슬처럼보이지만

Javascript 기초 문법 변수 & 기본연산 let a = 2 let b = 3 console.log(a+b) // 5 let c = '대한' let d = '민국' console.log(c+d) // 대한민국 리스트 let a_list = [] // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능! // 또는, let a = ['사과','수박','딸기','감'] // 로 선언 가능 console.log(a[1]) // 수박 console.log(a[0]) // 사과 //리스트 길이 구하기 console.log(a.length) //4 딕셔너리 let a_dict = {} // 딕셔너리 선언. 변수 이름은 역시 아무렇게나 가능! // 또는, let a = {'name':'영수','age':27} /..

Log In const loginInput = document.querySelector("#login-form input") const loginButton = document.querySelector("#login-form button") function onLoginBtnClick() { const username = loginInput.value; if (username === "") { alert("please write your name") } else if(username.length > 15){ alert("your name is too long") } } loginButton.addEventListener("click", onLoginBtnClick) loginInput의 값을 userna..

const h1 = document.querySelector("div.hello:first-child h1"); console.dir(title); title.style.color = "blue"; 자바스크립트에서 h1의 색깔도 변경 가능하다. click event addEventListener이용 const h1 = document.querySelector("div.hello:first-child h1"); function handleTitleClick(){ console.log("title was clicked!") } h1.addEventListener("click", handleTitleClick) Grab me1!를 클릭했을때만 handleTitleClick 함수가 실행 될 수 있도록 설정 가능..

오늘 첫 스터디를했다. 발표자가 발표를 하고 각자 준비해온 문제를 하나씩 풀어보면서 안되는부분이라던가 모르는부분을 설명하면서 진행이 됬다. 첫 스터디라 어떻게 해야할지 조금 멘붕이긴 했는데 그래도 여차저차 도움된 스터디였다. 분명 1주차 강의를 2번들었는데도 문제푸는데 멘붕문제가 있었다.. ㅠㅠ 뭔가 뼈대에 대해 잘 모르는 기분이다. 어떻게 구성을 하고 처음부터 잘 짜여진 코드라기보단 그냥 즉흥적으로 이것만을 위해 만든 코드다보니 제대로 작동을 안하는것도 있었다.. 그래도 다같이 스터디를 하다보니까 서로 안되는부분이 달라 각자알아보고 같이 또 더 개선하면서 알아보다보니 새로운것도 알게됬다. 카드에 이미지를 넣었는데 각자 이미지 크기가 달라서 다르게 보였는데 나는 그냥 크기 맞는 이미지를 찾았는데 근보님이..

Html : 뼈대 Css : 꾸미기 JavaScript : 움직이기 HTML은 크게 head와 body로 구성됨 head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담습니다. head 안에 들어가는 대표적인 요소들: meta, script, link, title 등 body 안에 들어가는 대표적인 요소들! 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다..

프로그래밍 : 입력→ 처리 → 출력 코딩 : 도구를 활용해서 프로그래밍을 함. Node.js : 자바스크립트 언어의 맞게 코딩을 했을때 해석하는 컴퓨터용 전용 번역기 변수 :값을 저장해놓고 사용하기 위한 이름표 //변수 let name2 = 'uri' console.log(name2) //콘솔에 uri가 찍힘 name2 = 'stella' console.log(name2) //uri가 출력 된 이후에 stella도 출력됨 const name2 = 'uri' console.log(name2) //콘솔에 uri가 찍힘 name2 = 'stella' //uri라는 값이 나오고 4번째줄 에러가 뜸 //const는 해당변수의 값을 재할당 할 수 없기 때문 데이터 타입 원시형 타입 : number, string, ..

우연히 인스타를 보다가 광고로 처음 보게되었는데 강의 시간이 1시간도 안걸리길래 듣고있던 JavaScript문법 뽀개기를 중단하고 만들기 시작했다. 자꾸 연락오잖아... 내일 하려고했는데 ㅎㅎ.. HTML 주요태그 나는 구역을 나누죠 나는 문단이에요 h1은 제목이에요. h2는 소제목입니다. h3~h6 h 뒷 숫자가 커질수록 글자 크기는 작아져요. 하이퍼링크 버튼입니다. href, src : 속성 span : div 안에서 작은 영역을 표시해 주는 역할을 함. HTML 뼈대 만들기. 첫 번째 이미지 설명 두 번째 이미지 설명 세 번째 이미지 설명 네 번째 이미지 설명 Happy Lunch Time 2023.02.10 CSS body 태그 클래스에 height: 100%; 를 쓸 경우 body태그의 높이 만..

오늘은 어제 마지막으로 실습한 팬명록 만들기를 혼자 다시 해봤다. 혼자 해보는 동안 이게 왜..?왜 실행이 안되지..? 를 100번 외친거같긴하다..ㅠㅠ from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient client = MongoClient('mongodb+srv://sparta:test@cluster0.wpply3w.mongodb.net/?retryWrites=true&w=majority') db = client.dbsparta @app.route('/') def home(): return render_template('index.html') @app...