전체 글 (853) 썸네일형 리스트형 [2025 1학기 스프링부트 스터디] 여민호 #3주차 스프링 부트 핵심원리 이해(#섹션 3)- 일단 객체 지향 프로그래밍의 도메인 설계를 배우자##실습##1. https://start.spring.io들어간 후 core 파일을 생성 후 인텔리제이에 적용 2. 예제 만들기"우리는 개발자"(회원,member)[1] 회원 가입 및 조회가 가능해야해!![2] 일반 회원과 VIP회원, 두 등급으로 나누어 져야해~![3] 자체 DB를 구축하지만 외부 시스템과 연동이 되야해(미확정)============================================================(주문,할인 :: order,discount)[4] 회원은 상품을 주문할수 있어야해[5] 회원 등급에 따라 할인 정책이 적용되어야해[6] 회원 등급이 VIP이면 1000원 할인해야해!!.. [2025 ROS 스터디] <문승주> #1주차 - <ROS소개 및 설치> ROS(Robot Operating System)의 이해와 로봇 생태계의 미래 1. 퍼스널 컴퓨터와 스마트폰의 공통점 퍼스널 컴퓨터와 스마트폰(퍼스널 폰)은 다음과 같은 공통점을 가지고 있습니다.운영체제(OS)를 기반으로 작동애플리케이션 개발 및 설치 가능다양한 하드웨어 모듈의 결합이 가능일반 대중에게 보급된 대중화 제품사용자의 존재와 피드백 가능성 대표적인 OS 예시로는 Windows, 리눅스, iOS, Android, Ubuntu 등이 있습니다. 2. 플랫폼 생태계의 4대 요소 플랫폼 생태계는 다음의 4대 요소로 구성됩니다.하드웨어 모듈운영체제(OS)애플리케이션(App)사용자(User) 과거와 달리 현대의 플랫폼은 다양한 기업이 역할을 나누어 제품을 생산하는 분업화 형태로 발전했습니다. 3. 로.. [2025 ROS 스터디] 윤윤지 # 1주차 - ROS 소개 및 설치하기 Ch 01 로봇 소프트웨어 플랫폼 에코시스템 = 하드웨어 모듈 + 운영체제 + 앱 + 유저 위의 4가지의 요소가 있어야만 대중화된 제품이 될 수 있다. 보이지 않는 생태계 속의 분업이 가능 소프트웨어 플랫폼이 가져온 변화 -하드웨어 인터페이스 통합 -하드웨어 추상화,규격화,모듈화 -모듈화가 되면서 양산체계로 전환됨에 따라 가격은 떨어지고 성능은 향상 -하드웨어, 운영체제, 애플리케이션 분리 -사용자 수요에 맞는 서비스에 집중 -유저 증가와 구매와 피드백, 새로운 생태계의 선환 구조 형성 로봇 분야 현재 로봇 운영체제는 약 40여개가 존재! 주요 로봇 운영체제 : ROS (가장 많이 사용) .. [2025 1학기 스프링부트 스터디] 이종윤 #2주차 정적 컨텐츠: 서버에서 특별한 처리 없이 그대로 클라이언트(브라우저 등)에 전달되는 파일들을 의미한다.: 스프링부트는 프로젝트의 resources 폴더 아래 특정 디렉토리에서 정적 컨텐츠를 자동으로 인식하고 제공한다. -> 보통 HTML, CSS, JavaScript, 이미지 파일(png, jpg 등) 등이 여기에 해당되고 저번시간에 한 실습(html)이 정적 컨텐츠이다.MVC: Model, View, Controller의 약자로, 애플리케이션을 세 가지 역할로 분리해서 관리하는 디자인 패턴Model: 데이터를 처리하고 관리함 (DB 연동, 비즈니스 로직)View: 사용자에게 보여지는 화면 (HTML, 템플릿 등)Controller: 요청을 받아 처리하고, 데이터(Model)를 View에 전달함- 템플릿.. [2025 ROS 스터디] 전예림 #1주차 - ROS 기본 개념(1) 1. 로봇 소프트웨어의 활용(1) 로봇 소프트웨어 플랫폼이 가져올 미래- 하드웨어와 소프트웨어 플랫폼간의 인터페이스 확립- 모듈형하드웨어 플랫폼 확산- 소프트웨어 인력 로봇 제품 참여 증가- 유저에게 제공하는 서비스에 집중, 유저계층 형성 및 피드백2. 로봇 운영체제 ROS(1) 소프트웨어 프레임워크- ROS는 운영체제이기보다 프레임워크 혹은 미들웨어임.- RViz, Gazebo 등 지원- 모델링, 센싱, 인식, 네비게이션, 메니퓰레이션 기능 지원- 생태계 생성(2) ROS 사용 가능한 운영체제기존 전통 운영체제 호환 가능. but 기본적으로 ububtu사용(3) ROS 생태계- robot/sensor: 90종류 이상 로봇과 80종류 이상 센서 지원- ROS- APP: 5000개 이상 패키지, 170.. [2025 1학기 알고리즘 스터디] 남윤찬 #2주차 이번 2주차는 DP(Dynamic Programing)입니다. 일단 문제 블로깅에 앞서 DP가 뭔가 간단하게 요약해봤습니다. DP로 푸는 조건 및 방식dp(dynamic programming)은 복잡한 문제를 하위 문제로 나누어 해결하는 알고리즘 설계 기법이다. 여러 블로그를 찾아보았는데 공통적으로 있는 말로는, dp라는 명칭을 고안한 Richard Bellman이 멋있어서 이렇게 지었다고 한다ㅋㅋ.아무튼 dp는 재귀적으로 문제를 푸는 방식인데, 여기에 메모이제이션(Memoization)을 하는 방식이다. 점화식을 세워 재귀로 탐색을 하다보면 중복되는 값이 있을텐데, 이것을 피하며 문제를 풀어나가는 것이 dp이다. DP로 푸는 조건 및 방식dp가 적용되려면 두 가지 조건이 필요하다. 겹치는 소문제 .. [2025 1학기 스프링 부트 스터디] 김민서 #2주차 정적 컨텐츠스프링 부트는 정적 컨텐츠 기능을 자동적으로 제공한다!이렇게 static 폴더에 아무 html 파일을 만들어주고 서버에 올리면 localhost:8080/파일 이름으로 접속시에 정적 컨첸츠가 뜨는 걸 확인할 수 있다. MVC와 템플릿 엔진package hello.hello_spring.controller;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.RequestParam;@Controllerpublic .. [2025 ROS 스터디] 한상민 #1주차 - ROS 소개 및 설치 ROS Chapter1. 로봇 소프트웨어 플렛폼하드웨어 모듈 + 운영체제 + 앱(서비스) + 유저 = 생태계(대중화된 상품)소프트웨어 플랫폼 하드웨어 인터페이스 통합하드웨어 추상화, 규격화, 모듈화 -> 가격 절약, 성능 향상하드웨어 • 운영체제 • 애플리케이션 분리 -> 사용자 수요에 맞는 서비스에 집중 가능(ex. 과거 휴대폰 -> 전화만 목적, 현재 휴대폰-> 게임, 카톡, 영상 등 여러가지 사용자가 원하는 서비스 제공 가능) -> 사용자 증가 -> 구매와 피드백-> 새로운 생태계 선환 구조 형성로봇분야현재 다양한 로봇 운영체제 개발( 주요 로봇 운영체제: OPROS, NAOqi, ROS) -> 가장 많이 사용되는 것은 ROS우리나라도 자체 운영체제 개발 시도 -> 대외적인 운영체제 개발 어려움 .. [2025 1학기 React.js 스터디] 이서준 #3주차 왜 리액트를 사용하는가JS를 사용하여 이벤트 핸들링을 하려면 id를 사용하여 각 DOM을 선택한 뒤, 원하는 이벤트가 발생하면 DOM의 특정 속성을 바꾸어주어야 한다.사용자와의 인터랙션이 별로 없는 웹페이지면 상관없을 수 있지만, 만약에 인터랙션이 자주 발생하고, 이에 따라 동적으로 UI를 표현해야 한다면 이러한 규칙이 정말 다양해질 것이고, 그러면 관리하기도 힘들어질 것이다.그리고 대부분의 경우 웹 애플리케이션의 규모가 커지면, DOM을 직접 건드리면서 작업을 할 시 코드가 난잡해지기 쉽다.Ember, Backbone, AngularJS 등의 프레임워크가 만들어졌었는데, 작동방식은 각각 다르지만 쉽게 설명하면 JS의 특정 값이 바뀌면 특정 DOM의 속성이 바뀌도록 연결을 해주어 업데이트 작업을 간소화 .. [2025 1학기 스트링 부트 스터디] 고윤정 #2주차 섹션3 스프링 웹 개발 기초스터디 시작 ~~~• 정적 컨텐츠 (Static Content)사용자가 웹사이트에 요청했을 때, 서버에서 별다른 처리 없이 그대로 전달되는 파일이나 데이터ex) HTML파일, CSS파일, JavaScript파일, 이미지 파일, 폰트 파일 등실습을 해봅시당• MVC (Model-View-Controller)웹 애플리케이션을 구조적으로 나누는 디자인 패턴- Model : 데이터와 관련된 로직을 담당→ DB에서 정보를 가져오거나 저장하는 역할→ 예: 게시글 목록을 가져오는 함수- View : 사용자에게 보이는 화면→ HTML 같은 것→ 예: 사용자가 보는 게시판 페이지- Controller : 사용자의 요청을 받고, 어떤 로직을 수행할지 결정→ 모델에서 데이터 가져오고, 뷰에 전달→.. [2025 1학기 React.js 스터디] 이상래 #3주차 벌써 3주차... 후딱 해치워 버리겠습니다 ㅋ ㄴ 후딱 안되네... 🔍 리액트 탄생 이유우선 지난주에 했던 최종 프로젝트만 보더라도 HTML로 구성된 UI를 제어하려면 DOM을 변형시켜서 제어를 했는데요,,하지만 웹 애플레케이션의 규모가 커지면 이런 코드들도 많아지고, 모두 DOM을 직접 건드리기 때문에 처리 할 이벤트/ 관리해야 할 상태값/ DOM 이 모두 다양해지게 됩니다. 이에 따라 업데이트를 하는 규칙도 복잡해지게 됩니다 !! 기존 프레임 워크와의 차별점 기존 Ember, Backbone, AngularJS 등의 프레임 워크 : JS 특정 값이 바뀌면 특정 DOM의 속성이 바뀌도록 연결 => 업데이트 하는 작업 간소화React : 어떤 상태가 바뀜 => 처음부터 새로 만들어서 보여준다- Vi.. [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 ROS 스터디] 김승현 #1주차 - ROS 소개 Chapter1.로봇 소프트웨어 플렛폼 ● 컴퓨터, 핸드폰 >> 누구나 하나쯤은 보유하고 있는 대중화 제품 >>다양항 하드웨어의 결합이 가능한 하드웨어 모듈 >>운영체제 + 애플리케이션 ● 하드웨어 모듈 + 운영체제 + 앱(서비스) + 유저 ==>>생태계(ecosystem) ● 보이지 않는 생태계 속의 분업 ex)하드웨어 회사, 운영체제 회사, 앱 회사 ● 하드웨어 만들고 소프트웨어 짜고 로봇 개발 혼자 다함>>대중화되지 못함 ● 소프트웨어 플렘폼이 가져온 변화 1. 하드웨어 인터페이스 통합 2. 하드웨어 추상화 · 규격화 · 모듈화 3. 가격 ↓ , 성능 ↑ 4. .. [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 문은 배열, 문자.. [2025 1학기 React.js 스터디] 이가인 #2주차 1. 반복문2. 함수3. DOM, html 요소 선택 4. 요소 조작5. 이벤트6. 최종 프로젝트 반복문 1. for문 괄호 안 ( 1.변수의 선언 및 할당, 2.종료조건, 3.참일 시 블록 안의 코드 이후 실행할 것 )// 💡 변수이므로 let이 사용됨for (let i = 0; i 중첩 반복 바깥쪽이 열(세로), 안쪽 반복문이 행(가로줄)이라고 생각하기 - continue : 한 루프를 건너뜀!!!!!!!- break : 루프 종료 for (let i = 0; i 10) break; // 루프 종료 console.log(i);}12457810 - for ... of 문➡️ array의 요소를 순서대로 반환!!const 상수명 of 배열이름const myArray = ['한놈', '두시기', .. [2025 1학기 스프링부트 스터디] 이종윤 #1주차 개발환경 설정이클립스로 하려고했지만 몊번해보고 안돼서 바로 포기 ㅠㅠ인텔리제이 커뮤니티로 바꿔서 시도한다.아 11버전으로 하려고했는데 11이 없다.17로 받고 그냥 해봤는데 될 리가 없다.17로 변경완료바꿔서 하니깐 잘 적용된다~기본적인 환경설정은 잘 되었다.이것도 인텔리제이로 바꿔준다스프링부트 라이브러리대표적인 스타터들라이브러리설명spring-boot-starter-web웹 앱 개발용 (Tomcat 내장, REST API 포함)spring-boot-starter-thymeleafHTML 템플릿 엔진 (타임리프) 사용 시spring-boot-starter-data-jpaJPA(Hibernate 기반) ORM 사용spring-boot-starter-security보안/로그인/인증 기능 추가spring-bo.. [2025 1학기 React.js 스터디] 이승준 #2주차 ❤️반복문for문for (let i = 1; i 괄호 안 요소들(;으로 구분)변수 선언; 종료조건; 참일 시 블록 안의 코드 이후 실행할 것for (let i = 10; i > 0; i -= 2) { console.log(i);}continue & breakfor (let i = 0; i 10) break; // 루프 종료 console.log(i);} for ... ofconst myArray = ['한놈', '두시기', '석삼', '너구리', '오징어'];for (const item of myArray) { // 상수명은 자유 console.log(item);}배열의 요소를 순서대로 반환 (위 요소들 차례대로 출력)for ... inconst person1 = { name: '김철수', age: .. [2025 ROS 스터디] 조원영 #1주차 - ROS 개요 Chapter 1 로봇 소프트웨어 플랫폼Eco System = 하드웨어 모듈 + 운영체제 + 앱 (서비스) + 유저역사는 반복된다.Personal PC → Personal Phone → Personal Robot(?)PC가 변화해온 방향으로 핸드폰이 변화해왔다.이 방향이면 로봇 운영체제도 통일 가능성 있음.로봇 분야의 운영체제는 춘추 전국시대다양한 회사에서 각자의 운영체제를 만들어 가는 중.EX) Open Source (ROS), Closed Source (NAOqi), Galapagos (OpenRTM) 등우리나라나 일본에서도 만들었음.이건 축구 경기장을 짓는 것과 동일 → 여기에 집중하지 말고, 여기 안의 플레이어즉, 응용 프로그램을 잘 만드는 것에 집중하자.Chapter 2 로봇 운영체제 ROS오픈.. [2025 1학기 React.js 스터디] 한혜민 #2주차 반복문1. for문 기본 구조 for 문은 반복 실행을 위해 가장 널리 사용되는 구문입니다. 기본 구조는 다음과 같습니다. 초기화: 반복문이 시작될 때 한 번 실행되며, 보통 반복 제어 변수를 선언하고 초기값을 설정합니다.조건: 각 반복 전에 평가되며, true인 경우에만 반복 블록이 실행됩니다. false가 되면 반복문이 종료됩니다.증감: 각 반복이 끝난 후 실행되며, 보통 반복 제어 변수를 업데이트합니다. 2. 중첩 for 문 for 문은 중첩하여 사용할 수 있으며, 이를 통해 다차원 배열이나 구구단과 같은 복잡한 구조를 처리할 수 있습니다. 3. continue와 break 문 반복문 내에서 continue와 break 문을 사용하여 흐름을 제어할 수 있습니다.continue: 현재 반복을 종료하.. 이전 1 ··· 3 4 5 6 7 8 9 ··· 35 다음 목록 더보기
