IT기록 isaac

React.js Start 리액트 시작하기, React App 만들기 React Project 설치 & 생성하기 React를 시작하기 위해서는 먼저 node.js가 설치되어 있어야 한다. 설치하지 않았다면 node.js 공식홈페이지에서 설치를 먼저 진행해야 한다. nodejs 공식 홈페이지 https://nodejs.org Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 학습하는 과정에서 Node 버전은 상관없다. LTS, Current 둘 중 하나 선택해서 Node.js 설치를 진행한다. node.js를 설치했다면 react 프로젝트를 생성한다. React 프로젝트 생성 명령어 npx c..

Next.js 시작하기, Next.js 프로젝트 생성하기 React 프레임워크 Next.js를 시작해 보자. 간단히 Next.js 프로젝트를 생성하는 방법에 대해 알아보자. 먼저 Next.js 공식 홈페이지로 접속한다. https://nextjs.org/ Next.js by Vercel - The React Framework Next.js Boilerplate A Next.js app and a Serverless Function API. Image Gallery Starter An image gallery built on Next.js and Cloudinary. Next.js Commerce An all-in-one starter kit for high-performance e-commerce sit..

[flutter|오류 해결] Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed to resolve this. flutter 설치를 하던 중 오류 메시지가 나타났습니다. Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed to resolve this. 위 메시지가 나타난 경위를 보면 다음과 같습니다. flutter 공식 홈페이지에서 flutter sdk를 설치하고, flutter 환경 변수를 설정한 뒤, cli에서 ..

[Java] Network, TCP, Socket, Chatting, 채팅 프로그램 만들기 Q. 인터넷 환경에서 웹 서핑, 채팅, 파일 전송 등은 어떻게 할 수 있나요? A. 네트워크를 통해 인터넷 환경에서 위와 같은 것들을 할 수 있습니다. 지금 이 포스팅을 볼 수 있는 것도 네트워크 기술이 사용되었기 때문에 인터넷 브라우저를 열고 티스토리 호스팅 서버로 접속하여서 블로그를 볼 수 있게 되는 것입니다. 이번 포스팅은 Java Network에 대해서 알아보고자 합니다. 네트워크 개요 OSI(Open Systems Interconnection) 개방형 시스템 간 상호 접속 컴퓨터 네트워크를 공부할 때 위 OSI 7 Layer Model을 공부하게 됩니다. 이 포스팅에서는 OSI 7 Layer Model에 ..

[Java] 파일 입출력 java.io.File / InputStream, OutputStream Java에서 파일을 어떻게 처리하는지 복습하는 차원에서 이 글을 작성하게 되었습니다. 글을 잘 쓰진 않지만 도움이 되는 글을 쓰고 싶어 글을 작성하게 되었습니다. 글을 읽고 도움이 되면 좋겠습니다. 그럼 Java에서 File 처리하는 방법에 대해 알아보겠습니다. I/O Input, Output 프로그래밍 파일 처리에서 대표적인 키워드가 아마도 I/O일 것입니다. I/O는 input과 output의 앞 글자를 따와서 붙여놓은 키워드입니다. 파일 처리에서 input과 output이 자주 사용되기 때문에 File에서 IO라는 키워드가 항상 같이 붙어 있습니다. 컴퓨터 바탕 화면에 메모장을 만들어서 기록하는 것도 ..

Ubireport 급여지급대장 그룹핑 페이지 점검사항 이 글은 Ubireport에 대해서 설명하는 글이 아닙니다. 개인적으로 ubireport 작업 중에 복기하기 위해 기록하는 글입니다. 급여지급대장 report가 있는데 항목이 추가되거나 양식이 수정될 때 열어보게 된다. 최근에 추가된 급여(임금) 항목들이 그룹핑 페이지가 아님에도 그룹핑 영역에 계속 나오는 경우가 있는데 이를 해결하게 되면서 잊지 않기 위해 기록한다. 우선 리포트의 페이지가 2개 페이지로 구성이 되어 있다. 첫 번째 페이지는 개인별 지급내역을 나타내고, 두 번째 페이지는 부서별 그룹핑한 합계가 출력된다. 그런데 첫 번째 페이지, 두 번째 페이지 모두 그룹핑 데이터를 나타내는 영역을 같이 사용하게 되어 있다. 이유는 첫 번째 페이지 역할..

Github Pages & Jekyll 사용해서 Github 블로그 만들기 Github Page, Github Blog를 만들 때 Github에서 권장하는 Jekyll을 사용해 깃허브 페이지를 만들어 보려고 합니다. html, css, javascript만 가지고도 충분히 페이지들을 뽑아낼 수 있겠지만 Jekyll이 궁금해서 사용해보려고 합니다. 우선 제 운영체제는 WIndows인데, Github Docs에 따르면, "Jekyll은 WIndows를 공식적으로 지원하지는 않는다."라고 되어 있습니다. 그래도 Windows에서 사용할 수 있는 방법을 제공하고 있다고 해서 그 방법으로 진행합니다. 먼저 Jekyll을 사용하려면 루비를 설치해야 합니다. 아래 사이트 접속해서 Ruby+Devkit을 설치합니다. ..

IntelliJ에서 html 수정 후 바로 반영되게 하기 [On 'Update' action] eclipse에서는 보통 정적 파일이 바로 반영이 되는데 IntelliJ에서는 바로 반영되지 않는 경우가 있습니다. IntelliJ에서 설정 변경을 통해 변경된 html 파일 내용을 바로 반영시킬 수 있습니다. html과 같은 정적 파일뿐만 아니라 클래스도 바로 반영을 시켜줄 수 있는데요. 옵션에서 선택사항입니다. # 파일 변경 사항 바로 반영하기 순서 Edit Configurations... > Modify options > On 'Update' action > Update classes and resources 상단 실행 버튼 옆에 보면 실행하려는 Java 클래스가 선택되어 있습니다. [▼] 콤보 버튼을 눌..

Spring boot project에서 static 폴더의 역할 Spring boot 프로젝트에서 정적인 파일을 바로 보여줄 수 있는 폴더가 static 폴더입니다. 프로젝트에서 src/java/resources/static/ 하위에 정적인 파일들을 위치시키는데, 보통 html, css, javascript와 같은 파일을 넣게 됩니다. 그리고 Server를 실행하면 static 파일에는 바로 접근할 수 있게 됩니다. src/java/resources/static/ 아래에 index.html 파일을 입력했습니다. 그리고 브라우저에 /index.html 파일로 바로 접근합니다. 문구 'Hello Spring-boot-board project!' 를 작성했습니다. localhost:8081/index.html..

IntelliJ + H2 database, Data Source 추가하기 Java, Spring boot는 아니지만 보통 IntelliJ에서 많이 사용하니 같은 카테고리에 놓고 글 쓰겠습니다. h2 데이터베이스 연결을 추가하려는데요. 보통 h2는 파일 형태로 받아져서 Embedded로 많이 사용하시는 것 같더라고요. remote 등 다양한 방법으로도 사용이 가능하지만, Embedded가 생성되는 파일에 뭔가 바로 연결한다는 직관적인 느낌이 있어서 저는 Embedded로 연결해보았습니다. ※ IntelliJ 유료 버전 준비해주셔야 합니다. Database > Hata Source > H2 선택 Name 설정 > Driver 다운로드 > Connection type : Embedded Path에서 ~/ 로 ..