keembloo

1. props 란? 부모 컴포넌트에서 자식 컴포넌트로 값을 전달하는 객체이다.프롬스 객체에는 배열, 객체, 함수, 값 등이 들어갈 수 있다.객체이기 때문에 { 키 : 값 }의 형태를 가진다. function Component (props) { // 3.props 매개변수로 객체값을 받는다. return ( 객체 사용 {props.title}, {props.name} , {props.content} //4.전달받은 값을 화면에 뿌려준다. )}function App() { // 1.리액트 실행함수 return( // 2.컴포넌트를 호출하고 값을 전달한다. )} 꼭 props 객체가 아니라 값을 직접 매개변수에 담아 전달해도 된다. fu..

1.컴포넌트란 ?리액트에서 화면을 구성하는 최소 단위이다.자신만의 상태를 가질 수 있다.독립적으로 작동하고 렌더링되는 앱의 조각. 컴포넌트는 재사용되는 화면을 쪼개어서 보여줄 수 있다.예를들면 사진을 붙여 만드는 콜라주와 비슷하다. 각 컴포넌트는 계층형 구조를 가진다.부모 컴포넌트에서 자식 컴포넌트로 데이터 전달을 할때는프롬스를 사용한다. 반대로 자식 컴포넌트에서 부모 컴포넌트로 데이터를 전달할 때는이벤트를 사용한다. 2.컴포넌트 만들기함수형 컴포넌트를 만든다.//컴포넌트 생성하는 방법1function Component(){ return ( 예제1 )}//컴포넌트를 화살표함수로 생성하는 방법2funtion Component = () => { return ( ..

1. JSTL 이란? JSTL의 정식명칭은 자바 서버 페이지 표준 태그 라이브러리이다. JSP 페이지 내에서 자바코드를 바로 사용하지 않고 로직을 내장하는 효율적인 방법을 제공한다. 장점 1. JSP를 단순화하여 빠른 개발 가능 2. 코드의 재사용성이 높다 3. 스크립틀릿 태그를 사용할 필요가 없다 4. 날짜, 시간, 숫자의 포멧 5. 데이터베이스로의 CRUD JSTL 사용방법 lib 폴더 안에 jar 파일을 넣어 빌드패스를 한다. 그런 뒤 header에 임폴트 해준다. JSTL 기본 문법 // 태그 작동 방식과 유사한 표현식의 결과를 표시 //평가중인 표현식의 결과를 'scope'변수에 설정 //기본 반복 태그, 고정 된 횟수 또는 초과 수집 동안 중첩 된 본문 내용을 반복 //조건을 테스트하는 데 사..

위와같이 인텔리제이에서 콘솔에 한글이 깨졌을때 해결방법이다. 1. 인코딩 방식 변경하기 파일 - 설정에 간다 ( 단축키 Ctrl + Alt + S ) 파일인코딩 탭에서 인코딩 언어를 UTF-8로 설정한다. 2. 인텔리제이 파일경로 찾아서 인코딩 언어 설정하기 추가적인 설정을 하지 않았다면 인텔리제이 설치파일은 아래와 같은 경로에 있다. C:\Program Files\JetBrains\IntelliJ IDEA Community Edition 2023.2.2\bin 거기에서 idea64.exe.vmoptions 파일을 찾아 메모장을 열어준다 아래 문구를 복사하여 붙여넣고 저장한 뒤 인텔리제이를 껐다가 다시 켜본다. -Dfile.encoding=UTF-8 -Dconsole.encoding=URF-8 3. 상단..

https://coolsms.co.kr/ 세상에서 가장 안정적이고 빠른 메시지 발송 플랫폼 - 쿨에스엠에스 손쉬운 결제 전용계좌, 신용카드, 계좌이체 등 국내 결제 뿐만 아니라 해용신용카드로 한번의 카드번호 등록으로 자동충전까지 지원합니다. 전용계좌, 신용카드, 계좌이체 등 다양한 결제 방식 coolsms.co.kr 사이트에 회원가입을 하고 로그인한다. 좌측바에서 API Key 관리에 들어간다. 처음 사용할때 Key 생성을 해야한다. 이때 생성된 Key와 Secret 번호는 잘 가지고 있어야한다. 나중에 설정해줄때 필요하다. 좌측바에서 발신번호관리로 들어간다. 보통은 회원가입할때 핸드폰을 인증받으면 자동으로 등록이 되지만 내역이 없다면 발신번호 등록을 해준다. 이제 스프링에서 설정을 해줘야한다. 프로젝트..

컴포넌트 = 함수 컴포넌트/함수안에서 선언된변수들은 지역변수 들은 다른 컴포넌트/함수들과 공유 불가능하다. 서로 다른 컴포넌트간의 데이터 공유하는 방법 1. 상위/하위 컴포넌트 관계에 있어서 props/매개변수로 사용 2. 브라우저 세션/쿠키 사용 3. 전역변수 useContext 사용 (Redux 라이브러리는 전역변수를 사용할때 쓸수도 있다.) useContext / createContext사용방법 1. import 컴포넌트 밖에서 import 한다. /* 리액트 훅 라이브러리 */ import { useState , useEffect , useRef , createContext } from 'react'; 2. createContext 객체 생성 컴포넌트 밖에 상수로 선언해준다. SocketConte..