분류 전체보기 (669) 썸네일형 리스트형 [2024 여름방학 React.js 스터디] 이종윤 #1주차 0. jacascript란? 객체기반의 스크립트의 프로그래밍 언어이다.웹페이지를 동작시키기 위한 프로그래밍 언어 3가지가 있는데 그 중 하나이다.(html, css, javascript)이중 js의 역할은 사용자의 인터렉션(마우스나 키보드의 움직임)에 반응하게 만들어주는 역할이다.기본적으로 화면을 동적으로 만들어주는 역할을 한다.주로 웹개발이나 서버, 게임, 머신러닝등에 사용된다. ※ js는 모든 인터넷 창에서 열어서 사용할 수 있다. (f12, console창에서 사용) 1. 변수(variable): 어떠한 값을 저장하기 위해서 사용한다 *예약어: js에서 기본적으로 쓰기위해 선점해둔 단어들이다. 예시로 let, var, const, function 등등 이것저것 참 많다. 변수 선언 문법 2가지(l.. [2024 ROS 스터디] 반제호 #2주차 - ROS의 컨셉과 RViz #1 ROS의 컨셉1. ROS의 용어Node - 최소 단위의 실행 가능한 프로세서. ROS에서는 최소한의 실행단위로 프로그램을 나누어 작업함Package - 하나 이상의 노드, 노드 실행을 위한 정보 등을 묶어 놓은 것Message - 노드간의 데이터를 주고받게 해줌. interger, floating point, boolean 와 같은 변수형태Publisher 는 Topic을 Subscriber에게 일대일이나 일대다로 전송할 수 있다. 단방향>Service server와 Service client는 양방향으로 통신 가능Action server와 Action client는 Service와 비슷하지만 중간에 피드백을 할 수 있다. 많이 쓰진 않음2. 메시지 통신 개념 메시지 통신은 노드간의 메시지 통신인 .. [2024 여름방학 React.js 스터디] 강보경 #1주차 1. 자바스크립트란?객체 기반의 스크립트 프로그래밍 언어이다. 웹 페이지를 동작시키기 위한 프로그래밍 언어 중 하나로 마우스 또는 키보드로 입력 시 사용자의 인터랙션에 의해 반응하게 만들어준다. 2. 크롬에서 자바스크립트 코드 실행 방법크롬 시작 화면 > 오른쪽 마우스 클릭 > 검사 > Console > console.log('hi'); 입력 > hi 3. 자바스크립트 기본 변수변수란? 어떤 값을 저장하기 위해 사용변수를 의미를 부여한 어떤 값으로 저장해두고 그 값을 출력할 수 있다.var message = 'hi';message > 'hi'console.log(message) > hi 4. 변수 선언 방식자바스크립트에서 이미 사용하고 있는 용어(var, const, let 등)은 변수의 이름으로 선언.. [2024 Spring Boot 스터디] 유태근 #3 주차 - 컴포넌트 스캔과 의존관계 자동 주입 컴포넌트 스캔@Bean을 통해 설정 정보를 작성하고 직접 스프링 빈으로 등록해줄 수 있다.@ComponentScan은 @Component가 붙은 모든 클래스를 스프링 빈으로 등록한다. 스프링 컨테이너가 @Autowired를 찾아 자동으로 스프링 빈을 주입한다.@ComponentScan backPackages 파라미터를 통해 탐색할 패키지의 시작 위치 지정 가능최상단에 위치시켜 하위에 모든 component가 등록되게끔 구현하는 것이 보편적@Component 뿐만 아니라 해당 어노테이션을 달고 있는 @Controller, @Service, @Configuration 등도 대상에 포함useDefaultFilters, includeFilters, excludeFilters를 통해 컴포넌트 스캔 대상 설정 가능.. [2024 여름방학 React.js 스터디] 김민서 #1주차 변수var messsage = 'hi';// message 라는 변수에 hi 문자열 저장var을 이용해 변수 선언const a = 10; //const는 값을 변경할 수 없다let b = 20;b = 30; //let은 값을 변경할 수 있다const : 상수let : 변수 데이터 타입숫자문자열불리언배열객체변수 선언 유의사항숫자로 시작할 수 없음예약어를 사용할 수 없음Camel Case : 여러 단어로 이름을 지었을 때 두 번째 단어부터 첫 글자를 대문자로 작성 함수function logText(message) { console.log(message);}// 함수 선언문, message는 파라미터logText('hi');// 함수 호출let logText = function() { console.l.. [2024 여름방학 React.js 스터디] 김태일 #1주차 - 자바스크립트 입문 00. 자바스크립트란- 웹 페이지를 동작시키기 위해 필요한 프로그래밍 언어(html, css, JavaScript)- 클릭 등과 같이 사용자의 인터랙션에 의해 반응하게 만들어주는 것 (-화면을 동작시키기 위한 언어)- 모든 웹페이지에서 자바스크립트가 지배적으로 사용되고 있음- 웹개발 뿐만 아니라 서버, 게임, 머신러닝 등등 다양하게 사용됨 ※모든 브라우저에는 자바스크립트를 실행할 수 있는 환경이 마련되어 있으므로 별도의 툴을 설치하지 않고도 콘솔 메뉴에서 자바스크립트 코드 실행 가능 01. 변수- 숫자, 문자열 등 어떤 값을 저장하기 위해 사용 01-1 변수의 종류1. var- 초창기 자바스크립트 문법 var message = 'hi'; 2. const - 값을 정의한 이후에 변경 불가 (상수)cons.. [2024 ROS 스터디] 이연수 #1주차 - ROS 소개 CH 01. 로봇 소프트웨어 플랫폼 대중화된 제품: Personal Computer, Phone하드웨어 모듈로 구성 : 램, cpu, 디스플레이 등의 결합운영체제(operating system) + Application운영체제 : 윈도우, linux, mac …운영체제를 기반으로 한 어플리케이션 탑재생태계 4대 요소 : 하드웨어 모듈 + 운영체제 + 앱(서비스) + 유저보이지 않는 생태계 속의 분업이 이루어지고 있다.과거에는 모듈화되지 않은 상품들이 출시되었지만, 현재는 하드웨어가 모듈화 되어 개별적인 웹 또는 어플리케이션 개발이 가능해졌다.과거에는 한 회사에서 모든 하드웨어를 만들어 제품을 만들었다.그렇다면 로봇 분야는?personal robot은 위의 대중화된 제품인 personal computer .. [2024 React.js 스터디] 류상우 #7주차 4-1. API 연동의 기본.우선 api-integrate 라는 이름의 새로운 프로젝트를 만들고 라이브러리인 axios 를 설치한다.yarn add axios axios를 사용해서 REST API 형태를 구성할 수 있다.REST API 란 웹이 서로 상호작용할 수 있게 하는 것으로, 자원은 URL로 식별하고 메서드를 사용하여 원하는 작업을 실행할 수 있다.메서드 목록GET: 데이터 조회POST: 데이터 등록PUT: 데이터 수정DELETE: 데이터 제거e.t.c.: PATCH, HEAD 등의 메서드도 있다.axios 의 사용법은 다음과 같다.import axios from 'axios';axios.post('/users/1', { username: 'blabla', name: 'blabla'}).. 이전 1 ··· 28 29 30 31 32 33 34 ··· 84 다음
