react native 프로젝트를 웹 프로젝트들과 함께 관리하고 유틸 함수를 함께 관리하면 용이할 것 같아서 구성을 해보게 되었습니다.NX를 이용해서 React Native 프로젝트를 포함한 모노레포를 구성할 때 3가지 옵션이 있습니다.NX에서 재공해주는 React N

2022 패스트 캠퍼스에서 진행하는 inner circle 디자인시스템(김민태 멘토님) 스터디에서 진행했던 내용을 기반으로 작성한 글입니다.프로젝트를 진행하기 앞서 주제를 정하기까지 한달 정도를 고민했었습니다.왜냐하면 디자인 시스템의 정의 자체가 조직, 프로젝트마다 달

React Native 개발 중 실제 device에 연결해서 테스트를 해야할 때, 빌드는 완료됐지만 ios장비와 xcode가 연결이 안된채 와 같은 dialog가 계속 spinning 되는 경우가 있습니다.이에 대한 해결책으로 검색해보면 두가지 문제가 있을 수 있습니다

D3 라이브러리 이해하기를 위해 각 모듈별로 간략한 정리를 남기고 있습니다.d3-selection 는 D3 application의 핵심적인 라이브러리입니다. DOM 컴포넌트를 동적으로 변경하거나 데이터 흐름의 스트림으로써 데이터를 select, bind, update,

현재 D3.js 라이브러리에 익숙해지기위해 학습 중입니다. 학습 방법이 잘못됐는지 생각보다 학습 진행속도와 모듈에 대한 이해수준이 더딘 것 같습니다. 주로 ObservableQ 예제 레퍼런스들을 살펴보면서 학습을 진행해왔습니다. 하지만 대부분의 예제들은 D3.js만의

D3.js 라이브러리 활용능력을 키우고 싶어서 학습 중 입니다. 대부분의 d3.js 시각화 작품들이 공개되어있지만 코드 자체만으로 분석하기에는 d3.js API구성을 잘 알아야합니다. 이번 포스트에서는 D3.js로 구성된 Hierarchical Bar 차트를 분석해보고

맨날 d3.js 를 공부하겠다고만 다짐하고 정작 공부를 시작하지않아서 본격적으로 공부를 시작해보려합니다. 아주 쉬운 그래프 시각화부터 시작해서 좀더 어려운 예제를 이해해보고 구현해보려합니다.barchart, piechart 등등을 손수 구현해보고 React 어플리케이션

우선 알고 있는 세션기반의 인증부터 소개하면 JWT의 필요성에 접근해보겠습니다.이 글의 정리하는 과정에서도 JWT를 정확히 이해하고 있지않습니다. 글을 작성하면서 공부를 겸해서하니 정확하지않는 정보가 있을 가능성이 있습니다.Session 기반의 인증은 간단합니다. 흔히

고차 컴포넌트와 컨테이너 컴포넌트라 불리는 패턴이 유사하다고 느낄 수 있습니다. 컨테이너 컴포넌트는 high-level과 low-level 관심사를 분리하는 전략 중 하나입니다. 컨테이너는 구독 및 state 같은 것을 관리하고 UI 렌더링 같은 것을 처리하는 컴포넌트

해당 내용은 리액트 공식 문서 - 고급안내서 읽기 스터디를 통해 정리한 내용입니다. 주관적인 견해나 외부 자료에 의해 추가된 내용은 볼드체로 추가해서 남기겠습니다.우선 문서를 읽을 때 한국어로 해석된 문서를 읽게되면 다소 의미가 다르게 전달될 때가 있어서 이번 최적화관

Spring Boot는 어플리케이션을 테스트할 때 유용한 많은 유틸리티, 어노테이션을 제공합니다.Spring Boot Testhttps://docs.spring.io/spring-boot/docs/current/reference/html/features.htm

스프링 부트가 제공하는 핵심기능들을 정리해보겠습니다. Spring MVC가 제공하는지 Spring Boot가 제공하는지 가끔 헤갈릴 때가 있습니다. 이번에 스프링부트가 제공해주는 것들을 제대로 이해해보겠습니다.SpringApplication Class외부설정 (Prop

Spring MVC를 맛보고 이어서 실제로는 Spring Boot기반으로 대부분 프로젝트를 진행할 테니 Spring Boot를 한번 정리해보겠습니다.Spring Boot helps you to create stand-alone, production-grade Sprin

DispatcherServlet을 분석하면서 추상적으로 어떤 역할들을 하는지 살펴봤었습니다. 이번에는 구체적인 HandlerAdapter들을 살펴보고 각각의 차이점을 살펴보겠습니다.Request 분석(Locale, Theme, Multipart 등등)HandlerMap

이번에는 Session과 관련된 Spring MVC의 Handler Argument를 살펴보겠습니다.Spring Request Handler에서 HttpSession를 Argument으로 받아서 사용가능합니다.위와 같이 Session Attribute에 문자열 Key/

요청 매개변수(Request Paramter)를 스프링 Handler Method가 처리하는 방식을 정리해보려고 합니다.Http Query Paramter로 넘어올 수도 있고 본문(body)를 통해서 넘어올 수도 있습니다. 스프링에서는 두 가지 모두 요청 매개변수로 취

Spring Handler Method가 지원하는 Argument 들이 많이 있습니다.Spring MVC 공식문서(https://docs.spring.io/spring-framework/docs/current/reference/html/web.htmlURI P

정리할 내용은 공식 문석(https://docs.spring.io/spring-framework/docs/current/reference/html/web.htmlDispatcherServlet의 동작 중에 RequestMappingHandler라는 특별한 Be

Effective Java 3판 Item18 상속보다는 컴포지션을 사용하라 흔히 OOP를 공부하다보면 상속을 사용하면 코드 재사용성을 높일 수 있다는 내용을 많이 접해온다. 하지만 상속을 잘못 사용할 경우 오류를 내기 쉬운 소프트웨어를 만들게 된다.여기서 말하는 구현

개발자가 비지니스 로직을 Servlet으로 정의하고 Servlet Container인 Tomcat을 통해 서비스를 제공할 수 있다는 것을 알았습니다. 하지만 아직 스프링 프레임워크의 @Controller 속 메서드가 어떻게 호출되는지 모르니 스프링 프레임워크가 마법같이