본문 바로가기

분류 전체보기

 (179)
[intellij]그래들 스프링부트 프로젝트 MariaDB 연결(gradle + springboot) - 2 이번글은 MariaDB 연동입니다. 우선 필요한 폴더들을 만듭니다. 자바 패키지명 아래 config, controller, dao, dto, service 각자 편한 이름 붙혀서 만들어 주세요 그리고 디폴트 페이지 index 로 연결돼 있지만 컨트롤러를 통해 내가 원하는 페이지로 이동 시키기 위해 main 으로 셋팅 했습니다. package com.example3.demo3.controller; // 패키지명 주의 import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.RequestMapping; @Controller //..
[intellij]그래들 스프링부트 프로젝트 시작하기(gradle + springboot) - 1 지금까지 혼자 해본건 메이븐 빌드도구를 사용하다가 그래들이 요즘 추세라는 얘기를 들어서 처음으로 그래들로 프로젝트 시작해보려 한다. 최대한 복붙없이 초기설정부터 차근차근 시작해보자 1. spring Initializr 탭 에서 자바버전을 선택해주고 Next (11버전을 사용하고 싶었지만 서버쪽에 다운받아놓은게 1.8버전이라 1.8 버전 선택함) 2. 아래 항목을 선택 또는 입력한다 - Group: GroupId는 자신의 프로젝트를 식별해주는 고유 아이디이다. 보통 URL의 역순 형태이다. - Artifact: 버전이 없는 jar 파일의 이름, 프로젝트 이름으로도 쓰인다 - Type: 빌드관리도구 (gradle, maven) - Language: 언어 - Packaging: 배포파일 타입 (jar, war..
[ipTIME]아이피 타임 포트 포워딩 설정으로 외부에서 실행중 프로젝트 집에있는 서버 접속하기 * DNS 설정 없이 빠르게 하는 방법 1. Internet Explorer 또는 Chrome 등 웹 브라우저에서 192.168.0.1 주소에 접속합니다. 2. 로그인 후 (아이디 및 비밀번호 기본 값은 admin / admin입니다. 만약, 로그인이 안 된다면 이미 설정이 변경된 상태입니다. 이 경우, ipTIME 제품 뒷면의 리셋 버튼을 5초 이상 눌러주어 초기화해야 합니다.) 톱니바퀴모양 관리도구 클릭 3. 사이드바 고급설정 > NAT/라우터 관리 > 포트포워드 설정 4. 하단에 규칙이름은 아무거나 > 포트포워드 사용자 정의 선택 > 내부 IP 는 나에게 할당된 주소(cmd 에서 ipconfig / 무선 LAN 어댑터 Wi-Fi /IPv4 주소 ) 외부포트는 외부에서 접속할 포트 내부포트는 실행시킨..
[React] 4. React 컴포넌트(3) - State 알아보기(React Hooks 사용) 4. React 컴포넌트(3) - State 관리 이번 포스팅은 [ React 컴포넌트 내용 중 State에 대한 내용 ] 입니다. : ) https://ko.reactjs.org/docs/state-and-lifecycle.html https://reactjs.org/docs/hooks-reference.html#usestate 1. state란? - 일반적으로 컴포넌트의 내부에서 변경 가능한 데이터를 관리해야할 때에 사용 한다. - 프로퍼티(props)의 특징은 컴포넌트 내부에서 값을 바꿀 수 없다는 것이었다. 하지만 값을 바꿔야 하는 경우도 분명 존재하며, 이럴때 state라는 것을 사용한다. - 값을 저장하거나 변경할 수 있는 객체로 보통 이벤트와 함께 사용된다. - 컴포넌트에서 동적인 값을 상태..
[React] 4. React 컴포넌트(2) - 프로퍼티(props)란? 4. React 컴포넌트(2) - 프로퍼티(props)란? 간단??? 하게 프로퍼티의 사용 방법을 알아 보자. https://ko.reactjs.org/docs/components-and-props.html 1. 프로퍼티(props)란? - 프로퍼티, props(properties의 줄임말) 라고 한다. - 상위 컴포넌트가 하위 컴포넌트에 값을 전달할때 사용한다.(단방향 데이터 흐름 갖는다.) - 프로퍼티는 수정할 수 없다는 특징이 있다.(자식입장에선 읽기 전용인 데이터이다.) 2. 사용방법? - 프로퍼티에 문자열을 전달할 때는 큰따옴표(" ")를, 문자열 외의 값을 전달할 때는 중괄호({ })를 사용 한다. 1) 1개의 프로퍼티 넘기기 - 앞서 3개의 컴포넌트를 만들어 다음과 같은 화면을 구성하였다. ..
[React] 4. React 컴포넌트(1) - 컴포넌트란? 4. React 컴포넌트(1) - 컴포넌트란? 리액트 공식 문서, 자습서에서 함수형 컴포넌트, 클래스형 컴포넌트라는 내용을 간단하게 알아보려고 한다.. 리액트의 꽃이라고 할 수 있고, 리액트로 작성된 화면은 컴포넌트로 구성되어있기 때문에 매우 중요하다. 리액트의 꽃이라 불릴 정도로 리액트에서 가장 중요한 요소이다. 일단 최대한 기본 개념만 살펴볼 수 있도록 하자. https://ko.reactjs.org/docs/components-and-props.html 1. 리액트 컴포넌트(Component)란? - 리액트로 만들어진 앱을 이루는 최소한의 단위 - 기존의 웹 프레임워크는 MVC방식으로 분리하여 관리하여 각 요소의 의존성이 높아 재활용이 어렵다는 단점이 있었다. 반면 컴포넌트는 MVC의 뷰를 독립적으..
[안드로이드/Android] 구글 플레이 스토어 출시중단 구글 플레이 스토어 에서 설정 > 고급설정 > 앱 이용가능 여부 출시 안됨 체크 후 오른쪽 하단 변경사항 저장
[React] 3. React 엘리먼트 렌더링 3. React 엘리먼트 렌더링 리액트 공식 문서, 자습서에서는 컴포넌트를 알아보기 앞서 엘리먼트 렌더링이라는 내용을 기술하고 있어, 이부분도 가볍게 살펴 보고 가려고 한다. 이번장은 거의 공식문서의 내용이 다이니, 해당 문서를 참고하는것도 좋을 것 같다. https://ko.reactjs.org/docs/rendering-elements.html 1. 엘리먼트란? - 리액트에서의 가장 작은 단위 이다. - 화면에 표시할 내용을 기술 한다. ex) 엘리먼트 예시 const element = hello, GodDaeHee!~; - 위의 예시에서 보듯, 우리가 예전에 사용하던 브라우저의 DOM 엘리먼트와는 다르게 일반 객체로 볼 수 있다. - 쉽게 생각하면, 엘리먼트는 컴포넌트의 구성 요소이고, 반대로 컴포..

티스토리툴바