![]()
JavaScriptECMA 스크립트 (ES)객체 기반의 스크립트 프로그래밍 언어 (지향보다는 기반)웹 프로그래밍 언어처음엔 server 가 아닌 client 쪽에서 처리하고 싶어서 언어가 만들어졌는데,가볍고 용량이 적다 보니 server 쪽에서도 사용 가능해져서 server 쪽도 사용하게 됨동적함수 기반의 언어html 을 하나의 객체로 보고, 참조변수를 통해 접근 ==>html 을 document(참조 변수) 를 통해 접근구문이 맞지 않아도 에러가 뜨지 않아서 어디 부분이 에러인지 구분 하기 어려움JavaScript 특징html 에 head / body 에 넣을 수 있는데 보통 body 내에 들어감컴파일 없이 한줄 한줄 해석하며 바로 명령어를 실행하는 인터프리터 언어 HTML의 특정 요소를 선택하여 다..
![]()
스타일 적용 전 Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus libero nesciunt laborum magni odit, doloremque dicta autem, hic consectetur molestias alias aliquam itaque ut praesentium veniam accusantium voluptatibus blanditiis similique. 메뉴 1 메뉴 2 메뉴 3 메뉴 4 메뉴 5 메뉴 6 Lorem ipsum dolor sit amet consectetur adipisicing..
![]()
스타일 적용 전 navigation left menu contain comment footer 스타일 적용 후@charset "UTF-8";#wrap { width: 300px; margin: 0 auto; background-color: yellow;}#navigation { width: 300px; height: 50px; background-color: red;}#main { height: 150px; background-color: lightgreen;}/* main 자식 element 에 float 를 해줬기 때문에 부모 element 에 플롯 해제 */#main::after { /* [..
![]()
스타일 적용 전 테이블 table caption table header cell-1 table header cell-2 table header cell-3 table header cell-4 table data cell-1 table data cell-2 table data cell-3 table data cell-4 td{table data cell-$@5}*4 // @5 가 5부터 시작 --> table data cell-5 table data cell-6 table d..
![]()
공식 문서https://www.w3schools.com/css/default.asp CSS TutorialW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.www.w3schools.com CSS(Cascading Style Sheets[캐스케이딩 스타일 시트]) 이란?CSS 는 HTML 이나 XML 과 같은 구조화 된 문서(Document) 를 화면, 종이 등에 어떻게 렌더링 할 것인지 정의하기 위한 언어즉..
![]()
📍 24.05.02(목) ~ 24.05.03(금) : HTML, tag, 단락, 글자 관련 태그, 블록태그&인라인태그, 단어 설명 관련 태그, 수평선(구분선), 제목 요소, 미리 서식 정의된 텍스트 요소, 목록 태그📍 24.05.07(화) ~ https://velog.io/@juyeonma9/HTML-%EC%A0%95%EB%A6%AC🎀 현재 내 환경WindowVs code{ "langko html form": { "scope": "html", "prefix": "lko", "body": [ "", "", "", "\n", "\t$2", "", "" ], "description": "lang korean 자..
![]()
📍 24.04.23(금) : UI 설계📍 24.04.29(월) ~ 24.05.02(목)📍 24.04.26(금) 23일차UX : 기획UI : 디자이너사용자가 사이트를 접속했을 때 느낀 것이 UX 부분 https://modulabs.co.kr/blog/uxui-design/ UX/UI 디자인 정의, 특징, 차이점 완벽하게 파악해봅시다UX/UI의 정의와 특징, 차이점, 좋은 UX 디자인을 위한 3가지 원칙에 대해 알아봅니다.modulabs.co.kr 사이트를 사용하는 사용자들을 구체적으로 타겟화 해야 된다ex) 요리 - 1인 - 초보자 - 20~40대 UI 디자인 문서상세 문서가 필요한 이유 : 이해 관계자(협업자) 간의 커뮤니케이션 도구 디자인 가이드라인 작성법(기획서)사..
See the Pen Untitled by 진혜정 (@pbmpolyw-the-reactor) on CodePen." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스
