SpartaCodingClub9 개발일지 1주차 - JAVASCRIPT 3. JAVASCRIPT # javascript - 유일하게 브라우저가 알아들을 수 있는 언어 안에 만들어서 사용 크롬 개발자 도구 : 페이지를 곧바로 수정할 수 있음. 오른쪽 마우스 - 검사 - console창 (1) 변수 변수는 값을 담는 박스다! (여기선 a, first_name, last_name) 문자열도 담을 수 있는데, 문자열은 작은따옴표{''}로 구분됨. 큰따옴표도 상관 없음. 변수 이름을 지정할 때는 꽤 그럴싸하게(?), 남이 봐도 알아보기 쉽게 짓는다. (2) 자료형 list 자료형 - 순서가 중요한 담기. 시장에 가면~ 게임처럼 순서가 있는 자료! []로 선언 dictionary 자료형 - {}로 선언, []로 불러내기 dictionary와 list가 서로의 요소가 될 수 있다는 점!.. 2021. 9. 24. QUIZ) 나홀로 메모장, 포스팅박스 QUIZ 1 - 부트스트랩의 jumbotron과 card-columns 가져와서 꾸미기 나홀로 링크 메모장! 중요한 링크를 저장해두고, 나중에 볼 수 있는 공간입니다 포스팅박스 열기 여기 기사 제목이 들어가죠 기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산... 여기에 코멘트가 들어갑니다. 여기 기사 제목이 들어가죠 기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산... 여기에 코멘트가 들어갑니다. 여기 기사 제목이 들어가죠 기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산... 여기에 코멘트가 들어갑.. 2021. 9. 20. 개발일지 1주차 - HTML, CSS #스파르타코딩클럽 1주차 강의 자료 https://www.notion.so/1-59315708468149fc9cb2877ca0784f65 [스파르타코딩클럽] 웹개발 종합반 - 1주차 매 주차 강의자료 시작에 PDF파일을 올려두었어요! www.notion.so html – 뼈대 css – 꾸밈 javascript – 움직이는 거, 클릭하면 이동하는 거 pycharm – 코딩을 할 때 메모장에 해도 되지만, 힘들기 때문에 사용. 프로그래밍 언어, 용도에 따라 그에 편한 툴이 각각 있음. 파이썬을 쓰기에 가장 편한 틀이 파이참!! 1. HTML 저장 – ctrl + s 줄 정렬하는 법 – ctrl + alt + l 주석처리 – ctrl + / - 태그! ex) body태그 HTML 태그 예시 나는 구역을 나누.. 2021. 9. 20. 개발일지 4주차 https://www.notion.so/4-682b2d244357441f8469b861562781fc [스파르타코딩클럽] 웹개발 종합반 - 4주차 매 주차 강의자료 시작에 PDF파일을 올려두었어요! www.notion.so 서버는 컴퓨터에서 돌아가는 하나의 프로그램 like 포토샵, 파이참 등 내가 서버를 만들고 내 컴퓨터에서 접속 = local 개발환경 Flask 시작하기 개발자들은 서버 만들때 대부분 프레임워크 사용 프레임워크 - 남이 짜둔 규칙이나 틀 안에서 내가 자유롭게 코딩 라이브러리 - 내가 내 맘대로 짜는데 남이 만들어 놓은 것을 중간에 가져다가 씀 하나의 프레임워크 가져다가 쓰고, 그 안에서 라이브러리 몇개든 넣을 수 있음. 내가 서버도 돌리고 내가 접속도 해보고 http://localho.. 2021. 9. 3. 3주차 과제 _지니뮤직 웹스크래핑 / geine.py import requests from bs4 import BeautifulSoup headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'} data = requests.get('https://www.genie.co.kr/chart/top200?ditc=D&ymd=20200403&hh=23&rtm=N&pg=1',headers=headers) soup = BeautifulSoup(data.text, 'html.parser') trs = soup.select('#body-content > div.newest-lis.. 2021. 9. 2. 개발일지 3주차 https://www.notion.so/teamsparta/3-ed5a2f9b258b4ac6bb63b95c3af4f6a5 [스파르타코딩클럽] 웹개발 종합반 - 3주차 매 주차 강의자료 시작에 PDF파일을 올려두었어요! www.notion.so 1. 2주차 복습 - 나홀로 링크 메모장에 openAPI http://localhost:63342/frontend/index.html?_ijt=h79490mj4n1vlpmgd3ut38s655&_ij_reload# $('#cards-box').empty() 둘 중 어디에 넣어도 상관없음! 2. 파이썬 컴퓨터의 언어를 번역해주는 번역팩! 항상 오른쪽 마우스 누르고 Run 누르기! - 함수 def aa(num1, num2): print('안녕!') return num1+.. 2021. 9. 1. 2주차 과제 / week2_hw THE BOYZ 6th MINI ALBUM 가격:17,800원/장 글로벌 대세 더보이즈, 미니 6집 [THRILL-ING] 발매! 올 여름, ‘핫’한 열 한 명의 소년들이 당신의 마음에 ‘쿨’한 스릴링(THRILL-ING)을 선사한다. 원-달러 환율: 1215.19 ORDER HERE! 주문자 성함 수량 1 2 3 주소 전화번호 주문하기 지난 번에 만들었던 사이트에 업데이트되는 원/달러 환율 추가! ajax를 적용해 원/달러 환율을 실시간으로 받고, span처리를 해서 그 부분만 계속 달라지도록 만든다. 파란색은 css 이용! 2021. 9. 1. 개발일지 2주차 https://www.notion.so/2-f9706fef663a4b5ca7c7013a57c1785d#5b49e4f975794b91842170362701b9e9 [스파르타코딩클럽] 웹개발 종합반 - 2주차 매 주차 강의자료 시작에 PDF파일을 올려두었어요! www.notion.so 1. JavaScript 복습 if (count % 2 == 0) = 2로 나누고 나머지 0인 경우 count = count + 1; count += 1; 같은 의미! 변수 : let count = 1; 함수 안에서 선언했다면, 그 변수는 함수가 끝나면서 자동으로 사라짐. 변수를 전체에 적용시키고 싶다면, 함수 밖으로 빼야 함. 2. JQuery - 미리 작성된 자바스크립트 코드 - JQuery는 임포트 안하면 쓸 수 없다. .. 2021. 8. 29. 1주차 과제 / week1_hw THE BOYZ 6th MINI ALBUM 가격:17,800원/장 글로벌 대세 더보이즈, 미니 6집 [THRILL-ING] 발매! 올 여름, ‘핫’한 열 한 명의 소년들이 당신의 마음에 ‘쿨’한 스릴링(THRILL-ING)을 선사한다. ORDER HERE! 주문자 성함 수량 1 2 3 주소 전화번호 주문하기 더보이즈 앨범 판매 사이트 만들기. 처음 해보는 사이트 만들기라... 너어무 어려웠지만 정답 보고 분석하면서 겨우겨우 했다. 사이트 만들 때는 스타터 탬플릿을 참조할 것! https://getbootstrap.com/docs/4.0/getting-started/introduction/ Introduction Get started with Bootstrap, the world’s most popular.. 2021. 8. 24. 이전 1 다음