본문 바로가기

프론트엔드5

[JavaScript Patterns] 핵심 정리: 실전 코딩 적용 전략 📕JavaScript Patterns 📘주요 키워드 #자바스크립트 코딩 규약#자바스크립트 객체의 올바른 사용법#함수를 정의하는 다양한 방법과 장단점#코드 재사용과 상속을 구현하는 방법#자바스크립트 안티패턴과 해결책 📗핵심내용 2장 : 기초 더보기• 전역 변수를 최소화한다. 애플리케이션 당 전역 변수가 한 개만 존재하는 것이 가장 이상적이다. • 함수 내 var 선언을 한 번만 사용한다. 단일한 위치에 모든 변수를 모아놓고 지켜볼 수 있고, 변수 호이스팅으로 인해 발생하는 예기치 못한 부작용을 방지한다. • for 루프와 for-in 루프, Swith문에 대해 살펴보았다. •"eval은 사악하다(eval0 is evil)." • 내장 생성자 프로토타입을 확장하지 않는다. • 코드 작성 규칙을 준수한다.. 2025. 4. 10.

JSTL 개념 및 사용법 자바 서버 페이지 표준 태그 라이브러리 (JSTL)이란?JSTL(Java Pages Standard Tag Library)이란 JSTL의 확장태그로,JSP안에 자바코드와 HTML 코드가 섞이면 코드를 이해하거나 수정하기 어려워지는 문제를 보완하기 위해 등장했다. JSP 페이지에서 조건문, 반복문 처리등을 HTML 태그로 처리할 수 있다.※ EL (Expression Language) : JSP 2.0부터 추가된 개념으로 JSP 내의 자바 코드를 대체해서 사용할 수 있는 언어이다. JSTL의 장점 빠른 개발: 자바코드 대신 태그를 이용해 간단히 JSP를 구성 코드의 재사용: 여러 페이지에서 JSTL 태그 사용 가능날짜, 시간, 숫자 FORM 설정 데이터베이스 CRUD 기능 JSTL 태그 종류 EL 연.. 2023. 5. 24.

[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.

이전 1 다음

티스토리툴바