[PHP] 기초 끄적끄적
·
Stack/PHP
ex01.php 1+1 2-1 2*2 문자열 02. ex02_variable.php
[JS] let / const / var 기초
·
Stack/JavaScript
1. 변수선언 let userName; var userAge; const 선언과 동시에 할당해야 함 const apple = 'apple'; let age, name, hobby; 2.변수할당 let userName='green'; let userName; userName = 'blue'; userName = 'abc'; let userAge = 30; 숫자는 따옴표없이 할당 문자는 따옴표로 감싸고 할당 alert('여러분') alert(userName); 05variable.html 06variable_ex.html 자바스크립트로 내용 입력하기 07prompt.html 08confirm.html
[JS] print / DomElement / click 기초
·
Stack/JavaScript
JavaScript 출력 1. 경고창에 출력 alert('내용'); 2. 콘솔창에 출력 console.log('내용'); 3. html body에 출력 document.write('내용'); 4. DOM요소 안에 출력 innerHTML = '내용'; DOM요소 선택 1. 단수 선택 document.getElementById('id이름'); document.querySelector('css선택자'); 2. 복수 선택 document.getElementsByClassName('class이름'); html 컬랙션 document.getElementsByClassName('class이름')[0] // 첫번째 요소 선택 document.getElementsByTagName('tag이름'); html 컬랙션 doc..
[CSS / SCSS] SCSS; CSS Preprocessor / CSS 전처리기
·
Stack/CSS
우선 Live Sass Compiler 설치하기 ! 파일 - 기본 설정 - 설정 들어가서 검색창에 live 검색 01scss.scss 01scss.css 02ampersand.scss 03variables.scss 04mixin.scss @mixin large-text { // font-size: 22px; // font-family: sans-serif; // font-weight: bold; font: { size: 22px; family: sans-serif; weight: bold; } &::after { content: "여러분"; } } @mixin dash-line($width: 1px, $color: black) { border: $width dashed $color; } .box { @i..
[Illustrator] Illustrator 쌩기초 끄적끄적
·
Design/Illustrator
일러스트레이터 1. 도형툴 / 선택툴 / 직접선택툴 사각형 M 원 L 선택 V - alt 드래그: 복사 - ctrl + a: 전체선택 - delete: 삭제 - shift: 연속선택 - ctrl + [, ]: 앞, 뒤로 이동 2. 패스파인더 3. 회전툴(R) / 대칭툴(O) 1) 오브젝트 선택 2) 회전툴 클릭 3) alt + 중심점 마우스 클릭 4) ctrl + y: 아웃라인 모드 이미지를 줄일 때는 무조건 shift 누르고 드래그 ! 렉걸려서 하던거 다 날라갔다 ㅎㅎㅎ 저장은 필수 ㅎㅎ +)
[CSS] CSS 끄적끄적
·
Stack/CSS
css 표현언어(style.css) - 사용법 1. 외부스타일 시트사용 2. 내부스타일 사용 3. 인라인스타일 사용방법 안녕하세요 div입니다. - css 구문 선택자 { 속성:속성값; } ex> div { font-size: 24px; } - 선택자 (이 3가지보다 더 많음 ! ) 1. 태그 선택자 html요소의 태그명으로 선택 태그명 { 속성: 속성값; } ex> div { font-size: 24px; } 2. 아이디 선택자 html요소의 아이디명으로 선택 #아이디명 { 속성: 속성값; } ex> #header { font-size: 24px; } /* #이 있어야 아이디에서 찾음, 없으면 태그에서 찾아버림 */ 3. 클래스 선택자 html요소의 클래스명으로 선택 .클래스명 { 속성: 속성값; } ..
[HTML] 5일 만에 끝내는 HTML 기초 5일차
·
Stack/HTML
1. 폼태그 복습 회원가입 폼 아이디 패스워드 패스워드확인 패스워드 분실시 질문 어릴때 살던 곳은? 초등학교 선생님의 성함은? 나의 가장 소중한 보물은? 패스워드 분실시 답변 이름 (공백없이 한글만 입력가능) 별명 한글2글자, 영문4글자 이상 입력가능합니다. 공백없이 한글, 영문, 숫자만 입력가능(한글 2자, 영문 4자이상) 이메일 E-mail주소를 입력하십시요. 성별 남성 여성 메일링 서비스 정보메일을 받겠습니다. " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 JOIN US 회원가입
[HTML] 5일 만에 끝내는 HTML 기초 4일차
·
Stack/HTML
티스토리 html블럭 플러그인 이미지태그 alt 속성이 가끔씩 제대로 안먹힌다 🤨 결과화면 빼버려야게써 1. 페이지 전체 마크업 - 내가 한 것 ORGANIC 오가닉 러프한 소재와 함께 자연 공간을 풍부하게 경험할 수 있는 오가닉한 스타일 내추럴 컨셉을 표방하는 오가닉 네이처는 예스럽지만 세련된 느낌의 공간으로 중년층의 라이프 스타일과 취향을 반영한 스타일입니다. 전체적으로 밝은 아이보리와 베이지, 브라운 컬러를 사용하며 생활에 지친 사람들에게 삶과 힐링을 제공하는 인테리어입니다. 자연 친화적인 공간 연출 자재: 티크나 윌넛 수풍의 바닥재, 텍스처가 살아있는 벽지, 나뭇결의 거친 느낌을 강조한 도어 소품: 자연소재 그대로의 스톨, 나뭇가지 형태의 플로어램프, 한국적 자아의 툇마루 공간, 모던하게 재해석한..
[HTML] 5일 만에 끝내는 HTML 기초 3일차
·
Stack/HTML
1. 비디오태그 https://www.youtube.com/shorts/Y6Pbqbg4IpQ 2. 비디오태그 (이 양식을 더 많이 쓸 것 !) 이 브라우저는 비디오태그를 지원하지 않습니다. 3. 폼태그 * input태그 속성 type 속성: 입력필드 타입을 지정함 type 1. text: 텍스트를 입력하는 창을 생성 2. password: 비밀번호를 입력하는 창을 생성 3. radio: 라디오 버튼을 생성 4. checkbox: 체크박스를 생성 5. hidden: 사용자에게 보이지는 않지만 서버로 전송됨 6. submit: 서버로 제출/전송하는 버튼을 생성 7. reset: 입력필드를 초기화 시키는 버튼을 생성 8. file: 파일 이름을 입력하는 창을 생성 name 속성: 서버로 전달되는 이름 valu..
[HTML] 5일 만에 끝내는 HTML 기초 2일차
·
Stack/HTML
1. 테이블태그 수업명 개강일 인원 수강료 건축설계 04-07 25명 300,000 웹 개발자 프론트 05-02 360,000 그린컴퓨터 아카데미 그린컴퓨터 아카데미 그린컴퓨터 아카데미 " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스