본문 바로가기
반응형

분류 전체보기240

[VSCODE] 유용한 확장자 및 단축키 확장 프로그램 1. LIVE SERVER - open with live server를 클릭해 html, css, js 코드를 브라우저에서 바로 확인 가능 - 하단의 port:5500 버튼을 누르거나 stop live server 를 클릭하여 서버 종료 2. AUTO RENAME TAG - 태그 수정 시 자동으로 닫힘 태그까지 수정됨 단축키 - 원하는 부분의 코드 드래그 후 tab: 오른쪽으로 이동 - 원하는 부분의 코드 드래그 후 tab+shift: 왼쪽으로 이동 2023. 2. 22.
[INTELLIJ] WEB APP 개발 환경 설정하기 설치해야 할 목록 JDK 8 이상 (https://www.oracle.com/technetwork/java/javase/downloads/index.html) Maven (https://maven.apache.org/download.cgi) IntelliJ IDEA (https://www.jetbrains.com/idea) Tomcat Server (https://tomcat.apache.org/download-80.cgi) 도구 별 설치 이유 1. MAVEN - 프로젝트 관리를 위한 Maven 도구 - apache software foundation에서 개발한 java 기반 프로젝트 관리 - 프로젝트의 컴파일, 빌드, 수행 및 테스트 - 서버 측 deploy 자원과 라이브러리 관리 2. INTELLIJ.. 2023. 2. 22.
[HTML/JS/CSS] box-shadow : 0 14px 0 #E66000; - css 값이 0이면 단위 생략 가능 width: 너비; margin-left: auto; margin-right: auto; - 너비가 지정된 상자 요소를 가운데 정렬 cursor: pointer; - 마우스 커서를 포인터(손가락 모양)으로 변경 flex: 1; - 정렬되는 요소의 너비를 1비율만큼 늘어가게 지정 const ingEl = document.querySelector('img') imgEl.src = '이미지_경로' - js에서 요소의 src 속성 지정 const aEl = document.querySelector('a') aEl.href = '페이지_주소' - js에서 요소의 href 속성 지정 location.href = '페이지_.. 2023. 2. 20.
[JS] JAVASCRIPT 기초 개념 모음 1. 'Hello' : 문자(String) 데이터 2. 123: 숫자(number) 데이터 3. true / false : 불린(boolean) 데이터 4. null : Null데이터 5. {} {키1: 값1, 키2 : 값2} : 객체(Object) 데이터, Key: value 형태로 데이터 저장 ex) const user = { name: 'java', age: 85 } console.log(user.name) console.log(user[name]) 점 표기법 혹은 대괄호 표기법으로 데이터를 사용 6. [] [값1, 값2, 값3] : 배열(Array) 데이터, 데이터를 나열해서 저장 ex) const fruits = ['apple', 'banana'] console.log(fruits[0]) con.. 2023. 2. 16.
[CSS] CSS 기초 개념 모음 1. width: 100px; max-width / min-width : 요소의 가로 너비 2. height: 100px; max-height / min-height : 요소의 세로 너비 3. margin-top: 20px; margin-top / margin-bottom / margin-left / margin-right : 요소의 외부(바깥) 여백 4. padding-top: 20px; padding-top / padding-bottom / padding-left / padding-right: 요소의 내부(안쪽) 여백 5. border: 4px solid red; : 요소의 테두리 선 6. border-radius: 10px : 요소의 모서리 둥글게 (50%: 동그라미) 7. box-shadow: 4.. 2023. 2. 16.
[HTML] HTML 기초 개념 모음 1. 2023. 2. 16.
반응형

티스토리툴바