코딩

todolist

게시판CRUD Create Read Update Delete TodoList CRUD Event(addEventLisnter) 중에 Submit document createElement() append() remove() innerHTML JAvascript Submit 발생되는 시점 Form에 있는 고유한 기능을 제거하고싶다. ``` ``` javascript window.addEventListener('DOMContentLoaded', init) function init(){ const submitElement = document.querySelector('#todoSubmit') const formElement = document.querySelector('#todoform') submitEleme..

HTML을 이용해 코드 작성

hello, world 제목1 제목2 제목3 제목4 제목5 제목6 리스트1 리스트2 리스트3 리스트4 링크 영역 작은영역 작은영역2 영역2 로그인 남자 여자 컴퓨터 영화 독서 운동 잠 타이틀 hello, world 제목1 제목2 제목3 제목4 제목5 제목6 리스트1 리스트2 리스트3 리스트4 링크 영역 작은영역 작은영역2 영역2 로그인 남자 여자 컴퓨터 영화 독서 운동 잠

HTML 시작 및 기초

목차 1.비주얼 스튜디오 코드 1-1 확장프로그램 설치 2.브라우저 2-1 네트워크 2-2 랜더링 2-3 개발자도구 3.HTML 3-1 HTML의 뜻과 특징 3-2 HTML 엘리먼트 3-3 front-end 와 back-end의 차이점 1. 비주얼 스튜디오 코드 비주얼 스튜디오 코드란 작성을 쉽게해준다 메모장 기능을 강화한것이다 자동으로 완성시켜준다 https://code.visualstudio.com/ 1-1 확장프로그램 설치 korean 과 live server 설치 korean은 프로그램을 한국어로 바꿔주는것이다. live server은 실시간으로 미리보는 확장 프로그램이다. 2.브라우저 인터넷을 사용할때 접속하기위해 사용하는 크롬, 사파리등등을 브라우저라고한다. 2-1 네트워크 네트워크란 http..

배열 문제 풀이

// 1. txt변수안에서 e가 몇번들어갔는가 // 2. txt 변수를 5개씩 잘라서 배열에 넣어주세요 // 3. 배열안에 글자중e z d v n 이 있다면, 배열을 삭제 // 4.나머지값 배열중에서 (요소) 중복값을 제거해주세여 ``` let txt \= "1e5315166152e1152z1d1v4b1n";``` let txt = "1e5315166152e1152z1d1v4b1n"; console.log("문제"+"1e5315166152e1152z1d1v4b1n") console.log( '1. txt변수안에서 e가 몇번들어갔는가' ) console.log("e 가 총 2개"); let strLength = txt.length; // 배열의 길이 let txtArr = new Array(); 텍스트를 ..

CSS 정리

목차 css 를 사용하는 3가지 background color font margi, padding, border list float position float css 를 사용 하는 3가지 1) 외부 스타일 시트(External Style Sheet) 2) 내부 스타일 시트(Internal Style Sheet) 3) HTML태그내에 스타일 지정(Inline Styles) background background-color : [색갈값/transparent] (요소의 배경색을 기술한다) background-image : [url(주소)/none] (요소의 배경 이미지를 설정한다) background-repeat : [repeat/repeat-x/repeat-y/no-repeat] (배경이미지의 반복을 지정한..

HTML정리

HTML href="css" href 속성은 링크된 페이지의 URL을 명시합니다. rel="stylesheet" rel 속성은 현재 문서와 링크된 문서 사이의 연관 관계(relationship)를 명시합니다. 속성은 반드시 href 속성이 설정되어 있어야만 사용할 수 있습니다. ype="text/css" ype 속성은 MIME 타입이라고도 알려져 있는 링크된 문서의 인터넷 미디어 타입을 명시합니다. 속성은 반드시 href 속성이 설정되어야만 사용할 수 있습니다. 태그는 HTML 문서에서 인라인 요소(inline-element)들을 하나로 묶을 때 사용합니다. 요소는 그 자체만으로는 어떠한 의미도 가지지 않지만, class나 id와 같은 전역 속성과 함께 사용하여 스타일링을 위해 요소들 >룹화하거나 lan..

HTML의 기초 및 css 기초

목차 HTML작성 HTML에서 많이 쓰이는것들 id table 표만들기 css사용법 css란 css를 왜 쓰는가 css를 쓸때 많이쓰이는 것들 기호 css파일을 생성 파일경로 파일경로 연습 방법 1. HTML작성 html을 쉽게 생성 하는방법 ! 엔터 를치거나 html :5 엔터를 치면 ``` /**/ ``` 으로 쓰기 쉽게 나오게 된다. 1-1.HTML에서 많이 쓰이는 것들 HTML에서 많이쓰이는 것은 와 이다. 1-2.id id는 모든 엘리먼트에 있음 html id 박스에서 많이쓰이며, 하나의 엘리먼트를 콕 찝어서 부여하고 싶은 엘리먼트에 적용할수있다. id라는 속성값은 어느 페이지를 가도 id라는 속성값이 존재한다. 쉽게 이해하려고 id 는 닉네임이며 닉네임을 지정하여 css로 따로 작성할수있게 하..

HTML의 기초 및 작성 방법

2021 - 12 - 20 목차 front 와 back 의 차이점 브라우저 2-1. 네트워크 2-2. 랜더링 2-3. 개발자도구 비주얼 스튜디오 코드 3-1.확장프로그램 설치 HTML 4-1.HTML의 뜻 4-2.HTML의 특징 4-3.HTML 엘리먼트 HTML을 이용해 코드 작성 1. front 와 back 의 차이점 front-end : 브라우저를 시작할때 보이는 화면이나 사이트를 들어갔을때 보이는 것들 back-end : 사용자의 눈에 보이지 않는 것들 ( 내용을 저장하는것 ) fornt를 배우는 영역은 HTML, CSS, Javascript가 있다. 2. 브라우저 인터넷을 사용할때 접속하기위해 사용하는 크롬, 사파리등등을 브라우저라고한다. 2-1. 네트워크 네트워크란 https://www.nave..