Horru's Log
close
프로필 배경
프로필 로고

Horru's Log

  • 분류 전체보기 (23)
    • Current Study (9)
      • 처음 만난 리액트 (6)
      • 더 자바, 코드를 조작하는 다양한 방법 (3)
    • Pause (3)
      • 쉬운 코드 Database (2)
      • 모던 자바스크립트 딥다이브 (1)
    • 책 (0)
    • 강의 (0)
    • 자바 (1)
    • 스프링 (2)
    • CS (0)
    • Web (0)
    • 생각 및 회고 (6)
    [Java] JVM이란

    [Java] JVM이란

    JVM (Java Virtual Machine)자바 가상머신으로 자바 바이트 코드를 OS에 맞게 특화된 코드로 변환하여 실행해 준다. JVM의 구성 요소클래스 로더메모리 영역실행 엔진JNI(Java Native method Interface) + JNL (Java Native method Library) 클래스 로더로딩 : 클래스 파일에서 바이트 코드를 읽어오는 과정링크 : 레퍼런스 연결 과정초기화 : 클래스에 있는 static 값들 초기화 클래스 로더의 종류부트스트랩 클래스로더 : JAVA_HOME/lib에 있는 코어 자바 API를 제공, 최상위 클래스 로더 플랫폼 클래스로더 : JAVA_HOME/lib/ext 폴더 또는 java.ext.dirs 시스템 변수에 해당하는 위치에 있는 클래스를 읽는다.애플..

    • format_list_bulleted Current Study/더 자바, 코드를 조작하는 다양한 방법
    • · 2023. 10. 21.
    • textsms
    [리액트] State and LifeCycle

    [리액트] State and LifeCycle

    리액트에서 중요한 부분 State 영어단어로 상태를 의미하는데 리액트에서도 컴포넌트의 상태를 의미한다. 리액트 컴포넌트의 상태는 컴포넌트의 데이터라는 의미 리액트 컴포넌트의 변경가능한 데이터를 state라 부른다. state는 자바스크립트 객체 형태다. state는 개발자가 정의한다. 정의할 때 주의할 점 렌더링과 데이터 흐름에 사용되는 데이터만 state에 포함해야 한다. 관심 없는 값들은 컴포넌트의 인스턴스 필드에 정의하자, 관심 없는 값들까지 state에 포함되면 재렌더링 시 성능 이슈가 발생할 가능성이 있다. 클래스 컴포넌트는 생성자로 현재 state를 정의하고, setState 함수로 state들을 수정한다. (직접 수정은 잘못된 방법) class LikeButton extends React.C..

    • format_list_bulleted Current Study/처음 만난 리액트
    • · 2023. 10. 16.
    • textsms
    [리액트] Component와 Props

    [리액트] Component와 Props

    Component 리액트는 컴포넌트 기반 구조이다. 레고 블록처럼 컴포넌트를 조립해서 개발 컴포넌트는 함수(function)와 형태가 비슷하다. 입력(props) 값을 받아서 react element로 반환을 한다. Componenet와 react element 간의 관계는 붕어빵 틀과 붕어빵의 관계다. 객체지향에서 나오는 클래스와 인스턴스의 관계와 흡사하다. Props Property를 줄여서 사용 리액트 컴포넌트의 속성을 의미한다. 컴포넌트에 전달한 다양한 정보를 담고 있는 자바스크립트 객체 붕어빵에 들어가는 속재료 Props의 특징 read-only : 읽기만 할 수 있고, 변경은 불가능하다. 모든 리액트 컴포넌트는 Props에 관해서는 Pure함수 같은 역할을 해야 한다. Props 사용법 fun..

    • format_list_bulleted Current Study/처음 만난 리액트
    • · 2023. 10. 16.
    • textsms
    [주간 회고] 2023년 10월 2주

    [주간 회고] 2023년 10월 2주

    9월 원티드 프리온보딩을 통해 참여하게 된 개발자 커뮤니티로부터 자극을 받고 있다. 늦은 밤까지 매일 모각코 하는 분들과 오늘의 다짐(일일 목표)을 작성하며 공부하는 모습을 보고 뒤쳐지면 안되겠다는 생각이 들었다. 리팩터링 스터디 월요일에는 리팩터링 스터디를 참여했다. 이번 주가 첫 시간이었다. 한 분이 강사를 맡아서 강의식으로 진행되었다. 자바스크립트로 된 리팩터링 2판을 자바 코드로 수정해 가며 예제 코드를 전달해 주셨고, 설명을 들으며 예제코드를 같이 리팩터링을 진행하는 방식으로 스터디를 했다. 리팩터링 기법 하나에 커밋을 한번 하자 리팩터링 + 테스트는 필수 리팩터링은 성능에 신경쓰지 않는다. 리팩터링 후 성능이 문제라면 그때 해결 방법을 생각하자. 리팩터링이 된 코드가 버그나 성능 이슈를 고치는..

    • format_list_bulleted 생각 및 회고
    • · 2023. 10. 15.
    • textsms
    [모던 자바스크립트 딥다이브] 01장 프로그래밍

    [모던 자바스크립트 딥다이브] 01장 프로그래밍

    프로그래밍이란 0과 1밖에 모르는 기계가 실행할 수 있을 정도로 정확하고 상세하게 요구사항을 설명하는 커뮤니케이션 작업, 그 결과물이 바로 코드 문제해결을 할 때 우리는 컴퓨터의 입장에서 문제를 바라봐야 한다.(컴퓨팅 사고) ex) '듣다'라는 행위에서 사람은 크다, 작다로 소리를 표현하지만 컴퓨터는 수치화하여 해당 기능을 구현해야 한다. 사람에게는 당연한 행위도 컴퓨터에게는 수치화한 구체적인 기능적인 요구사항과 이에 대한 구현이 필요하다. 프로그래밍 언어 컴퓨터가 이해할 수 있는 언어는 자연어 즉 기계어이다. (0과 1로 이루어진 언어) 사람이 자연어를 사용해서 기계와 커뮤니케이션하기는 쉽지 않다. 그래서 약속된 문법으로 구성된 프로그래밍 언어를 사용해서 코드를 작성 후 컴퓨터가 이해할 수 있도록 번역..

    • format_list_bulleted Pause/모던 자바스크립트 딥다이브
    • · 2023. 10. 15.
    • textsms

    [리액트] Rendering Elements

    Element란 리액트 앱을 구성하는 가장 작은 블록들 기존엔 엘리먼트를 DOM의 Element를 의미하는 단어로 사용했다. 하지만 리액트에서의 Element는 리액트 Element를 뜻한다. DOM elements와 React Elements의 차이 리액트 개발 초창기엔 현재 React Element를 Descriptor라고 불렀다. (화면에 나타나는 내용을 기술한다는 의미에서 Descriptor) Descriptor는 최종적으로 DOM Element 형태로 나타나기 때문에 통일성을 위해 React Element로 변경되었다. DOM element는 실제 DOM에 존재하고 React Element는 React의 Virtual DOM에 존재한다. React Element는 DOM Element의 가상 표..

    • format_list_bulleted Current Study/처음 만난 리액트
    • · 2023. 10. 15.
    • textsms
    • navigate_before
    • 1
    • 2
    • 3
    • 4
    • navigate_next
    공지사항
    전체 카테고리
    • 분류 전체보기 (23)
      • Current Study (9)
        • 처음 만난 리액트 (6)
        • 더 자바, 코드를 조작하는 다양한 방법 (3)
      • Pause (3)
        • 쉬운 코드 Database (2)
        • 모던 자바스크립트 딥다이브 (1)
      • 책 (0)
      • 강의 (0)
      • 자바 (1)
      • 스프링 (2)
      • CS (0)
      • Web (0)
      • 생각 및 회고 (6)
    최근 글
    인기 글
    최근 댓글
    태그
    • #다형성
    • #동적프록시
    • #다이나믹프록시
    • #데이터베이스
    • #코드를 조작하는 다양한 방법
    • #프록시패턴
    • #처음 만난 리액트
    • #jsx
    • #객체지향프로그래밍
    • #리액트
    전체 방문자
    오늘
    어제
    전체
    Copyright © 쭈미로운 생활 All rights reserved.
    Designed by JJuum

    티스토리툴바