🟰우선적으로 알아야 할 개념! 🔆 HTML, CSS, JAVASCRIPT = 정적 페이지 🔆JSP(Java Server Page) = 동적 페이지 🔆JSP의 작업 처리 유형 JSP가 직접 처리하고 원하는 내용을 response 1. request(웹에서의 어떤 요청) >> JSP >> Servlet이 처리 >> response (원하는 내용과 화면을 구현) ⭐⭐⭐MVC 패턴 2. request(웹에서의 어떤 요청) >> Servlet이 직접 처리 >> JSP로 화면구현 위와 같은 방법이 있으며 대부분이 MVC패턴과 함께 Spring Framework를 배우며 그 이전에 JSP를 통해 1번 패턴을 배우기도 합니다. 위와 같이 두가지 방법이 있으며 MVC패턴 2번이 응집도가 높고 결합도가 더 낮은 방법입니다..

백문이 불여일견 내용은 codepen에서 실행하여 학습해보자! css파일에 주석을 달아두었다. HTML 삽입 미리보기할 수 없는 소스

🟰dIv태그 ☀️ 화면 영역을 분리하기 위한 태그, 혼자서 한 줄을 차지한다. 🟰span태그 ☀️요소를 구분하기 위한 태그, 줄 바꿈이 없고, 내부 컨텐츠만큼 크기를 차지한다. HTML 삽입 미리보기할 수 없는 소스

🟰반복문 for은 말 그대로 일정한 조건아래서 반복을 수행하는 제어문이다. 자바의 반복문과 동일하지만 변수선언은 let을 사용한다. 쓰는 방식은 아래와 같다. for(초기화 변수값; 조건식; 증감식){ ... 반복문 수행 ... } 조건식이 만족할 때까지 초기화 한 변수값을 증감식을 적용해가며 반복문을 수행한다. const arr= ['짱구','유리','맹구','훈이','철수','수지'] const list = document.getElementById('list') for(let i=0; i HTML 삽입 미리보기할 수 없는 소스

🟰 자바스크립트 연산자 let num =1234; let multi = 1000; let tmp = 10; //덧셈 tmp = tmp + 1;//tmp +=1 //뺼셈 tmp = tmp - 1;//tmp -=1 //나눗셈 tmp = tmp /2 ;//tmp /=2 //곱셈 tmp = tmp *2;//tmp *=2 //num을 뒤집는 연산 ( 4321로) tmp =0; while(num>0){ tmp *= 10; tmp += (num%10); num = num/10; // 자바스크립트의 나눗셈은 실수형식으로 결과가 나와서 소수점 이하를 버리는 함수가 필요하다. } 간단한 예시입니다. 여러분이 아는 연산과 동일 합니다. 하지만 결과값이 어떻게 나오는지 확인하면 조금 의아해 하실 수도 있습니다. 다른 연산과 ..

코드를 통해 먼저 확인하겠습니다. //자료형 const t1 = true; //bolean const t2 = 10;//정수 const t3 = 'hello';//문자열 const t4 = () => alert('function');//함수 const t5 = ['짱구','유리','수지','철수','훈이'];//배열 const t6 = { name: '단비', // 객체에는 속성을 저장할 변수를 생성할 수 있다. age : 5, show: () => alert('단비꺼야!!') //객체의 속성에 함수를 지정할 수 있다. }//하나의 객체와 객체에 대한 속성을 지정한 값​ 변수에 담을 수 있는 변수 ☀️boolean(참/거짓) ☀️정수 ☀️문자열 ☀️함수 ☀️배열 ☀️객체 여기서 말하는 객체에 대해 처음 ..