본문 바로가기

학교 & 학원 이론 수업

 (87)
react (10) useReducer , useCallback (ReducerComp1.js) (ReducerComp2.js) (callback>SmartHome.js)
react (9) - 페이징 처리 reactboard Boardsql.xml select count(*) from reactboard insert into reactboard values (null,#{myid},#{myname},#{photo},#{subject}, #{content},0,now()) select * from reactboard order by num desc limit #{start},#{perpage} update reactboard set readcount=readcount+1 where num=#{num} select * from reactboard where num=#{num} delete from reactboard where num=#{num} BoardMapper package data.mapper; im..
react(8) - 로그인 구현 src>main>java>data>controller package data.service; import java.util.HashMap; import java.util.List; import java.util.Map; import org.springframework.stereotype.Service; import data.dto.MemberDto; import data.mapper.MemberMapper; import lombok.AllArgsConstructor; @Service @AllArgsConstructor public class MemberService implements MemberServiceInter { private MemberMapper memberMapper; @Override p..
react(6),(7) - docker, Jenkins, docker hub 다음과 같은 구조로 서버 2개에 배포하고자 한다 ncloud 에 새로운 server 2개 생성하기(비번변경 bit!@#123) react-jenkins react-springboot 도커 설치 스크립트 다운로드 # apt-get update # apt-get install curl # curl https://get.docker.com > docker-install.sh # chmod 755 docker-install.sh 도커 설치 # ./docker-install.sh 도커 버전 확인 # docker -v 도커 이미지 목록 확인하기-아직 아무거도 없음 docker image ls docker images Jenkins 사용법/Jenkins 설치 젠킨스 도커 컨테이너에서 사용할 브릿지 네트워크를 준비한다..
react (5) - router VSCode로 리액트, IntelliJ로 SpringBoot 프로젝트 설치 후 진행중. -package.json에 proxy 추가 "proxy": "http://localhost:9000" -react-router-dom 설치 : 페이지 이동에 활용 -src>pages>About.js , Food.js, Home.js , HomeSub1.js , HomeSub2.js , HomeSub3.js , index.js , Main.js 만들기 -RouteMain.js 에 다음의 코드 RouteMain.js src>pages>About.js RouteMain.js src>pages>Food.js RouteMain.js src>pages>index.js export {default as Home} from './H..
react(4) & 스프링부트 연동 Json 파일 리액트에서 호출하기 import로 가져온다음 const로 선언하고 map으로 호출해준다 Axios로 백엔드 서버 및 DB와 연동 백엔드 서버 셋팅 (Naver Cloud , Spring Boot, MySql) -IntelliJ, Gradle, NaverCloud(MySql), MyBatis, lombok - @RestController: 이 어노테이션은 컨트롤러를 REST 스타일로 사용하게 만드는 스프링 MVC 어노테이션입니다. 이 어노테이션을 클래스에 추가하면, 그 클래스의 모든 메소드는 기본적으로 HTTP 응답 본문에 직접 쓰여지게 됩니다. 즉, @ResponseBody가 없어도 뷰를 통해 데이터가 반환되지 않고, 데이터가 그대로 클라이언트에게 전달됩니다. @AllArgsConstruc..
네이버클라우드 Expert 과정 (06.11 ~ 06.13) 1.Compute -GPU -BareMetal -VPC -ACG (Access Control Group) : 프로토콜은 TCP, UDP, ICMP 중 선택, 접근 소스는 IP(CIDR), ACG Group 설정 가능 -Subnet, Cloud Log Analytics, CDB, 서버 이미지 -CLI를 이용한 서버 생성 2.Storage -스냅샷 -File System -Object Storage -NAS : 서버들끼리 공유할 수 있는 스토리지. 비쌈. -Backup 3.Container -도커 : 컨테이너 기반의 오픈소스 가상화 플랫폼 -컨테이너는 일반 VM과 달리 동일한 OS 커널을 공유 . OS 가상화보다 오버헤드가 적고, 성능 손실이 적음. -Layered Image : 여러 Layer를 하나의 파..
데이터통신 01.데이터 통신 개요 1.개요 데이터 흐름 방향 - 단방향 방식, 반이중 방식, 전이중 방식 2.네트워크 점-대-점 연결, 다중점 연결 물리적인 접속 형태 : 그물형, 성형, 버스형, 링형 근거리 통신망(LAN) 광역 통신망(WAN) 3.인터넷 4.프로토콜과 표준 프로토콜의 기능 : 단편화와 재결합, 연겔제어, 흐름제어 , 오류제어, 동기화, 순서화 표준 : 사실표준, 법률표준 02.네트워크와 모델 1.프로토콜계층화 2.OSI 모델 - 물리 계층, 데이터링크 계층, 네트워크 계층, 전송 계층, 세션 계층, 표현 계층, 응용 계층 3.TCP/IP 프로토콜 그룹 주소지정 - 물리주소, 논리주소, 포트주소 03.데이터와 신호 1.아날로그와 디지털 2.아날로그 신호 : 정현파, 복합신포 , 대역폭 3.디지털신..

티스토리툴바