0youn 0youn

도커는 무엇인가요? 리눅스의 응용프로그램들을 소프트웨어 Container 안에 배치시키는 일을 자동화하는 오픈 소스 프로젝트 소프트웨어 실행에 필요한 모든 것들을 포함하는 완전한 파일 시스템 안에 감싼다. 여기에는 코드, 런타임, 시스템 도구, 시스템 라이브러리 등 서버에 설치되는 무엇이든 전부 아우른다. 이는 실행 중인 환경에 관계 없이 언제나 동일하게 실행될 것을 보증한다. → 바로 이 부분! “환경에 관계 없이 언제나 동일하게 실행”되는 것 때문에 도커를 사용한다. 소프트웨어를 컨테이너라는 표준화된 유닛으로 패키징하며, 컨테이너는 라이브러리, 시스템 도구, 코드 등 소프트웨어 실행에 필요한 모든 것이 포함되어 있다. 즉, 도커는 컨테이너 환경에서 독립적으로 애플리케이션을 실행할 수 있도록 컨테이너를..

회사에 입사하고 다사다난한 생활을 지내고 마침내 앱을 배포했다. 앱이 출시된지 2주정도 지난 시점에서 뒤를 돌아보며 다사다난 했던 첫 서비스 배포 후기를 남기려 한다!! 1. 1인 개발은 너무 힘들다 하지만 한 번 정도는 해볼만 하다...?!? 처음 입사했을 땐 회사에서 바이앱스라는 업체를 이용하여 카페24에서 호스팅한 웹앱을 서비스 하고 있어서 그 웹앱을 관리하는 업무를 했었다. 이 때 까지만 해도 이미 작업된 코드를 수정하는 업무여서 큰 어려움이 없었으나 고난과 역경은 개발을 시작한 이후 시작 됐다. 첫 번째 역경은 설치된 모듈끼리 버전이 꼬였는지 도저히 잡을 수 없는 에러가 발생했던 것이었다. 구글에 검색해도 불분명한 답변만 계속 되고 회사에 계신 백앤드 시니어분도 구체적인 답변을 주시지 못하셔서 ..

회사에서 진행하는 프로젝트가 출시 마무리 단계여서 앱 테스트 도중 아래와 같은 에러가 발생했다. 현재 카테고리(과자.초콜릿.스넥) 에서 장바구니 수량 제어 중 다른 카테고리로 넘어갈 때 컴포넌트가 재랜더링 되지 않고 변경된 카테고리에 영향을 줘 장바구니 제어 상태가 계속 오픈되어 있는 현상이 발견되었다. (아래 이미지의 상단에 있는 카테고리 선택 시 하단의 상품 리스트가 새롭게 갱신되며 다시 랜더링 되는 것을 원했다) 의도한 것은 표의 첫 번째 이미지 처럼 카테고리 이동 시 닫혀있는 상태여야 한다. 그래서 처음 생각한 것은 useEffect를 이용하여 컴포넌트가 언마운트 될 때 return된 함수가 실행되게 하여 현재 수정중인 장바구니 수량을 갱신하려 했으나 카테고리 변경을 진행해도 useEffect에서..

tdd를 따로 책없이 혼자 공부하려다 보니까 보통 어떻게 사용하는지 막막해서 인프런에서 강의 듣기로 했다.... 오늘 앞에 세팅하고 하는거 대충 들었는데 벌써부터 꿀잼각이라 너무 기대된다 내일 겁나 뿌셔야지!! https://www.inflearn.com/course/%EB%94%B0%EB%9D%BC%ED%95%98%EB%8A%94-%EB%A6%AC%EC%95%A1%ED%8A%B8-%ED%85%8C%EC%8A%A4%ED%8A%B8/dashboard 따라하며 배우는 리액트 테스트 - 인프런 | 강의 이 강의를 통해 리액트 애플리케이션을 테스트하는 법을 배우게 됩니다., 리액트 테스팅을 위한 A to Z! 한 단계 앞선 리액트 개발자로 거듭나세요. 리액트 애플리케이션 테스트, 왜 배워야 할까 www.infl..

tdd 공부한다고 이래저래 자료 찾아보다 홀려서 이것저것 정보 주워 담던중에 깨닳음을 준 내용이 있어 정리한다. useMemo나 useCallback를 사용하기 전엔 해당 값-함수가 컴포넌트 바깥에서 정의될 수 있는지 확인해야 한다. 변수 계산이나 함수 정의는 최대한 컴포넌트 바깥에서 해결하고, 컴포넌트 porps나 state에 의존하는 값-함수일 때만 컴포넌트 내부에서 useMemo나 useCallback를 이용해 정의한다. 위와 같은 내용인데 가끔 깃헙에 예시 코드 보면 컴포넌트 외부에 함수를 선언하는 코드를 보며 왜 저렇게 짜지라는 의문을 가지고 있었는데 이유를 깨닳았다...!!!! 차후에 프로젝트 리펙토링할 시간 생기면 천천히 분리해야지...ㅜㅠ 참고 - https://velog.io/@gwak2..

벨로퍼트님 강좌 따라서 tdd 공부를 진행하고 있는데 기록삼아 남겨본다. 강좌에서 es5 문법으로 강의가 구성되어 있길래 나는 es6 문법으로 해봐야지~! 했는데 절대 안된다.. 심지어 ts 확장자로 하니 export 가 없는 경우 타입 스크립트에서는 에러가 발생해서 사용도 못한다고 한다. 그래서 jest에서 es6문법을 사용해서 하는법을 찾아보니 babel 설정을 또 해줘야 된다구 하길래 어짜피 jest를 사용하지도 않고 맛보기로 사용하는거라서 그냥 넘어가기로 했다. 아무튼 강좌에서는 최소값 최대값을 구하는 함수를 테스트하는 내용으로 진행됬는데 그냥 따라치는 것 보다는 프로그래머스에서 오랜만에 문제나 풀어보자는 생각으로 프로그래머스 문제를 풀어봤다. 문제는 요거! https://programmers.c..

집에서 tdd 시작하려고 새롭게 리엑트 프로젝트를 생성하려는데 아래와 같은 에러가 발생했다... 깃헙에서 하라는데로 npm create-react-app 언인스톨 다 해보고 캐시도 지워봤는데 절대 안된다... 그래서 아래 블로그 따라서 초기 설정부터 진행해봤는데 뭔가 부족하게 세팅했나 잘 안된다.. https://velog.io/@peacesong/create-react-app-%EC%97%86%EC%9D%B4-React-Typescript-%EA%B0%9C%EB%B0%9C-%ED%99%98%EA%B2%BD-%EC%84%B8%ED%8C%85%ED%95%98%EA%B8%B0 create-react-app 없이 React + Typescript 개발 환경 세팅하기 "생각보다 create-react-app 없..

2022년 시작과 동시에 하려고 했는데 연초에 이래저래 자질구래한 일들이 생겨서 이제야 마음먹고 시작하려 한다. 올해 새운 목표는 1일 1커밋을 할까 생각했는데 지금 내 스케줄상 그건 힘들 것 같아서 1주일에 3~4회 정도는 커밋하자 라는 목표를 세웠다. 그리하여 처음 공부하는 목표는 tdd다! 이전부터 tdd가 중요하다라고 생각했지만 당장 일이 급하다는 핑계로 학습하지 못하고 있었는데 트랜드를 따라가야 한다는 이유 뿐만 아니라 혼자서 프론트쪽을 담당하고 있다보니 언제 어떻게 버그가 발생할지 모른다는 불안한 마음을 가지고 할 바에는 공부를 하자는 마음을 먹었다. tdd가 그런 부분들을 조금 해소해 줄 수 있겠지... tdd가 끝나면 요새 ios쪽도 관심이 생겨 swift도 생각중이고 여유가 된다면 Rec..