본문 바로가기

전체 글26

테이블 태그 이용해서 jquary로 라디오 버튼(radio button) 구현하기 https://getbootstrap.com/docs/5.0/forms/checks-radios/ Checks and radios Create consistent cross-browser and cross-device checkboxes and radios with our completely rewritten checks component. getbootstrap.com 라디오 버튼은 부트스트랩에 있는 기능이다. 나는 레시피 공유 페이지의 레시피 난이도 상, 중, 하를 표기하기 위해서 사용했다. 사실 다른 페이지에서 별점으로 도전했었는데, 별점이 너무 어렵고 복잡해서 라디오로 바꿔봤다.ㅋㅋㅋㅋㅋㅜㅠ 내가 최종적으로 구현한 화면은 이렇다! 사용자가 직접 참여해서 레시피를 공유할 수 있는 페이지로, 포스트 .. 2021. 9. 14.
내일배움단 프로젝트 챌린지 1~6일차 개발일지 #코딩 개발일지 시작의 한마디 밀린 개발일지...! 오늘 드디어 몰아서 쓴다 ㅋㅋㅋㅋㅋ 우리 조는 워낙,,,, 인원 변동도 심하고 여러가지 일이 많았어서 아직 프론트엔드에 집중하고 있다. 방금 다른 조 중간점검 올린 걸 봤는데 벌써 데이터베이스도 넣고, 백엔드도 건든 것 같아서ㅠㅠ 더 열심히 해야하지 하는 생각이 들었다. # 개발 업무내용 프로젝트 진행 현황 + 개발 업무 회고록을 자유롭게 작성해 주세요! 9/4-7 4일간: 웹사이트 세부사항까지 기획 9/8-9 2일간: 웹사이트 초안 잡기(프론트엔드) 웹사이트 세부사항까지 기획하는데 생각보다 오랜 기간이 걸렸다. 다들 코딩과 프로젝트가 처음이기도 하고, 어떤 사이트를 만들고 어떤 식으로 진행할지 의견을 맞추는 게 쉽지 않았다. 우리가 하고 싶은 슬라이더.. 2021. 9. 10.
개발일지 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.