기존에 npm start를 하면 react server를 키면서 react가 보였었는데 아무래도 나는 이 서버의 URL 어떻게 가져오고 어떻게 설정 되어 있는지가 궁금해서 찾아봤던 내용을 작성해두려고 한다 . 서버의 포트 번호 확인하기 리액트를 설치할때 create-react-app 명령어를 사용해서 리액트 앱을 만들고 npm start를 사용해서 바로 사용할 수 있었다. 그 말은 create-react-app로 만든 리액트 앱에 웹 서버가 내장되어 있다는 것이다. 그럼 위 처럼 포트번호가 3000번으로 자동으로 지정되는것은 어디서 되는 것인가? 이에 대한 답은 노드 모듈안에 존재한다. node_modules > react-scripts > scripts > start.js를 보면 아래와 같이 DEFAU..

회사에서 일하면서 문자로 되어 있는 숫자를 정렬할 필요성이 있는데 데이터베이스를 본인이 만든것이 아니기에 왜 이건 NUMBER타입이 아니라 VARCHAR으로 만들었는지 의문스럽지만 정렬을 할때가 있는데 보면 글자이기에 그냥 순수하게 정렬을 하면 문제점이 발생한다. 이에 대한 해결 방법에 대해 정리해보자. 1. 문제점 임의로 문자 컬럼에 숫자 데이터로 삽입하고 정렬을 해보면 위와 같이 문제 없이 정렬되는 것을 볼수 있는데 여기서 문제점은 아래와 같은 경우에 발생한다. 아래에 보면 10,110, 20 ,1110의 데이터를 가지고 있는데 우리의 바램은 이게 10 - 20 - 110 - 1110으로 정렬되어야 할것 같지만 아래를 보면 데이터의 정렬이 원하는대로 되지 않는 것을 볼 수 있다. 이는 문자열 형식의 ..

1. 파이썬 설치 https://www.python.org/ Welcome to Python.org The official home of the Python Programming Language www.python.org 1. User admin privileges when installing py.exe - py.exe를 설치할때 관리자 권한으로 실행한다 2. Add python.exe to PATH - 파이썬의 PATH를 환경변수에 추가해준다. PATH에 설정되어 있지 않다면 파이썬을 실행할때마다 python.exe디렉터리를 찾아서 실행 해줘야하나 PATH에 넣으면 알아서 python.exe를 찾아 실행시켜준다. 둘다 모두 체크하여 설치한다 설치가 완료 되면 명령 프롬프트(cmd)를 열어 "pytho..

개발자가 되기 위해서 처음에 시작했던 공부는 C언어에 대한 공부였다. 사실 HTML이라든가 CSS라든가 이것저것 만져만 보고 넘어간 내용으로 따지자면 국비 학원을 등록하기전에 거즘 1년은 독학했던 것 같다. 물론 진심으로 확빠져서 한건 얼마 되진 않긴한데..이것 저것 찾아보다가 어떤 언어를 공부해야할지부터 시작했을때 처음 공부한건 C언어였다. 내가 잘 알지 못하나 C언어가 다른언어들에 비해서는 기초적이기 때문에 C언어를 배워두면 다른 언어를 배우기도 쉽고 다른언어에서는 부족한 기본기들을 잘 알고 넘어 갈수 있다는 이유였던걸로 기억한다..(오래돼서 이유조차 기억이 잘 나지 않음) 그래서 C언어 책을 사서 천천히 동영상강의와 함께 1회독을 했던 것 같다. 맨 처음에 정말 핥아보는 수준으로 봤던 1시간으로 끝..

프로젝트를 하다가 DB에 BLOB형태로 들어 있는 이미지 파일을 마이바티스로 꺼내다가 JSP로 뿌려줘야 하는 일이 들어 왔었다. 일을 주시는 분이 "BLOB형태로 들어 있는 그 데이터 그냥 긁어다 URL에 뿌리면 이미지로 보여 그냥 쓰면 돼" 라는 말을 듣고 그냥 쓰려고 했다 한참 삽질을 했다 ㅋㅋ..지금까지도 그 BLOB을 어떻게 그냥 갖다가 URL에 뿌리라는건지(DB에서 긁어서 가져와도 URL길이 때문에 보이질 않앗음..)이해는 못했으나 그 과정에 이해한 내용을 적어보려고 한다. 🤔BLOB이란? BLOB은 "Binary Large Object"의 약자로, 이진 형태로 구성된 대용량 데이터를 나타내는 용어이다. BLOB 데이터 는 주로 멀티미디어 파일( 이미지, 비디오, 사운드, 문서 등 )을 저장하거..

리액트를 시작하기 위해서는 먼저 Node.js가 필요하다 . 1. node.js 설치 LTS를 눌러서 node.js를 우선 설치해준다. 현재 설치하는 node.js의 버전은 20.9.0이다. 추후 프로젝트를 할 때는 버전을 변경하여 더 낮은 버전으로 사용하는 것이 좋을 것으로 보인다.(안정적인 버전으로) 설치 과정에서는 특별하게 설정할 부분이 없었기에 따로 설명하지 않겠다. 터미널 혹은 명령프롬프트(cmd)에서 >node -v 명령어를 실행 했을때 아래와 같이 버전이 출력된다면 잘 설치가 된것이다. 그럼 다음으로 npm이란 것이 필요하다. npm이란 Node Package Manager의 줄임말로 말그대로 노드 패키지를 관리해주는 툴이다 근데 LTS버전에는 npm10.1.0을 포함하고 있어 설치하면서 같..