서버사이드 모놀리식 mvc 장고 템플릿리액트 도입, 마이크로 프론트엔드 아키텍처 도입 이유, 후기,빌드시간 단축 방법toss internal 사내 업무용 포탈 직접 개발, 부분적으로 react 적용. cra로 프론트엔드 빠르게 셋업. => 절대 하지 말자. 장고와 함께
msa를 호출 할 때 msi서버끼리 p2p를 처리하려면 eureka 서버나 ribbon 사용 spring cloud feign 을 처리 eureka나 ribbon은 그냥 url만 지우면 된다더라... eureka가 내부적인 동작 원리가 가장 복잡함 총 4단계로 돌아가
MSA시스템이 낙후되었다?개발자 관점에서 나쁜 시스템이 나쁜 개발 문화를 만들게 된다MSA를 만드는 기준은 개발 문화가 좋은 것인가? 라는 부분을 고려해야 한다과감하게 리팩토링 하면 전사 장애가 난다는 확실한 부분이 있다면 분명히 이것을 처리해야 한다.안 쓰이는 코드를
시험 끝한 일 todolist훨씬 깔끔하게 Single responsibility 만 지키자Box 같은 core component 에서는 같은 형식으로 타입 스크립트를 활용해 나만의 정의를 확실하게 내려두면 훨씬 깔끔한 코드가 나타날 수 있다.Dispatch setSt
한 일 excel 시트를 파싱해서 우리가 원하는 형태로 json으로 변환하는 것엑셀 시트 변환은 sheet를 읽어오면 데이터 형태가 조금 다양하다, 거기에 맞는 예외처리 스타일 파싱하는 방법문자열를 스타일로 쪼개는 방법이 좋다객체에 스타일을 읽어들이고, 그 객체를 받아
하나의 테스트를 만드는데 필요한 작업이 어느정도인지, 얼마나 걸리는지, 어떻게 해야 되는지, 같은 부분을 미리 생각하고 전체적인 틀을 만들고 시작했을 경우 훨씬 개선 작업을 진행할 수 있다.어제의 복기백엔드 작업 1시간 반,시작페이지 30분, 브릿지 페이지 30분, 질
https://velog.io/@dev_leewoooo/Node-Project-CI-%ED%95%98%EA%B8%B0-with-Github-ActionCI 적용하기
커스텀 기능이 있는 경우 프론트에서 위치가 고정된 이미지를 받아서 쓴다면 이미지의 조합 없이도 가능하지만, 저장 기능이 들어간다면 이미지를 합치는 부분이 분명히 필요할거고, 그 기능은 모든 이미지를 저장해둬야 하는 방향으로 흘러가는 안좋은 결과가 되어버린다. 크로스 브
여기서 한 분야의 전문가가 되기에 필요한 순서대로 기술들이 나열되어 있다.분명히 한 분야에 일정 수준이 되기 위해서 필요한 순서대로 다 나열되어 있는 것들은 맞다.그렇다면 저 기술만 있으면 최고의 개발자가 되는 것일까? 알고리즘, 자료구조, 네트워크, 운영체제, 어셈블
yarn create next-app --example "name" with-redux-app진짜 거지같...ncu -uyarn installnpm run buildnpm run devhttp://blog.hwahae.co.kr/all/tech/tech-tec
package.json 에서 보면서 기억할만한 것들storybook, lint-staged, nodemonConfig, husky처음보는 패키지classnames, cookie, copy-to-clipboard, dayjs, emoji-mart, history, htm
일정 조율. 하루 전에 무조건 다 체크 해두기 JS로 유저 객체 식별 가능 이미지를 박스로 감싸고, 감싼 박스에서 height="auto" 줘야지 사파리에서 제대로 렌더링이 된다는 점 함수는 무조건 useCallback으로 감싸서 성능상 이슈 해결, 단순히 for
free 부분에는 다양한 원칙이 필요함malloc과 동일하게 필요함가장 간단한 부분은포인터 첫 자리에 무조건 크기를 첫 글자에 박아버리는 방법이 있음. 그러면 free 문제가 해결이 가능해짐implicit LIST 로 free 문제 해결활성 여부, 사이즈 이렇게 총 2
첫주차 후기 1. 타입스크립트 관련 문제 타이핑이 안 되어 있는 상황 때문에 겪었던 불편들 래핑 태그들에 대한 자동완성 기능의 부족 <Box> 같은 태그가 대표적. (padding->p, margin ->m) 같은 것들이 자동완성이 전혀 되지 않지만, 실
개발자가 dynamic memory allocator 을 사용해. malloc 같은 것들 힙 영역에서 malloc이 됨. 사이즈 역시도 동적으로 변경됨 brk가 딱 정해져 있을 때 특정 메모리 byte를 할당해주는 역할을 memory allocator가 해줌 힙은
라이브러리는 우리가 사용하는 것프레임워크는 우리의 코드를 불러오는것di(dependency injection)의 개념과 유사커다란 차이 중에는 ReactDOM.render부분이 없다는 것이런 과정을 절대로 커스터마이징 할 수 없음우리가 할 수 있는 유일한 부분은 pag
relational Database Management SystemMysql, PostgreSQL, MariaDBAWS Database Migration Services 를 사용해 기존 데이터베이스를 AWS RDS로 마이그레이션 가능1\. EC2에 직접 Database
기본 entity 제작export class 클래스명{}이 가장 기본적인 베이스 역할을 하게 된다이게 진짜 최소 형태여기서 number같은 것은 integer로 자동 변환을 하는 것같은 처리를 해준다@PrimaryGeneratedColumn()이 데코레이터는 prima