Junism's Dev Blog!

junism
Written by@junism
interested in FE esp ReactJS

GitHub

고급 루틴

1. ‘루틴’이란? 한 가지 목적을 위해 호출할 수 있는 개별 메서드나 프로시저를 말한다. ex) 자바의 메서드, 흔히 말하는 함수..등 루틴은 컴퓨터 과학 역사상 컴퓨터 다음으로 가장 위대한 발명이다. 프로그램을 쉽게 이해할 수 있다. (=코드를 읽기 쉽다.) 2. 루틴을 작성하는 이유?

state 초기화는 어디에서 해야하는가

State 초기화는 반드시 constructor 안에서 해야하는가 state 초기화를 어디에서 해야하는가?에 대한 의문이 있었다. 자세히 파야하는 이슈는 아니지만 코드 별로 state 초기화를 하는 위치가 달라서 도대체 그 이유가 무엇인지를 정리해보았다. 1. constructor 안에서의 초기화 정석적인 방법으로써 React component의 cons…

자바스크립트 실행 컨텍스트와 동작 원리

1. 실행 가능한 코드 자바스크립트 엔진은 실행 가능한 코드를 만나면 그 코드를 evaluation 하여 실행 컨텍스트를 만든다. 이 실행 가능한 코드의 유형은 다음과 같다. 전역 코드 전역 객체 window 아래 정의된 코드 함수 코드 문자 그대로 함수 eval 코드 eval 함수 위와 같이 실행 가능한 코드를 분류하는 이유는 각 코드 유형마다 실행 문…

클래스 다루기

1. 클래스란? 연관성이 높고 잘 정의된 기능을 공유하는 데이터와 루틴의 모음 2. 클래스의 토대: 추상 데이터형(Abstract Data Type, ADT) ‘추상 데이터형’은 데이터와 데이터를 처리하는 연산의 집합 객체지향 프로그래밍을 이해하기 위해서는 반드시 ADT를 이해해야함 2.1. ADT 사용의 장점 구현의 세부사항을 감출 수 있다.(은닉화) …

react Hook

useState useReducer useCallback useMemo useRef useEffect

React Rendering

Virtual DOM Browser 원리 브라우저는 어떻게 동작하는가? - 네이버 D2 React Virtul Dom - toast meet up

1. 리액트란

객체 지향 디자인 원리

객체 지향 디자인 원리 디자인 원리는 코드를 좀 더 유지보수하기 쉽고, 유연하고, 확장하기 쉽게 만들기 위한 코드의 작성이나 디자인에 적용되는 기본 도구 또는 기법이다. 우리는 디자인 원리를 공부하기 전에 객체 지향의 원리인, 변하는 것을 ‘캡슐화’하라 구현에 의존하기 보다는 인터페이스에 의존하라 각 클래스는 변경 용인이 오직 하나여야 한다 클래스는 행동…

기타 프로젝트

1. (기획) 위치 기반 데이트 플래너, Date Pick App : SK T아카데미 모바일 기획과정 중 기획 및 개발 개발자 3명, UI/UX 디자이너와 함께 app 개발 서비스 기획, 팀 빌딩, 실 개발 완료까지 2개월간 프로젝트 매니징 업무 수행 1.1. 서비스 개요 006tNbRwgy1fvliphexdwj30ih0q4nam 서비스 UI 시나리오 …

패스트캠퍼스

패스트 캠퍼스 교육 : 안드로이드 프로그래밍 교육 과정을 통해 Java 언어와 안드로이드 프로그래밍 공부 1. Airbnb Copy app 1.1. 서비스 개요 UI/UX에 큰 노력을 하는 airbnb app을 직접 기획 및 개발해봄으로써 서비스의 흐름을 파악해보기로 하였다. 특히 지도와 위치 기반(LBS)의 목록 서비스에 중점을 두고 기획/개발하였다. …