웹 프로그래밍(HTML5+CSS+javaScript) - 3 (Javascript)
·
web/html
JavaScript 필수 정리 (프론트엔드용)1. 기본 문법 (기초 중의 기초)항목설명예시변수 선언데이터를 저장let x = 10; const PI = 3.14;자료형숫자, 문자열, 불리언, 배열, 객체 등number, string, boolean, object연산자+, -, *, /, %, ===, &&, ` 템플릿 문자열문자열 안에 변수 넣기`Hello, ${name}!`조건문분기 처리if, else if, else, switch반복문반복 실행for, while, for...of, forEach() 2. 함수 (Function)구분설명예시선언형 함수기본적인 함수function greet() { console.log("Hi!"); }익명 함수이름 없는 함수const greet = function(..
웹 프로그래밍(HTML5+CSS+javaScript) - 2 (CSS)
·
web/html
이번 게시물은 현업에서 자주 쓰인다고 하는 css필수 요소 및 그에 관한 정리를 해보도록 하겠다. CSS 필수 정리 (기초부터 실무까지 핵심만) 1. 기본 선택자 (Selectors)선택자설명예시 *모든 요소 선택* { margin:0; padding:0; }tag특정 태그 선택p { color:blue; }.class클래스 선택.btn { background:red; }#id고유 ID 선택#header { height:80px; }A, B여러 요소 동시에 선택h1, h2 { font-weight:bold; }A B하위(자손) 선택div p { color:gray; }A > B자식 선택.box > p { margin:0; }A:hover마우스 오버 시 스타일a:hover { color:orange; ..
웹 프로그래밍(HTML5+CSS+javaScript) - 1 (html)
·
web/html
클라이언트vs서버 클라이언트 - 좁은의미의 웹 브라우저 - 사용자가 웹 사이트에 접근할 때 사용하는 기기 서버 - 웹 요소와 여러 정보들이 저장됨 - 인터넷에 연결된 컴퓨터 프론트엔드vs백엔드프론트엔드 개발 - 웹 브라우저 화면에 보이는 부분을 다룸 - 웹사이트 제작 - 기본적으로 html, css, 자바스크립트 사용 백엔드 개발 - 사용자 뒤에서 보이지 않는 영역, 즉 서버를 다룸 - 데이터베이스를 설계하거나 데이터 처리 - 자바, php, 파이썬 등 프로그래밍 언어 사용 html,css,js?HTML 웹 브라우저 창에 웹 문서의 내용을 보여주기 위한 약속 정식적인 프로그래밍 언어가 아니다. CSS 웹 문서를 꾸미거나 웹 요소를 적절하게 배치하는 방법 Javascript사용자 동작에 반응해서..
프론트 링크 자료 모음🎱
·
web/html
짐코딩 html,css 강의 https://www.youtube.com/watch?v=9o5VuZB5OKw&list=PLlaP-jSd-nK-ponbKDjrSn3BQG9MgHSKv&index=2 수강 후 javascript 강의 react 인프런 강의
[html] springboot 기초실습1 (기초, table, input)
·
web/html
오늘은 웹 프로그래밍 수업을 토대로 배운 내용과 실습을 통해서 알아낸 정보를 공유해보고자 한다. 1. html을 이용한 기초 front-end 구현 게시판 ID 이름 학년 내용 ppiyak 나삐약 2 저는 아직도 삐약이라서 코딩이 어려워요 noeyh hyeon 2 현이라고 합니다 ID: 이름: 학년: 1 2 3 4 내용: 사용하였던 html의 기능들을 설명하도록 하겠다. : 가로선을 긋는 태그. _solotag : 헤더태그, 글자 크기를 조절하는 태그 : 표를 나타내는 태그 : 표 내에서 행을 나타내는 태그 : 헤더 칸을 나타내는 태그 (기본스타일 : 중앙정렬, 두껍게) : 일반적인 칸을 나타내는 태그(기본스타일 : 왼쪽정렬) : 줄바꿈 태그 _ solotag : 칸을 띄우는 태그(big spacebar..