전체 글 111

TIL 8일차_배열과 객체

배열과 객체 배열의 추가, 삭제 array.push(추가할 엘리먼트) //맨 뒤의 엘리먼트 추가 array.pop //맨 뒤의 엘리먼트 제거 array.unshift(추가할 엘리먼트) //맨 앞의 엘리먼트 추가 array.shift //맨 앞의 엘리먼트 제거 이 넷은 모두 mutable 메쏘드이다. 따라서, 리턴할 때는 변수에 할당을 해줘야한다. 변수에 할당하지 않은채 리턴하게되면 각 메쏘드마다 특정 값을 리턴하게되는데 예를 들어, array.unshift는 바로 리턴하면 array.length를 리턴한다. 문자열을 배열로, 배열을 문자열로 str.split('나눌기준') 문자열을 배열로 나눈다. 나눌기준이 ''면 커서단위(?)로 나뉘고, 스페이스가 자주쓰인다. 나눌기준을 적지 않고 str.split()..

TIL 7일차_CSS기본

CSS CSS의 속성 몇가지 border-radius 꼭짓점을 둥글게 만드는 속성 button{ border-radius: 30px; } overflow 박스보다 내용이 더 길 때, 어떻게 보일지를 설정하는 속성. (상속되지 않는다.) overflow:______ hidden 내용이 넘치면 자른다.( 내용을 자르는 게 아닌, 박스안의 이미지까지만 보인다.) auto 내용이 잘릴 때만 스크롤이 보인다. scroll: 항상 스크롤이 보인다. visible: 내용이 흘러넘친다. 의사 클래스(=가상 클래스) 의사 클래스는 셀렉터에 추가하는 키워드로, 선택한 요소가 어떤 특별한 상태여야 작동한다. a:link { /링크 방문 전/ color: red; } a:visited { /링크를 방문한 이후/ color: ..

TIL 6일차_시맨틱태그

시맨틱 태그 대략적인 구조 머리말 메뉴바 본문 제목 및 내용 콘텐츠 사이드바 꼬리말 HTML(Hyper Text Markup Language)은 웹에서 웹페이지의 뼈대를 만들고 레이아웃을 구성한다. 웹사이트마다 다르지만, 대체로 헤더(header), 내비게이션(Nav), 콘텐츠(main), 푸터(footer)의 조합으로 만들어진다. 헤더: 사이트의 이름이나 로고 등을 넣는다. 일종의 간판. 내비게이션: 페이지 전환, 로그인 등 사이트의 공통기능이 들어간다. 콘텐츠: 글 목록이나 본문 등 실제 내용이 들어간다. 푸터: 회사 정보나 약관 등의 부가정보가 배치된다. 왜 시맨틱 태그를 사용해야 하는가? 검색엔진 최적화(SEO: Search Engine Optimization) 사실 와 만으로도 웹사이트를 만들 ..

TIL 5일차

TIL 페어로 계산기를 만드는 과제를 진행했다. 페어분이 정말 잘하셔서 거의 수업받듯이 했는데, 배려를 많이 해주셨다. 화면공유로 내가 처음부터 작성하는 코딩을 실시간으로 피드백 해주셨다. 감사합니다. 함수에서 return은 함수가 중단됨을 의미한다. 어렴풋이 알고있었는데 페어분이 조건문의 결과를 return;으로 하시는 걸보고 물어봤고 설명해주셔서 좀더 명확하게 알 수 있었다. javascript를 링크하는 script태그는 어디에 위치할까? 크게 2가지로나뉜다. body의 가장 아래에 쓰던가, head안에 쓰던가. 1. body안 가장 아래에 쓰는 이유. 브라우저가 웹페이지를 읽을 때, html의 구조를 읽고 가장 나중에 javascript의 데이터를 읽어야 로딩이 적기때문이다. 2. head안에 쓰..

TIL 4일차

TIL HTML, CSS, JavaScript HTML: 웹문서를 구조적으로 표현하기 위한 언어 CSS: 구조적인 문서를 시각적으로 표현하기 위한 언어 JavaScript: 본래 브라우저에 웹 문서를 표현하기 위한 스크립팅 언어였으나, 현재는 서버제작, 앱, 프로그램 등을 만들 수 있는 범용적인 프로그래밍 언어이다. HTML - 태그와 속성 : 태그 class: 속성(attribute) paragraph: 속성값(attribute value) 이 전체를 엘리먼트라고 한다. 시맨틱태그, 시맨틱웹... '시맨틱하다'라는 것은 콘텐츠의 의미를 명확히 설명한다는 뜻이다. header, main, nav, aside, footer 태그는 div태그와 기능적으로 같지만, HTML의 구조를 보다 명확히하는 시맨틱 태..

태그(tag)와 엘리먼트(element)

태그 tag 태그는 로 묶인 명령어를 의미한다. 태그에는 세가지 종류가 있다. 시작태그 : 종료태그 : 빈태그 : , , 등 태그의 구성 시작태그는 "속성(attribute)"과 "값(value)"을 가질 수 있다. 태그 tag: div 속성 atrribute: class 값 value: "container" 엘리먼트 element 다음과 같이 생긴것들을 엘리먼트라고 한다. 이것은 문단입니다. 제목입니다. 즉 내용을 포함해 시작태그와 종료태그까지를 엘리먼트라고 한다. 또 이런것도 엘리먼트라 한다. 빈요소(empty element)라고 하여 내용이 없는 경우를 말하며 , 와 같은 것들이 있다. [참고] https://opentutorials.org/module/966/6986, 오픈튜토리얼스, "엘리먼트는..