분류 전체보기(137)
-
웹개발종합반 2주차 - 오늘 배울 것 / Javascript 복습 / JQuery 시작하기 / JQuery 다뤄보기
오늘 배울것 오늘은 HTML파일을 받았다고 가정하고, Javascript로 다시 서버에 데이터를 요청하고 받는 방법을 배워볼거예요. jQuery를 이용해 Javascript로 HTML을 쉽게 제어하고, Ajax를 이용해 다시 서버에 데이터를 요청하고 받아보겠습니다. Javascript 복습 클릭수가 홀수이면 홀수입니다 짝수이면 짝수입니다를 경고해주는 함수를 만들어보자 // 클릭할때마다 count 선언부분에서 1로 초기화되기때문에 아무리 클릭해도 홀수입니다만 뜬다 // 함수 밖에다가 count를 선언해주면 정상적으로 클릭할때마다 홀수입니다 짝수입니다가 번갈아가면서 나온다 클릭횟수를 세주는 함수 //여기서는 count 0부터 해줘야 첫클릭에 1이뜸 JQuery 시작하기 JQuery란? HTML의 요소들을 조..
2021.12.30 -
웹개발종합반 1주차 - 숙제 : 원페이지 쇼핑몰 HTML + CSS 만들기
양초를 팝니다가격:3000원/개 이 양초는 사실 특별한 힘을 가지고 있어요. 양초를 켜고 소원을 빌면 짜자잔 뭐든지 이뤄지게 된답니다. 하나 사가세요! 대나무 향이 아주 좋아요 주문자 이름 수량 --수량을 선택하세요-- 1 2 3 4 5 주소 전화번호 주문하기
2021.12.29 -
웹개발종합반 1주차 - Javascript 맛보기 / Javascript 기초 문법배우기(1) / Javascript 기초 문법배우기(2) / Javascript 연습하기 / 1주차 끝 & 숙제 설명
Javascript 맛보기 자바스크립트란? 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어입니다. Javascript 기초 문법배우기(1) -변수 let으로 변수를 선언한다 한번 선언했으면 다시 let으로 선언하지 않고 값을 넣는다 - 자료형 리스트 : 순서가 중요한 형태 인덱스는 0부터 딕셔너리 : key 와 value값의 묶음 선언할때 {} , 호출할때 [] 리스트와 딕셔너리의 조합 -기본함수들 % : 나눗셈의 나머지 구하기 모든 알파벳을 대문자로 바꾸고 싶은 경우 : let myname = 'spartacodingclub' myname.toUpperCase() // SPARTACODINGCLUB 특정 문자열을 나누고 싶은 경우 : let myemail = 'sparta@gmail.co..
2021.12.29 -
웹개발종합반 1주차 - 부트스트랩, 예쁜 CSS 모음집 / Bootstrap(부트스트랩)을 써보자! / Quiz_함께 만든 페이지를 발전시켜보세요!
부트스트랩, 예쁜 CSS 모음집 https://getbootstrap.com/docs/4.0/components/alerts/ Alerts Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. getbootstrap.com 부트스트랩은 시작 템플릿이 필수이다 나는 버튼이다 부트스트랩을 써보자 스파르타코딩클럽 | 부트스트랩 연습하기 Card title that wraps to a new line This is a longer card with supporting text below as a natural lead-in to additional c..
2021.12.28 -
웹개발종합반 1주차 - 파이참 라이센스 등록 / HTML,CSS 기본내용 / Quiz_간단한 로그인 페이지 만들어보기 / CSS기초 /자주쓰는 CSS 연습하기 / 폰트, 주석, 파일분리
파이참 라이센스 등록 항해99에 참여하면 파이참을 4개월간 사용할 수 있는 코드를 준다. HTML, CSS 기본내용 파이참 - 프로그램 언어나 용도에따라 개발 툴이 많은데 파이참은 파이썬으로 개발하기에 가장 좋은 툴이다 생활코딩에서 이미 했던 부분은 강의 진도때문에 얼른 보고 넘어가기로 했다. Quiz_간단한 로그인 페이지 만들어보기 로그인페이지 ID: PW: 로그인하기 CSS기초 - HTML 부모-자식 구조 살펴보기 - CSS 기초 CSS 사용법 안에 로 공간을 만들어 작성합니다. 아래 코드를 통해 간단한 사용 방법을 알아봅니다. mytitle라는 클래스를 가리킬 때, .mytitle { ... } 라고 써줘야 하는 것을 꼭! 기억하세요! 많이쓰는 CSS 배경관련 background-color / ba..
2021.12.28 -
웹개발종합반 1주차 - 서버,클라이언트,웹의 동작개념 / 1~5주차가 끝나면 만들게 되는 것들
서버,클라이언트,웹의 동작개념 네이버 해킹을 통해 서버,클라이언트,웹의 동작개념을 알아보자 ** 공부환경은 전부 크롬이다 - 크롬 Dev Tool에서 html을 변경하면 내가 보는 화면만 마음대로 바꿀 수 있다. - 웹페이지를 보고있는 중 인터넷을 끊어버리면 다른곳으로 이동하기 전까지는 다운되지 않는다. 즉, 내가 보고있는 웹페이지 화면은 인터넷과 관련이 없다. - 크롬 Dev Tool에서 변경한 사항은 새로고침을 하면 원래대로 돌아온다. -> 서버에서 새로 뭔가를 받아왔다. 브라우저의 역할 1. 서버에게 요청 2. 결과물을 받아서 그려줌 html은 뼈대다 ex) 돋보기 모양은 네모박스 안에 있다 css는 꾸미는 것 ex) 굵은 글씨, 폰트 사이즈, 색상 javascript 움직이는 것 ex) 클릭하면 ..
2021.12.27