본문 바로가기

HTML, CSS

[HTML,CSS] 2주차 Homework 1주차 숙제에, 환율 API 정보 넣기 환율 API : http://spartacodingclub.shop/sparta_api/rate 응 안사봐 버리면 그만이야~ 가격 : 1억원 / 개 이 밈으로 설명할 것 같으면 한 비트코인 갤러리에서 하락장을 맞고 있는 코인가격에 대해 한 유저가 쓴 글로 시작되었다. 달러-원 환율 : 주문자 이름 수량 --수량을 선택해주세요-- 1개 2개 3개 주소 전화번호 주문하기 *로딩 후 호출하기 $(document).ready(function(){ alert('다 로딩됐다!') }); 더보기
[HTML,CSS] 2주차 Quiz 2022.03.01 - [HTML, CSS] - [HTML,CSS] 2주차 Ajax [HTML,CSS] 2주차 Ajax Ajax 시작에 앞서 서버→클라이언트 : "JSON" 이해하기 JSON은 Key : Value로 이루어져 있다. 클라이언트→서버 : GET 요청 이해하기 통상적으로! 데이터 조회(Read)를 요청할 때 GET 방식으로 데이터를 전 hoon-language.tistory.com ↑Ajax 기본골격 가져오기 ▶서울시 OpenAPI를 이용하기 * 따릉이 OpenAPI : http://spartacodingclub.shop/sparta_api/seoulbike jQuery + Ajax의 조합을 연습하자! 2. 서울시 OpenAPI(실시간 따릉기 현황)를 이용하기 모든 위치의 따릉이 현황을 보여.. 더보기
[HTML,CSS] 2주차 Ajax Ajax 시작에 앞서 서버→클라이언트 : "JSON" 이해하기 JSON은 Key : Value로 이루어져 있다. 클라이언트→서버 : GET 요청 이해하기 통상적으로! 데이터 조회(Read)를 요청할 때 GET 방식으로 데이터를 전달하는 방법 ? : 여기서부터 전달할 데이터가 작성된다는 의미입니다. & : 전달할 데이터가 더 있다는 뜻입니다. https://movie.naver.com/movie/bi/mi/basic.nhn?code=161967 위 주소는 크게 두 부분으로 쪼개집니다. 바로 "?"가 쪼개지는 지점인데요. "?" 기준으로 앞부분이 , 뒷부분이 [영화 번호] 입니다. * 서버 주소: https://movie.naver.com/movie/bi/mi/basic.nhn * 영화 정보: code=16.. 더보기
[HTML,CSS] JQuery 연습하기 jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [완성본]2-3. 이메일 도메인만 얼럿 띄우기 클릭 3. HTML 붙이기/지우기 연습 3-1. 이름을 입력하면 아래 나오게 하기 [완성본]3-2. 다지우기 버튼을 만들기 이름 붙이기 다지우기 세종대왕 임꺽정 더보기
[HTML,CSS] 2주차 JQuery JQuery → HTML의 요소를 조작하는 편리한 javascript를 미리 작성해둔 것 (라이브러리) " 임포트 " 해야 사용할 수 있음 ( 코드를 가져오는 것) https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com ↓1주차 완성본 불러오기 2.. 더보기
[HTML,CSS] 1주차 완성본 나홀로 링크 메모장! 중요한 링크를 저장해두고, 나중에 볼 수 있는 공간입니다 포스팅박스 열기 아티클 URL 간단 코멘트 기사저장 여기 기사 제목이 들어가죠 기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산... 여기에 코멘트가 들어갑니다. 여기 기사 제목이 들어가죠 기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산... 여기에 코멘트가 들어갑니다. 여기 기사 제목이 들어가죠 기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산... 여기에 코멘트가 들어갑니다. 여기 기사 제목이 들어가죠 기사의 요약 내용이.. 더보기
[HTML, CSS] Homework 이와 같은 기획서를 부트스트랩 코드스니펫을 이용해 제작해보세요 → 1) width, height px; 했는데 이미지가 왜 짤리지? 2)부트스트랩에서 card에 이용해서 만들었는데, 왜 겹치는 현상이 나타날까? 응 안사봐 버리면 그만이야~ 가격 : 1억원 / 개 이 밈으로 설명할 것 같으면 한 비트코인 갤러리에서 하락장을 맞고 있는 코인가격에 대해 한 유저가 쓴 글로 시작되었다. 주문자 이름 수량 --수량을 선택해주세요-- 1개 2개 3개 주소 전화번호 주문하기 더보기
[HTML, CSS] 1-3 Javascript 기초 문법 2 함수 function 함수이름(필요한 변수들) { 명령 - 순차적으로 작성 } ex) function sum(num1, num2) { console.log('num1:',num1,'num2:',num2); return num1+num2; } sum(3,5); // 8 조건문 //if - else 문 function 함수이름(변수){ if(변수 조건연산자(==,!=,....) ) { alert('문자열') } else { alert('문자열') } } // and 조건 = &&, or 조건 = || 반복문 for (1. 시작조건; 2. 반복조건; 3.더하기) { 4. 매번실행 } // C프로그래밍이랑 완전 흡사함 ex) let fruit = ['사과','바나나','딸기','석류','수박'] for (let.. 더보기