용순

오늘의 공부

리액트

• 리액트 개발 시에 많이 실수하는 항목 리마인드
  • 예) onClick에 매개변수가 필요한 함수는 바로 연결할 수 없다
• 데이지UI의 다양한 활용 방법 (https://daisyui.com/components/)
  • 데이지UI 활용 시에는 테일윈드도 필요

백준 문제풀이(자바스크립트)

• 단계별로 풀이
  • 문자열 5622, 11718 풀이

정리 및 개선점

• 리액트 진도를 좀 더 빠르게 나가야겠다. 혼자서 하다보니 좀 느린감이 있는거 같다.
• 알고리즘 문제 푸는데 쉬운 문제지만 너무 멀리 돌아가서 풀은거 같다. 범용성보다 문제 조건 맞추는 것만 생각하는게 좋은건지 모르겠다.

오늘의 공부

리액트

• 그동안 배웠던 내용들 복습 및 테스트

백준 문제풀이(자바스크립트)

• 단계별로 풀이
  • 문자열 27866 , 2743, 9086, 11654, 11720, 10809 풀이

정리 및 개선점

• 이번에는 그동안 배웠던 것들을 복습 및 테스트를 하였는데 아는 것도 제대로 활용을 못했던거 같다.
• 앞으로 복습도 꾸준히 해서 잊지않도록 해야겠다.
• 공부를 최근에 제대로 못해서 알고리즘 문제만 풀었던거 같은데 시간 짬짬히 내서라도 공부시간을 가져야할거 같다.

오늘의 공부

개념정리

• CPU의 명령 처리 흐름을 명령어 사이클이라고 함
  • 명령어 사이클은 하나의 명령어가 처리되는 주기로, 인출, 실행, 간접, 인터럽트 사이클로 구성
• CPU는 정해진 흐름에 따라 명령어를 처리하지만 이 흐름이 끊어지는 상황을 인터럽트라고 함.
  • 인터럽트는 CPU의 정상적은 작업을 방해하는 신호
  • 종류는 동기인터럽트 (예외 Exception)와 비동기 인터럽트(하드웨어 언터럽트)로 이루어짐
  • 인터럽트 서비스 루틴은 인터럽트를 처리하기 위한 동작들로 이루어진 프로그램
  • 하드웨어 인터럽트 발생 시 CPU는 수행하던 작업을 백업한 뒤 인터럽트 서비스 루틴 실행 후 끝나면 백업해 둔 자료를 복구하여 수행 재개

백준 문제풀이(자바스크립트)

• 단계별로 풀이 하루 2문제
  • 1차원 배열 5597, 3052 풀이

정리 및 개선점

• 명령어 사이클과 인터럽트의 종류와 실행 순서에 대해 공부했다.
• 집에서 공부하려니 집중이 잘 안된 듯 싶다. 다음엔 밖에 나가서 공부를 해야겠다..

오늘의 공부

리액트

• 구조분해할당 응용
• 테일윈드 사용법

백준 문제풀이(자바스크립트)

• vscord 백준 문제풀이용 환경 세팅
• 단계별로 풀이 하루 2문제
  • 1차원 배열 10810 , 10813 풀이

정리 및 개선점

• 개발자들의 귀차니즘을 해결하기 위해 만들어진 테일윈드 익혀놓으면 시간이 많이 단축 될 거같다.
• 구조분해할당이란 개념을 자바스크립트 공부하면서 처음 알게 됐는데 이해한다면 개발에 큰 도움이 될 거 같다.
• 이해해야할게 너무 많은거 같다. 천천히 사용해보면서 몸에 익혀보자.

오늘의 공부

리액트

• useState() 사용법
• 컴포넌트 사용법

백준 문제풀이(자바스크립트)

• 단계별로 풀이 하루 2문제
  • 1차원 배열 10818, 2562 풀이

정리 및 개선점

• useState()는 자주사용하게 될 문법인거 같으니 몸에 익히자.
• 기존 자바와 문법이 헷갈려 자주 사용해봐야 익숙해질거 같다.
• 컴포넌트 개념을 알고 있음에도 쉽게 떠올리지 못했다. 다시 기초부터 리마인드 해야 할 거 같다.

JDBC(Java Database Connectivity)

자바에서 데이터베이스에 접속할 수 있도록 하는 자바 API이다.

JDBC는 데이터베이스에서 자료를 쿼리하거나 업데이트하는 방법을 제공한다.

JDBC Driver

DBMS와 통신을 담당하는 자바 클래스이다.

DMBS 별로 알맞은 JDBC 드라이버 필요하다. (jar)

MY SQL, 오라클 MSSQL  등이 있다.

리액트

리액트는자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다.

페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수된다.

리액트는싱글 페이지나 모바일 애플리케이션의 개발 시 토대로 사용될 수 있다.

복잡한 리액트 애플리케이션들은상태 관리,라우팅,API와의 통신을 위한 추가 라이브러리의 사용이 일반적으로 요구된다.

기본 사용법

다음은 JSX와 자바스크립트와 함께 HTML에 사용한 기초적인 예제이다.

<div id="myReactApp"></div>

<script type="text/babel">

  class Greeter extends React.Component {

    render() {

      return <h1>{this.props.greeting}</h1>

    }

  }

  ReactDOM.render(<Greeter greeting="Hello World!" />, document.getElementById('myReactApp'));

</script>

Greeter클래스는greeting속성을 수용하는 리액트 컴포넌트이다. ReactDOM.render메서드는Greeter컴포넌트의 인스턴스를 생성하고greeting속성을'Hello World'로 설정하며 렌더링된 컴포넌트를 차일드 요소로서myReactAppid의 DOM 요소로 추가한다. 웹 브라우저에 표시될 때 결과는 다음과 같다

<div id="myReactApp">

  <h1>Hello World!</h1>

</div>

SPA

싱글 페이지 애플리케이션(single-page application, SPA, 스파)은 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 말한다.
이러한 접근은 연속되는 페이지들 간의 사용자 경험의 간섭을 막아주고 애플리케이션이 더 데스크톱 애플리케이션처럼 동작하도록 만들어준다.
SPA에서 HTML, 자바스크립트, CSS 등 필요한 모든 코드는 하나의 페이지로 불러오거나, 적절한 자원들을 동적으로 불러들여서 필요하면 문서에 추가하는데, 보통 사용자의 동작에 응답하게 되는 방식이다.
문서는 프로세스 중 어떠한 지점에서도 다시 불러들이지 않으며 다른 문서로 제어권을 넘기지 않으나,
위치 해시나 HTML5 히스토리 API를 사용하여 애플리케이션 안에서 개개의 논리 문서의 인식 및 탐색을 제공할 수 있다.
싱글 페이지 애플리케이션과의 소통은 뒷편에 있는 웹 서버와의 동적인 통신을 수반하기도 한다.