whatisthis?

href="#"의 용도 1. 클릭 이벤트 발생시 페이지 전환 x 2. 화면 최상단으로 이동하도록 -> 이 경우에는 href="#"보다는 아래 코드를 쓰는 것이 낫다. JavaScript의 window.scrollTo() 함수를 이용하자. window.scrollTo() window.scrollTo(x-좌표, y-좌표) ** 참고 js에서 Window 인터페이스는 DOM 문서를 담은 창을 나타냄. document 속성이 창에 불러온 DOM 문서를 가리킴. Window - Web API | MDN Window 인터페이스는 DOM 문서를 담은 창을 나타냅니다. developer.mozilla.org 3. 만약에, 최상단으로 이동하지 않도록 하기 위해서는 세미콜론을 붙여준다. href="#;" href="#"은..

위와 같은 광고 배너를 만들어보자. 우선 예제 이미지를 보고 각 파트로 나눠보면 총 3개의 파트로 나눌 수 있다. - button을 누르면 URL로 이동하도록 하면 될 것 같다. __ 코드 작성 __ Unlimited downloads. Our best content. No attribution. As low as $9/mo Buy description or credit packs Join Pro - 위와 같이 디자인상으로 줄을 띄고싶을 때에는 태그를 이용하자. 단, 문맥상 나누어져있는 'paragraph'의 경우에는 태그로 구분! - a 태그의 필수 속성인 href에는 URL을 입력해야한다. 예제의 경우 URL은 모르므로 그냥 임의로 #을 입력해주었다. - a태그의 속성인 target의 value를 _..

** 렌더링이란? HTML,CSS, 자바스크립트 등 개발자가 작성한 문서가 브라우저에서 출력되는 과정. 브라우저는 렌더링을 수행하는 렌더링 엔진을 가지고 있음. 크롬 블링크(Blink) 사파리 웹킷(Webkit) 파이어폭스 게코(Gecko) 브라우저를 통해 웹 사이트에 접속하면, 서버로 부터 HTML, CSS 등 웹 사이트에 필요한 리소스를 다운로드받음. 1. DOM / CSSOM 트리 생성 브라우저가 렌더링 하기 위해서 HTML 코드는 DOM, CSS는 CSSOM 트리를 생성해야 함. ** DOM 이란 무엇인지? document object model의 약자이며, 한글로는 "문서 객체 모델"이라고 부름. DOM은 객체 지향 모델로써 구조화된 문서를 표현하는 방식. 변환 : 브라우저가 HTML의 원시 바..

Importance Of Planning AUGUST SEPTEMBER OCTOBER NOVEMBER DECEMBER 2021 AUGUST 08 MON TUE WED THU FRI SAT SUN 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 blank blank blank blank blank COUNT ___DAYS thisisyjin mywebproject.tistory.com 기존 작성했던 코드. - table태그가 아닌 div로 달력부분 만들기. - 자바스크립트를 이용하기 위해서. - 체크박스 추가 & 자바스크립트로 체크박스 체크한 개수 셀 수 있게. 뷰포트 이용해볼것인지. 미디어쿼리.

20. ETC. 1) 태그 = 약자. abbriation ** 필수 속성 = title 속성 예제- What is ADHD title = " " 안에 입력한 값이 툴팁 형식으로 나타난다. ** title 속성 title 속성은 element에 적용할 수 있으며 해당 요소에 마우스를 올릴 경우 툴팁창이 나타남. 2) 태그 - 연락망 주소 / URL / E-mail주소 / 전화번호 / SNS 등. thisisyjin https://mywebproject.tistory.com/ 3) & 태그 pre = preformatted element. -> 미리 포맷이 정해진 것. thisis yjin 만약 우리가 위와 같이 코드를 입력하면, 우리는 줄바꿈을 해서 입력했음에도 웹브라우저상에서는 한줄로 나타나게 된다. 하..

변수 선언 - let과 const와 var의 차이 우선, Hoisting과 Scope의 개념을 먼저 알아야 한다. cr: https://www.howdy-mj.me/javascript/var-let-const/ var, let, const의 차이 ⏤ 변수 선언 및 할당, 호이스팅, 스코프 자바스크립트에서 var로 변수 선언이 가능했는데, 왜 const와 let이 나왔으며 이 둘의 사용을 권장할까? 이를 정확하게 알기 위해서는, 변수의 선언 및 할당 과정, 호이스팅, 스코프를 알아야한다. www.howdy-mj.me 변수(variable)는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 자바스크립트는 매니지드 언어(managed languag..

** XML은 데이터 저장과 전송을 목적으로 만들어진 마크업 언어임. = eXtensible Markup Language HTML이 데이터의 표현에 그 목적을 두고 있다면 XML은 데이터 교환을 위한 구조정의에 그 목적을 두고 있음. HTML이 정해진 태그를 사용하는 것이라면 XML은 사용자 정의로 태그를 만들어 사용할 수 있음. HTML은 구현하기 위해서 '웹브라우저' 라는 어플리케이션이 필요하다면 XML은 어느 특정 환경에 구애를 받지 않음. XML 은 데이터를 가지고만 있고, 표현은 하지 않기 때문에 어떠한 작동을 하는 것은 아니다.

GET / POST HTTP 프로토콜을 이용해서 서버에 데이터(resource)를 전달할 때 사용하는 방식 html에서 form 요소의 경우 src와 함께 method 속성에 GET 또는 POST 방식을 적어준다. 여기서, GET과 POST 는 무엇인지 알아보자. GET 정보 조회 서버에서 어떤 데이터를 가져와 조회하는 메서드. Select. URL의 끝에 ‘?’ 가 붙고, 요청정보가 (key=value) 형태의 쌍을 이루어 서버로 전송됨. 요청정보가 여러개일 경우 ‘&’ 로 구분. 예> - 이는 길이 제한이 있어서 대용량의 정보를 불러오기엔 한계가 있다. (주소값+파라미터의 양은 255자로 제한됨.) - 사용자가 값을 쉽게 볼 수 있으므로 보안에 취약함. - 속도는 POST 방식보다 빠르다. POST ..

월 화 수 목 금 1교시 왕초보 HTML & CSS 모각코 왕초보 HTML & CSS 모각코 왕초보 HTML & CSS 2교시 JavaScript 스킬업 JavaScript 스킬업 3교시 JavaScript 시작반 JavaScript 시작반 JavaScript 시작반 점심시간 4교시 SASS 기초반 HTML & CSS 포트폴리오반 Open Seminar HTML & CSS 포트폴리오반 SASS 기초반 5교시 모각코 모각코 style.css Reference https://docs.google.com/spreadsheets/d/1ek_DsO7zDM9bW2K4ZlAUAkzIWTf0Y377y-8ZGCMyleE/edit#gid=0 https://github.com/rohjs/bugless-101/blob/mas..

URI URI는 특정 리소스를 식별하는 통합 자원 식별자(Uniform Resource Identifier)를 의미한다. 웹 기술에서 사용하는 논리적 또는 물리적 리소스를 식별하는 고유한 문자열 시퀀스다. URL URL은 흔히 웹 주소라고도 하며, 컴퓨터 네트워크 상에서 리소스가 어디 있는지 알려주기 위한 규약이다. 즉, URI의 서브셋이다. ** 서브셋 이란? 부분집합(部分集合, 영어: subset) URI는 Uniform Resource Identifier URL은 Uniform Resource Locator 즉, 자원의 식별자(URI), 위치(URL), 이름(URN) photo+info cr: https://velog.io/@jch9537/URI-URL URI & URL 웹개발 공부를 하면서 URL..