WINK-(Web & App) (482) 썸네일형 리스트형 [2025 1학기 스프링 부트 스터디] 오세웅 #2주차 정적 컨텐츠정적 컨텐츠는 파일 웹 브라우저에 그대로 전달하는 방식 static 폴더에 html파일을 생성하고 웹 브라우저에서 파일 이름을 호출하면 정적 파일이 그대로 넘어오게 된다.톰캣 서버에서 요청을 받고 컨트롤러가 우선순위가 높기 때문에 먼저 컨트롤러에서 찾고없으면 static에서 찾아서 있으면 그대로 출력하는 방식이다. MVC와 템플릿 엔진MVC: Model, View, Controler Model : 핵심 로직과 데이터에 접근하는 역할View : 사용자가 보는 UI 역할Controler : 요청을 받고 데이터를 가공해서 돌려주는 역할 식당에 비유하면 다음과 같다. 실제 코드를 보면 다음과 같다.Controler@GetMapping("hello-mvc") public String helloMv.. [2025 1학기 React.js 스터디] 이종민 #2주차 임시저장이 날아가고 전생한 이종민입니다 다시 써보자 아자아자 화이팅 !!!!!!! for ... of 문배열의 요소를 순서대로 반환함const를 사용하는 이유 : num값에 계속 myArray의 값이 새로 들어가서 사용됨 for ... in 문객체의 키들을 순서대로 반환함 화살표 함수function으로 정의한 함수와는 세부적으로는 기능이 다름한줄로 표현 가능한 코드는 위 사진처럼 표현 가능 HTML 요소들 선택하기 document.getElementsByTagName('section'); 태그명으로 선택 document.getElementsByClassName('plant');클래스명으로 선택 document.getElementById('sweets');아이디로 선택 querySelector, quer.. [2025 1학기 React.js 스터디] 백채린 #2주차 9. 반복문 : 주어진 조건이 충족되는 동안 특정 작업을 반복해서 수행 for 문 for (let i = 0; i let i = 0; → 변수의 선언 및 할당i ➡️ 참일 시 블록 안의 코드 실행 - for ... of 문 : 배열의 요소를 순서대로 반환 const myArray = ['한놈', '두시기', '석삼', '너구리', '오징어'];for (const item of myArray) { // 상수명은 자유 console.log(item);} - for ... in 문: 객체의 키들을 순서대로 반환 const person1 = { name: '김철수', age: '25', married: false}for (const key in person1) { console.log(key,.. [2025 1학기 React.js 스터디] 강민지 #2주차 2주차 블로깅!!!입니다 1. 반복문1-1. for 문for (let num = 0; num 이때, 0은 초기값중첩 사용의 예> 구구단for (let i = 1; i 1-2. continue & breakfor (let num1 = 0; num1 10) break; // 10 이하까지만 console.log(num1);} 1-3. for ... of 문 : 배열의 요소 순서대로 반환const myArray = ['한놈', '두시기', '석삼'];for (const item of myArray) { console.log(item);} 1-3. for ... in 문 : 객체의 키 순서대로 반환const person1 = { name: '강민지', age: '22', married: false}fo.. [2025 1학기 스프링 부트 스터디] 이상래 #2주차 💡정적 컨텐츠정적 컨텐츠란?클라이언트의 요청을 받고 서버에 미리 저장된 HTML, CSS, JS 등의 파일을 그대로 응답해 보여주는 것을 말합니다. 정적 컨텐츠의 특징모든 사용자에게 동일하게 전달됨 신문과 같이 콘텐츠가 자주 변경되지 않는 사이트에 적합 정적 HTML을 생성할 수 있어 Content Delivery Network (CDN)을 통해 빠르게 제공할 수 있음 💡MVC와 템플릿 엔진MVC란? MVC(Model View Controller): 사용자 인터페이스, 데이터 및 논리 제어를 구현하는데 널리 사용되는 소프트웨어 디자인 패턴모델: 데이터와 비즈니스 로직을 관리뷰: 레이아웃과 화면을 처리컨트롤러: 모델과 뷰로 명령을 전달1. 사용자의 Request(요청)를 Controller가 받음.. [2025 1학기 스프링 부트 스터디] 정다은 #2주차 이번 강의는 🚀 섹션 3. 스프링 웹 개발 기초 🚀 입니다~ 1. 정적 컨텐츠 서버가 하는 일 X / 파일을 웹 브라우저(고객)에 그대로 내려줌 2. MVC와 템플릿 엔진 서버에서 html을 동적으로 변형.3. API json이라는 데이터 포맷으로 클라이언트에게 파일 내려줌 화면은 클라이언트가 알아서 구성 html이 필요없는 서버간 통신시 주로 사용 이렇게 간단히 정리해보았고 자세한 내용을 실습과 함께 시작해 봅시다 😮💨 1. 🛸 정적 컨텐츠스프링 부트 자동제공 기능입니다. 아무 html 파일 작성해서 localhost로 파일 열면그냥 작성한 파일 그대로 반환. 2. 🛸 MVC와 템플릿 엔진MVC란? : Model, View, Controller Contr.. [2025 1학기 React.js 스터디] 정채은 #2주차 9. 반복문 for 문 중첩 사용 1. i2. j break : 멈추게 한다.for ... of 문 const myArray = ['한놈', '두시기', '석삼', '너구리', '오징어'];for (const item of myArray) { // 상수명은 자유 console.log(item);} for (const (상수명) of (배열이름) ) for ... in 문 for (const key in person1) { console.log(person1[key]);} 여기서 1번째 줄 key(상수 지정) 와 2번째 줄 key(문자열로 인)는 다름!!!!!!!! while 문 조건을 먼저 확인 → 실행 do ... while 문 먼저 실행 → 조건 확인 10. 함수function [함수이름] ().. [2025 1학기 React.js 스터디] 최은희 #2주차 # 반복문1. for 문for 문은 가장 일반적인 반복문으로, 반복 횟수가 정해져 있을 때 유용for (초기화; 조건; 증감) { // 실행할 코드}2. while 문while 문은 조건이 true인 동안 계속 실행됩니다. 주로 반복 횟수가 정해지지 않은 경우에 사용while (조건) { // 실행할 코드} 3. do...while 문do...while 문은 while 문과 비슷하지만, 조건을 확인하기 전에 코드 블록을 한 번은 무조건 실행do { // 실행할 코드} while (조건);4. for...in 문 (객체 순회)for...in 문은 객체의 속성을 반복할 때 사용for (let 변수 in 객체) { // 실행할 코드}5. for...of 문 (배열 순회)for...of 문은 배열, 문자.. 이전 1 2 3 4 ··· 61 다음
