강의를 다 듣고 깃에 push하려했는데 어...... 에러가 발생했다. 그래서 git status를 입력해 현재 상태를 봤는데.. 딱히 별 이상이 없어보인다. 검색해서 찾아보니 대부분 pull을 안 받아 충돌나는 경우에 발생하는 메세지라한다. 그래서 일단 안전하게 백업 후 git pull git add . git commit -m "블라블라" git push 위 순서로 명령어를 입력하니 정상적으로 push가 완료되었다.

React 게시글은 대부분 인프런의 '한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지' 강의를 기반으로 내용을 정리했습니다. React에서 리스트 사용하기 1 - 리스트 렌더링 (조회) 바로 전에 만든 다이어리는 저장 버튼은 있지만 실제로 DB에 저장하거나 하진 않았다. 이번에는 배열을 이용하여 React에서 LIST를 렌더링하고 개별적인 컴포넌트로 만들어보자. (일반적으로 리액트를 사용하면 배열로 피드, 게시글, 리스트를 표시하는데 자주 사용한다.) 저장된 리스트를 보여줄 DiaryList.js를 생성한다. const DiaryList = () => { return ( 일기 리스트 ) }; export default DiaryList; App.js import './App.css'..

리액트 강의를 듣던 도중.. 강사님은 코드를 대충 이상하게 쓰고 저장을 누르면 코드들이 이쁘게 자동 정렬이 되는데 아니 나는 왜 안될까?! 강사님이 prettier를 설치하면 된다그랬는데 나도 분명히 설치했건만 나는 저장을 아무리해도 자동 정렬이 되지 않았다. 그래서 설정 부분이 이상한가 싶어서 검색해봤다. Prettier 설치 확인 설치가 된 걸 확인할 수 있다. Editor format on save 설정 확인 VSCode 하단의 설정 아이콘을 누른 뒤 설정을 클릭 editor format on save 입력 후 하단 설정에서 체크 표시가 되어있는지 확인!! 나는 체크 표시가 되어있었다. Editor Default Formatter 설정 확인 Editor Default Fomatter 검색 후 Pre..

React 게시글은 대부분 인프런의 '한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지' 강의를 기반으로 내용을 정리했습니다. React에서 DOM 조작하기 DOM을 조작해서 일기 저장 버튼을 클릭했을 때, 작성자와 일기가 정상적으로 입력되었는지 확인하고 아니라면 focus를 주는 기능을 만들어보자. 일단 작성자 input과 일기 본문 textarea에 한 글자도 입력되지 않거나 5글자 미만으로 입력된 경우 저장 버튼을 눌러도 저장이 되지 않는 코드를 작성하자. const handleSubmit =(e) => { if(state.author.length < 1) { alert("작성자는 최소 1글자 이상 입력해주세요."); return ; } isFinite(state.content...

React 게시글은 대부분 인프런의 '한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지' 강의를 기반으로 내용을 정리했습니다. React에서 사용자 입력 처리하기 새로운 프로젝트를 만들자. npx create-reace-app simplediary 불필요한 파일은 삭제한다. 삭제한 파일과 관련된 코드들을 지운다. App.js import './App.css'; function App() { return ( 일기장 ); } export default App; index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; const..

Uiadapter 넥사크로의 Uiadapter를 사용하려고 gradle을 통해 라이브러리를 다운하려 했지만 아직 자사의 Nexus 서버가 불안정해서 Gradle을 통한 자동 다운은 못한다고 한다.. - 20220509 기준 그래서 플레이넥사크로에서 다운해야 한다. 해당 게시글 제일 하단에 라이브러리 파일들이 있다. 다운하고 압축 푼 다음에 프로젝트 최상위 경로에 'libs' 폴더를 만들고 압축 푼 라이브러리 파일들을 옮겨주자. 그리고 맨 위에 있는 nexacro-xapi-java-1.0.0.jar 파일은 기술지원센터에서 따로 받아야된다. 저거 없으니까 설정할 때 에러남; 참고로 파일을 다운하기 위해 로그인이 필요하다. 대메뉴 Product > Nexacro N > Download > Server [API..

SpringBoot 프로젝트 생성 SpringBoot 프로젝트를 생성하기 위해 https://start.spring.io/ 접속 SpringBoot를 다음과 같이 설정한다. Gradle Project Java 11 2.6.7 (20220509 기준) Artifact : nexacro Name : nexacro WAR (JAR로하면 jsp 못씀) Dependencies : Spring Web 다운한 파일을 원하는 경로에 압축을 푼다. 프로젝트 Open IDE는 IntelliJ를 사용한다. 이클립스를 사용해도 별 상관은 없다. 압축을 풀었던 경로로 찾아가 build.gradle을 클릭 후 OK를 누른다. Open as Project 클릭. Open as File을 클릭하면 정말 build.gradle 파일만..

스케줄링 성능 평가 기준 스케줄링 알고리즘의 성능을 평가하는 데 평균 대기시간과 평균 반환시간이 이용된다. 평균 대기시간 : 각 프로세스가 수행이 완료될 때까지 준비 큐에서 기다리는 시간의 합의 평균값 평균 반환시간 : 각 프로세스가 생성된 시점부터 수행 완료된 시점까지의 소요시간의 평균값 FCFS(First-Come First-Served) 스케줄링 먼저 들어온 순서대로 나간다. 큐를 활용하는 스케줄링이며 가장 단순한 방법이다. FCFS 스케줄링은 비선점 방법이다. 프로세스는 준비 큐에 도착한 순서에 따라 디스패치 된다. 단점 FCFS 스케줄링 알고리즘은 겉보기엔 공정하지만, 짧은 작업이 긴 작업을 기다리게 되거나 중요한 프로세스가 나중에 수행될 수 있는 등의 단점이 존재한다. → 대화식 시스템에는 적..

상수와 변수 상수 상수 : 한번 정해지면 그 값을 변경할 수 없는 수. 값이 정해진 상수는 프로그램 실행 도중에 값을 변경할 수 없다. 정수형 상수 : 10진수, 8진수, 16진수로 표현할 수 있다. 실수형 상수 : 부동소수점형 상수라고도 하며, 정수형보다 큰 값이나 작은 값을 처리하는 데 사용된다. 실수형 상수는 double형을 기본 자료형으로 사용한다. 문자형 상수 : 단일 인용부호('')로 묶여있는 1개의 영문자나 숫자문자이다. ASCII 코드값이 사용된다. escape 문자의 경우 \n(줄바꿈), \t(탭), \0(ASCII 코드값이 0인 문자_null문자) 등이 있다. 문자열 상수 : 이중 인용부호("")로 묶여 있는 복수개의 영문자와 숫자로 이루어진 상수이다. 기억공간에 보관될 때에는 문자열 ..

React 게시글은 대부분 인프런의 '한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지' 강의를 기반으로 내용을 정리했습니다. Props Props는 State와 더불어 React의 대표적인 기능 중 하나이다. Props는 컴포넌트에게 데이터를 전달하는 기본적이고 효율적인 기능이다. Props는 Properties의 줄임말이다. //import './App.css'; import MyHeader from './MyHeader'; import React from 'react'; import Counter from './Counter'; function App() { const number = 5; return ( ); } export default App; 위의 코드를 보면 Counte..

React 게시글은 대부분 인프런의 '한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지' 강의를 기반으로 내용을 정리했습니다. State(상태) State는 계속해서 변화하는 특정 상태이다. 상태에 따라 각각 다른 동작을 한다. 쉽게 예를 들면 웹에서 자주 사용하는 다크 모드(Dark Mode) 테마를 껐다가, 켰다가 하는 게 상태의 하나이다. 즉 react에서 State(상태)란 계속적으로 값이 변화하는, 동적인 데이터를 갖는 컴포넌트이다. 실습을 위해 Counter.js를 만들어보자. Counter.js는 숫자가 있고 + 버튼을 누르면 숫자를 1씩 증가시키고, - 버튼을 누르면 숫자를 1씩 감소시키는 페이지이다. const Counter = () =>{ return ( 0 + - ..

React 게시글은 대부분 인프런의 '한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지' 강의를 기반으로 내용을 정리했습니다. JSX JSX는 자바스크립트의 확장 문법이며 자바스크립트와 html을 혼합하여 사용할 수 있는 리액트에서 주로 사용하는 표현식이다. JSX를 사용해보자. 전에 만들었던 reactexam1 프로젝트를 실행시키고 src 경로에 MyHeader.js를 새로 생성한다. const MyHeader = () => { return 헤더; // 컴포넌트는 return이 없으면 에러가 난다. }; export default MyHeader; 그리고 우리가 만든 MyHeader 컴포넌트를 사용하기 위해 App.js로 이동해 import 시킨다. import './App.css'..

React 게시글은 대부분 인프런의 '한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지' 강의를 기반으로 내용을 정리했습니다. Create React App React App을 만드는 방법 React App을 만들기 위해 추가적인 라이브러리(패키지)들이 필요하다. Webpack : 다수의 자바스크립트 파일을 하나의 파일로 합쳐주는 모듈 번들 라이브러리 Babel : JSX 등의 쉽고 직관적인 자바스크립트 문법을 사용할 수 있도록 해주는 라이브러리 이 외에도 수많은 라이브러리들이 있으나 하나하나 다 설치하기 귀찮을 수 있다. 귀찮은 사람들을 위해 나온 패키지가 바로 'Boiler Plate'이다. Boiler Plate 보일러를 찍어내는 틀이며, 보일러를 찍어내는 듯, 서비스를 개발할 ..

React 게시글은 대부분 인프런의 '한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지' 강의를 기반으로 내용을 정리했습니다. Why React.js 첫 번째 이유 페이지마다 중복되는 코드가 있을 경우에 중복되는 부분의 어떠한 부분을 변경해야 한다면 중복 코드가 존재하는 파일 모두를 다 수정해줘야 한다. 이 현상을 산탄총 수술(Shotgun Surgery)이라 한다. 중복된 코드가 별로 없다면 다행이지만 만약에 많다면 시간도 들고, 또 실수를 해서 다른 부분에 복붙을 했다면..? 이러한 이유로 중복된 코드가 많으면 유지보수가 힘들다는 단점이 있다. 그럼 중복된 코드를 없게 작성하면 되지 않을까?라고 생각할 수 있겠지만 현실적으로 그건 힘들다. 우리가 자주 사용하는 웹 사이트만 봐도 중..

Java 프로그램 작성법 Java 언어는 객체지향 프로그래밍 언어이기 때문에 클래스를 기반으로 프로그램이 구성된다. mian() 메서드를 포함하는 클래스가 프로그램 실행을 위한 기본 클래스가 되고, main() 메서드부터 실행이 시작된다. 하나의 소스 파일로 작성된 경우에는 그 소스 파일을 컴파일하고 실행시킨다. 여러 개의 소스 파일로 작성된 경우에는 각각을 컴파일한 다음 main() 함수가 들어 있는 소스 파일을 실행시킨다. Java 프로그램의 소스 파일 이름은 'public 클래스'의 이름과 같아야 한다. 기본 사항 주석(comments) 주석은 프로그램 작성자가 붙인 프로그램의 설명문을 뜻하며 프로그램의 가독성과 이해도를 높이기 위한 방법으로 사용된다. 한 줄 주석 : // 여러 줄 주석 : /* ..