📚 HTML&CSS, JAVAscript 공부

자바스크립트 .val()의 의미와 용도

코딩 공부를 하다보니 HTML 태그이 종류에 대해서 기초가 많이 부족하다고 느끼게 되었다. 작업을 하면서 모르는 tag는 그때그때 찾아보기는 하지만,애초에 아는것이 없으니 코딩할때마다 막히는것이 많아 조금 알아보고 시작하고자 한다. 먼저 태그를 사용하는 HTML이란 무

CSS(Cascading Style Sheet)은 마크업 언어로 작성된 문서의 모습을 '설명'하는 것. 레이아웃, 색상 및 글꼴을 포함하여 내용과 프레젠테이션을 분리할 수 있게 설계하여 콘텐츠 접근성을 향상시켜주는 역할을 한다. Author Style (CSS 제공)

Flexbox Froggy 게임: https://flexboxfroggy.com/🔗 Resources:Material Design Color Tool:https://material.io/resources/color/CSS Tricks for Flex

selector + property + values\* 페이지 상 요소들 중 선택 요소 결정하는 셀렉터\* 속성들을 꾸며주는 프로퍼티\* 속성들의 값인 벨류unit 유닛\* value들 중 요소의 크기나 사이즈, 길이 등을 결정▾폰트 사이즈 단위브라우저에서 html의

반응형 웹페이지 작업 중 최상단 헤더 부분을 만들어보았다!

HMTLCSS

HTML5 시멘틱 태그를 더 자세히 보려면 여기에서!Semantic Tages (Semantic Mrakup)시멘틱 태그는 자신의 의미를 브라우저와 개발자 모두에게 명확하게 설명한다.semantic : 자신의 컨텐츠를 명확하게 정의.none-semantic : 자신의

@media(max-width:800px;) {}@media screen and (min-width:750px) {}의 차이점HTML5과 CSS3, 시멘틱이 중요해지다.서식과 콘텐츠를 분리하자! 콘텐츠에 의미를 부여해 검색 결과(SEO)를 향샹시키는 시멘틱 태그가 중요

onclickonchangeonkeydown웹브라우저 위에서 일어나는 여러가지 사건들 중 사용자에게 유용하게 상호작용하는 코드!

자바스크립트 Data typesJavaScript 언어의 타입은 Primitive values(원시 값)과 object(객체\*)로 나뉩니다.number-문자열string-숫자

토글 버튼(toggle button)

배열 배열은 하나의 변수에 여러 값을 저장하는 데 쓰이는 정적 리스트(static list)이다. 배열의 크기는 long 혹은 short가 아닌 int 값으로 특정되어야 한다. 배열에는 각 저장공간이 연속적으로 배치되어 있으며, 0부터 n-1까지 n개의 값을 특정 위치

배열과 반복문 활용(1)Data type : ArrayStatement : Loop & Array<문제>Day & Night 나이트 모드에서 'a'태그의 텍스트 가독성 떨어짐. <목표>나이트 모드일때 'a'태그 전체에 스타일을 주어 색상을 바꾼다! ( 각각의

생활코딩/ 함수 영상 노트 정리

String concatenation Numeric operators

드림코딩 / 함수 영상 노트정리

클래스는 객체 지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 메소드를 정의하는 일종의 틀로, 객체를 정의하기 위한 상태(멤버 변수)와 메서드(함수)로 구성된다. 클래스를 만들고, new MyClass()를 호출하면 내부에서 정의한 메서드가 들어 있는 객체가 생성

Q1. make a 'string' out of an array✅ 정답Q2. make an array out of a string✅ 정답 Q3. make this array look like this: 5, 4, 3, 2, 1✅ 정답

HTTPHypertext Transfer Protocal클라이언트와 서버간의 통신이 가능하게 해주는 역할!\*브라우저 위에서 동작client(웹사이트 / 웹어플리케이션) 🔛통신 Server => 요청 <= 응답AJAX Asynchronou

localStorage.setItem()localStorage.getItem()

CSS Grid

block 요소는 width와 height이 주어져 있지 않을 경우, width는 최대값으로 heigthdms '0'으로 표현된다.따라서, grid container에 height값을 지정해 줘야한다.fr = fraction(부분)gird에서 사용 가능한 공간을 뜻하며

CSS 클래스 명명 규칙으로 복잡한 사용자 인터페이스(UI)를 유지 관리하기 쉽게 도와준다. 코드의 재사용성과 확장성을 높이며, 스타일을 모듈화하고 명확하게 구조화하는 데 중점을 둠.Block (블록)UI의 독립적이고 재사용 가능한 컴포넌트페이지의 의미 있는 부분을 나