1. TypeError: Cannot assign to read only property '0' of object '[object Array]' at Array.sort () => Nested Object가 존재할 때, 하위 프로퍼티를 정렬할 때 생긴 오류이다. Read only Data를 변경할 때 뜬다고 하는데, 일단 spread 연산자를 사용하고, 새 인스턴스를 생성해 해결했지만, spread 연산자가 Deep Copy인지, Shallow Copy인지 알 지 못해 자세히 알아봐야 겠다.
문제 상황몇달 전 모바일 웹을 Flutter로 Wrapping하여 앱을 만들었다. 회사에서 애플 개발자 계정을 갖고 있지 않았던 시점에 개발했기 때문에, 개인 계정으로 Profile을 만들었다. 이후 회사 계정으로 App store에 배포할 일이 생겨 Signing Team을 회사 계정으로 변경했는데, 제목과 같은 에러가 발생했다. 시도 방법1차 시도(02.21) - Bundle Identifier 변경Bundle Identifier는 unique해야하기 때문에, 기존에 사용했던 계정 및 번들 식별자와 겹쳐서 문제가 생긴다고 생각이 들었다.그래서 Android, IOS, Pubspec을 모두 새로운 번들 식별자로 변경해줬다. Anroid: Android -> App -> Build.GradleIOS:..
문제상황 npm 프로젝트 코드를 수정하고, 배포하기 위해 Docker로 이미지를 굽는데, 제목과 같은 에러가 떴다. 문제가 될 만한 부분을 하나씩 찾아가며 결국 해결했다. 정확한 문제 원인을 찾기 위해 삽질한 결과를 적어보려 한다. 1-1 Nginx 처음으로 들여다 본 곳은 Nginx였다. Nginx에 대해서는 잘 모르기도 하고, 결정적으로 맥북에서 brew services를 찍어봤을 때 nginx의 status가 error로 뜨며 256 코드를 내뿜고 있었다. 그래서 error code 256 관련 포스팅을 찾아가며 해결하려 했지만 어떤 방법도 통하지 않았다.(재설치 너마저...) (스크린샷을 찍어놓은게 없어, 현재 찍은 것을 보여줘야 할 것 같다. status 에 error, 256으로 떴었다..)..
Spring Security 5.7.0 버전을 기점으로 WebSecurityConfigurerAdapter가 Deprecated 되었습니다.(벌써 작년 2월에 되었는데, 이슈에 약한 것 같다ㅠ 애초에 첫 직장 입사하기 전부터 없었잖아?) WebSecurityConfigurerAdapter를 상속받아 Configure를 작성하고 있었는데, 없이 구축할 수 있는 방법이 Spring 블로그에 작성되어 있어 따라가 보려고 합니다. 포스팅에 따르면 컴포넌트 기반의 Security Configuration을 위해 Deprecated 되었다고 합니다. Spring Blog에 더 자세히 나와있으니, 참고한 포스팅 링크를 첨부드립니다. https://spring.io/blog/2022/02/21/spring-securi..
*쓰는 것들부터 차근차근 정리해 놓자. MariaDB에서 제공하는 데이터는 크게 4가지 타입으로 구분된다. Data Types Description Numeric Data Types 숫자형 데이터 타입의 카테고리. 정수형/실수형 타입이 범위에 따라 정의되어 있는 것 같다. String Data Types 문자형 데이터 타입의 카테고리. 기본 문자형, 문자열부터 미디어 데이터, Json, UUID등의 타입이 이 카테고리에 속하는 것 같다. Date and Time Data Types 시간과 관련된 데이터 타입의 카테고리. Other Data Types Articles 이외 기타 타입 및 설명에 대한 카테고리. Auto increment, Null Values들이 여기 속하는 것이 신기했다. 카테고리를 분류..
들어가며 모 기업 면접에서 대규모 트랜잭션 관리하는 코드를 짜보고 싶다고 이야기했다. 그랬더니 "Isolation"에 대해 아냐는 물음이 들어왔고, 아무말도 할 수 없었다. 나중에 찾아보니 ACID 이야기가 나와 대충 아는 내용이 기억은 났지만, 트랜잭션을 하고 싶다는 사람이 바로 답이 나오지 않은 것은 부끄러웠다. 그래서 공부하는 내용을 정리해보려고 한다. 1. 정의 트랜잭션이란 하나 또는 그 이상의 명령을 통해 데이터베이스의 상태를 변화시키는 단일 논리 단위를 말한다. 실제 비즈니스 로직에서 어떤 요구사항이 수행될 때는 한 번 이상 데이터베이스를 접근하게 되는데, 이 모든 접근을 하나로 묶어 트랜잭션이라 한다. 가령, 인터넷으로 사과를 주문하는 상황을 가정했을 때 수행할 수 있는 접근은 다음과 같다...
자체 프로젝트를 배포할 때 nohup 명령어를 이용하여 백그라운드에서 스프링 부트를 실행했었다. nohup으로 배포한 서버는 프로세스에서 직접 관리를 해야 하기도 하고, 시간이 조금 지나면 자동으로 프로세스가 종료되어 매번 다시 켜줬어야 했다. 그래서 프로세스가 유지되고 쉽게 관리할 수 있는 PM2를 사용해 배포하기로 했다. NPM 설치 현재 내 인스턴스에는 Node Package Manager가 설치되어 있지 않기 때문에, Nodejs를 먼저 설치한다. 터미널에서 Node를 설치하기 위해 AWS 공식 홈페이지를 참고했다. https://docs.aws.amazon.com/ko_kr/sdk-for-javascript/v2/developer-guide/setting-up-node-on-ec2-instanc..
이전 포스팅에서 Jest를 사용하여 Typescript로 구현한 로직을 테스트하는 방법 공부했다. 그러던 도중, React라는 Frontend 개발환경에서 컴포넌트가 정상적으로 동작하는지 테스트하는 것이 더욱 필요하지 않을까? 하는 생각에 찾아본 결과, React Testing Library를 알게 되었다. 프로젝트 셋업을 하면서 Redux, Route를 적용할 때마다 문제가 발생했다. 결국, 테스트 구조에 대한 이해가 부족했기 때문에 에러가 떴다. (다음에는 인지하고 개발하자!) 1. React Testing Library(RTL) 리액트 테스팅 라이브러리는 리액트 컴포넌트를 테스트하기 위한 툴이다. Jest를 기반으로 동작하기 때문에, Jest로 테스트 코드를 작성해 본 경험이 있다면 접근이 쉬울 것..
