Java 설치하기Java는 현재 많이 사용되는 언어 중 하나이다.이를 설치하기 위해서는 아래의 링크를 통해서 설치하면 된다. 더 읽기
Router 을 설명하기 앞서서React에서의 Page 이동을 한 마디로 표현 하자면, 빨간색 레고블럭을 뜯고 파란색 레고블럭으로 변경한다라는 의미이다.이를 정확하게 알기 위해서는 Component라는 개념을 먼저 숙지를 하고 있으면 매우 좋다. React에서 한 페이지를 표현 할 수 있는 것을 Component라고 부른다.Component는 독립적이며, Component 하나가 하나의 React 코드이자, 이 하나로 하나의 페이지를 표현이 가능하다.그런 이를 한 개의 소스코드라고 가정할 때, 이러한 Component들이 모여서 하나의 페이지를 이룬다. 그러면 하나의 페이지를 이루기 위해서 최소 1개의 Component에서 여러개의 Component들의 집합이 형성 되었다.그렇..
AXIOS으로 파일 보내기 axios로 파일을 보내기 위해서는 간단하게 알아야 할 것이 있다. FormData라는 객체이다. Object처럼 Key와 Value로 이루어져 있지만, 데이터를 넣는 방법은 append를 이용해야 한다. let formData = new FormData(); console.log(formData); formData.append('input', this.inputText); formData.append('inputFile', document.getElementById('input File ID').files[0]); 여기서 중요한 점은 FILE을 formData안에 append 한다는 부분이다. try { axios.post('http://localhost:3000/fileIn..
반복 되는 하루 속에서 아주 자그만한 것이 계기가 되어 거제시 까지 가게 되었다. 그 계기는 아주 사소할 수 있어도, 바쁜 일상 속에서의 스트레스를 탈출하고픈 마음이 서울로 부터 멀리 갈 수 있는 힘을 싣는다. 첫 번째 여행의 도착지는 거제의 천상의 섬이라고 불리우는 거제시 외도, 보타니아이다. 자그만 섬인 줄 알았던 그곳은 놀랍게도 섬 하나가 하나의 정원이자 놀이터였다. 무인도를 정원으로 가꾼 것인지, 이 섬은 항상 관광객들을 반긴다. 바닷가를 바라보면 다른 항구에서 출발한 배들이 모여들고 선착장은 사람들로 붐빈다. 이곳의 시작은 정말 혼잡스럽다. 비 오는 날씨에도 사람이 이렇게 많다면, 맑은 날씨는 오죽할까 싶기도 하지만 비오는 날씨라서 오히려 이쁜 사진이 잘 나오는 듯한 그림도 연출된다. 이는 마치..
ROWNUM ORACLE의 테이블 내용에 순번을 출력하기 위해 사용하는 가상컬럼 중 하나입니다. 테이블의 SELECT문 출력 할 때, 순번이 필요할 때 주로 이용합니다. 특히 DB 관리자 및 관계자 외에 SEQUENCE가 보통 NUMBER로 순번을 나타낼 때가 있지만, 이를 감추기 위해 사용하거나 혹은 일반사람들이 이용하는 게시판의 순번을 알리기 위해서도 사용되기도 합니다. 🏁 순번을 사용하는 이유 🖊️ 중요한 PK를 감추기 위해서 🖊️ 순번을 테이블로 보관할 경우, 중간의 정보가 삭제될 경우 순번이 띄어 넘는 문제가 발생됩니다. 이를 방지하기 위함. ORACLE에서 ROWNUM 기본 사용 방법 ROWNUM은 ORACLE에서 사용하는 가상화 컬럼 중 하나입니다. ROWNUM의 사용방법은 먼저 크게 두 가..
SQL 접속 오류 ORACLE을 설치하고 나서, sql plus로 제대로 된 설치를 확인하는 과정이다. 초기 패스워드로 접속해 보았지만, 제대로 된 실행이 되지 않는 모습이다. 이를 위해서 여러 해결 방법을 조사하는 도중 쉽게 해결할 수 있는 방법을 찾았다. 원인은 설치 후 혹은 OS부팅 후 Oracle이 제대로 실행 되지 않은 원인이다. 즉, oracle을 시작하면 된다. Window에서 Oracle 실행하기 시작의 실행에서 service 혹은 서비스 검색을 해본다. 서비스에서 Oracle 실행 여부 확인해보기 Window 화면에서 Oracle이 실행여부를 확인해 보자. 만약, 이 부분이 실행이 안 되어 있다면, 마우스 우클릭으로 실행을 확인해 보면 된다. 🎶 서비스에서 목록을 찾기 어려 울 때, 찾고..
COALESCE 설명 NULL을 사용하지 않기 위해 사용하는 함수이다. 해당 함수를 사용하기 위해서는 최소 2개의 값이 필요하다. COLAESCE 사용할 때, 괄호 안의 값은 최소 2개여야 한다. 행을 위에서 부터 아래로 읽을 때, 해당 컬럼이 NULL 일 경우, NULL 대신 사용 문자가 표시되는 원리이다. COALESCE 사용하기 해당 테이블은 4개의 행을 가진 테이블이다. 이 테이블의 값을 활용하여, 함수의 테스트를 진행할 예정이다. COALESCE(컬럼명1, NULL 대신 사용 문자) SELECT COALESCE(COL2, 'NULL 체크') FROM TB_BLUE; COL2가 NULL인 값이 'NULL 체크'로 대신 값이 나온 것을 확인할 수 있다. NULL 체크 함수인 것을 확인 할 수 있다...
IN에 대한 설명 SELECT * FROM [테이블 명] WHERE 컬럼명 IN ('조건 값 1', '조건 값 2'); equals('=')과 비슷하지만 or의 개념과 유사하다고 할 수 있다. 해당 테이블 내의 검색하고자 하는 컬럼의 값을 2개 이상 조회 할 때 이용하는 연산자이다. '조건값 1'과 '조건 값 2' 중 하나라도 포함이 되면 true가 된다. 실험 대상의 TABLE 더보기 CREATE TABLE create table TB_RED ( RED_COL1 int auto_increment, RED_COL2 int , RED_COL3 VARCHAR(30) , CONSTRAINT TB_RED_pk PRIMARY KEY (RED_COL1) ) comment '첫 번째 테이블'; 실험에 참가 된 테이블..
문자열 Java에서 String 타입형을 사용하여 나타내는 변수를 뜻합니다. String은 자료형에 속하지는 않지만, 가장 많이 사용하는 변수타입 중 하나입니다. 우리는 이를 이용하여 문장을 꾸미려고 합니다. 좋은 인용문 하나를 도용하여 만들어보게 되었습니다. 이 문장을 갖고 테스트를 진행해 보도록 하겠습니다. 문자열 변환하기 1. 문자열 대, 소문자 변환 method comment .toUpperCase() 문자열을 모두 대문자로 변환한다. .toLowerCase() 문자열을 모두 소문자로 변환한다. 대, 소문자로 변환하기 위해서는 다음과 같은 함수를 사용합니다. 해당 함수를 통해서 변수안의 값이 모두 대, 소문자로 변경된 것을 확인할 수 있었습니다. 2. 문자열 안의 문장 찾기 type comment..
정수 자료형 type memory size 범위 byte 1 byte -128 ~ 127 short 2 byte -32,768 ~ 32,767 int 4 byte -2,147,483,648 ~ 2,147,483,647 long 8 byte -9,223,372,036,854,775,808 ~ 9,223,372,036,854,775,807 각 정수마다 표현할 수 있는 정수의 크기가 존재합니다. 옛날에는 한정된 하드의 공간을 확보하기 위해 많은 것을 따졌지만, 현재에는 고사양 된 PC에 따라서 int를 기본으로 사용하고 있습니다. ✔️ long을 사용할 때는 값 뒤에 L을 붙여야 한다. ✔️ 소문자 'l'도 사용할 수 있지만, 숫자 '1'과 구분하기가 어려워 'L' 사용을 지향한다. 2진수, 8진수, 16진수..
시작하기 전에 알아두면 좋은 기초지식 JavaScript - Object 만들기 2023.06.01 - [Web/JavaScript] - [JavaScript] Object 만들기 [JavaScript] Object 만들기 JavaScript, Object 만들기 Object 만들기 Object란, 하나의 변수 안에 여러 개의 값을 담는 것을 뜻 한다. 보통 Java에서 유명한 dataType은 String 혹은 int(number)가 있다. 이들은 각각 하나의 변수 안에 하나의 mollangpiu.tistory.com CallBack 함수 배우기 전 CallBack 함수를 알기 전에 JavaScript의 실행순서에 대해서 먼저 짚고 넘어가야 합니다. 또한 이를 온전히 사용하기 위해서는 JavaScrip..
Error 상황 리엑트 프로젝트 생성 명령어를 입력했지만, ERROR가 발생되면서 실행이 되지 않는 상황이다. 이럴 때는 기존의 갖고 있는 npm에서 문제가 발생했을 수도 있으니 그 부분부터 먼저 살펴봐야 한다. 📃 대처방법 ✔️ 대안 1 기존의 npm을 지웠다가 다시 설치한다. # 기존 npm 삭제하기 npm uninstall -g create-react-app # npm 설치하기 npm install -g create-react-app # 프로젝트 다시 생성하기 npx create-react-app [프로젝트명] 기존의 npm의 create-react-app를 삭제하고 다시 설치하는 방법이다. npm의 create-react-app가 문제가 생길 경우 설치가 안 될 수도 있다. ✔️ 대안 2 관리자모..