초보개발자 개발일지

2일차(1) : , , 순서 없는 목록(unordered list) ul 요소 친구 목록 입니다. 바나나 딸기 복숭아 바로가기 목록 입니다. daum naver gmarket 어떤 목록을 나타낼때 문자열을 단순히 나열하는게 아니고 아래와 같이 구조화를 해서 나열해야 한다. 친구 목록 입니다. 바나나 딸기 복숭아 바로가기 목록 입니다. daum naver gmarket - (unordered list) : 순서 없는 목록 - br을 사용해서 단순히 나열할 수도 있지만, 의미가 있게끔, 구조를 갖추어 나열하는 것이 중요함. - 은 리스트를 만드는 요소, 은 자식 요소로 를 갖는다. - 문자(text)뿐만 아니라 다른 요소(other element)( 등)도 목록이 될 수 있다. - html의 기본 list ..

1일차(4) Block, Inline 요소 * Block Element : 해당하는 컨텐츠 영역의 가로 행을 전부 다 차지하는 요소 * Inline Element : 해당 컨텐츠만큼의 영역(폭)만 차지하는 요소 div요소는 문단을 나타낼 때 사용합니다. 문단에 해당하는 것은 문자열뿐만이 아니고 여러 가지 요소도 될 수 있습니다. div요소는 폭을 100% 차지하는 block 요소입니다. - div : block element ↔ span : inline element - border-width(너비) / -style(종류) / -color(색상) / -radius(곡률반경) 등 다양한 서식 적용 가능 - border-style 의 종류: solid(실선), dashed(긴 점선), dotted(점선), ..

1일차(3) 이미지 삽입 및 css id, class 사용 예제 이미지 입니다. 단락을 나타내는 p 요소 p2 입니다. p3 입니다. 문단을 나타내는 div 요소 제목을 나타내는 hn 요소 이미지 요소의 크기 조절하기 #id : id 속성은 특정 요소를 유일하게 식별하고자 할때 사용하는 속성 .class : class 속성은 특정 요소들을 같은 그룹으로 구성하고자 할때 사용하는 속성 - 안의 p 에 컬러를 지정하면 모든 p 요소의 서식을 한번에 바꿀 수 있다. 하지만! id로 지정한 한 개만 컬러를 바꾸고 싶다면! #id 로 표기하면 된다. - 는 파일 시스템 내 / 인터넷의 어떤 주소에 있는 이미지를 모두 가져올 수 있다. alt : 이미지의 대체텍스트 작성. 시각장애인도 편리하게 접근할 수 있는 설명..

1일차 HTML, CSS, Javascript 기초 각각의 언어마다 담당하는 부분(?)이 다르다. - html: 정보(data) / UI 나열 - css: 디자인(design) / 깔끔하고 예쁘게 꾸미는 역할 - javascript: 언어적인 부분, 동작 (language, action) / 필요시 수행할 동작을 미리 준비함 제목 입니다. 안녕하세요. - HTML 주석: - CSS 주석: /* (무시되는 값) */ - Javascript 주석: // (무시되는 값:1줄) or /* (무시되는 값:여러 줄) */ - 하단의 function alert는 바로 실행되지 않음. 검사-console에 들어가서 함수명() greet() 입력하면 실행된다! → 특정 시점에 일괄 실행할 v를 함수 안에 미리 준비해 놓..

1일차(1) - 개발 전용 편집기 visual studio code를 사용 * Visual Studio Code (https://code.visualstudio.com/) - file-preference 에서 기본 세팅 설정 가능 - autosave : 자동저장 설정 (afterdelay) - extensions - open in browser 추가 : 추가기능(플러그인) 설치. 우클릭 창에 브라우저에서 열기 기능 추가 - ! + tab / ! + enter : 기본 html 문서 틀 자동 작성 - 태그 + tab : 닫는 태그까지 자동 작성 나의 첫번째 웹페이지 Hello, World! Naver : x는 요소(element) : y,z는 속성(attribute). y는 속성명(attribute nam..

생활코딩 WEB1 HTML 강의 WEB html CSS JavaScript WEB WORLD WIDE WEB