기록 기록

1. 파이썬 기초 문법 // 리스트 예시 fruits = ['사과','배','배','감','수박','귤','딸기','사과','배','수박'] // fruits 리스트에 있는 데이터를 하나씩 꺼내서 쓰겠다! 보통 단수-복수 형태 for fruit in fruits: print(fruit) // 딕셔너리 예시 people = [{'name': 'bob', 'age': 20}, {'name': 'carry', 'age': 38}, {'name': 'john', 'age': 7}, {'name': 'smith', 'age': 17}, {'name': 'ben', 'age': 27}] for person in people: if person['age'] > 20: print(person['name']) repea..

1. jQuery CSS - 부트스트랩이 있다면 Javascript -라이브러리 jQuery HTML의 요소들을 조작하는 편리한 Javascript를 미리 작성해둔 것 항상 임포트 후 사용한다 jQuery 임포트하기 (부트스트랩 사용 시 이미 임포트 되어 있음) https://www.w3schools.com/jquery/jquery_get_started.asp CSS에서 class를 선택자로 사용했던 것처럼 jQuery는 id 값을 통해 조작하고자 하는 것을 가리킴 // id 값이 url인 곳에서 값 가져오기 $('#url').val(); // id 값이 url인 곳에 값 입력하기 $('#url').val('입력'); // id 값이 post-box인 곳을 숨김 $('#post-box').hide(); ..

1. 웹 동작 원리 HTML 뼈대 CSS 꾸미기 (폰트, 사이즈 등) JavaScript 움직이는 것 → frontend 내가 보는 웹페이지는 서버에서 미리 준비해둔 것을 받아서 그려주는 것 브라우저는 요청을 보내고, 받은 HTML 파일을 그려주는 일만 한다. 새로고침은 새로 받아온다는 의미! 2. HTML head + body head: 페이지의 속성 정보(meta, script, link, title 등) body: 페이지의 내용 3. CSS margin은 바깥 여백, padding은 안쪽 여백 4. Javascript 웹서버의 표준 언어 Java와 Javascript는 전혀 관련이 없다! alert("Hello World!"); // 팝업으로 뜬다. 개발할 때 활용하기에는 불편 console.log..