글쓰고 싶은 개발자

태국 무격리 입국 태국 정부는 우리나라 포함 46개국에서 항공기로 입국하는 백신 접종 완료자를 대상으로 격리 면제를 시행하겠다고 발표하였습니다. 격리 면제를 위해서는 46개국 중 한 개국에 연속 21일 이상 체류해야 합니다. ​ 다만 국적과 무관하게 태국에 실 거주 중인 입국자에 한하여 46개국 중 하나의 나라에 21일 이상 머물지 않더라도 격리가 면제되어 입국이 가능합니다. 태국에서 출발하여 46개국 중 일부 방문 후 21일 내에 태국 재입국 시에도 면제가 동일 적용됩니다. ​ 우리나라를 기준으로 포스팅할 예정이라 46개국은 따로 언급하지 않겠습니다. 혹 다른 나라에 체류하셨던 분들은 하단 링크를 참고하여 주시기 바랍니다. ​ 무격리 입국이 가능한 항공편 이용자는 입국 허가서 대신 타일랜드 패스를 이용..

알고 있고, 배우고 있는 jest의 matcher들을 정리하는 포스팅으로 제가 더 많이 알아가면 알아갈수록 추가될 예정입니다~ ^0^ matcher란 jest에서 제공하는 테스트 결과값을 확인하는 함수. 하단에 존재하는 matcher list. ctrl + f로 찾는것을 권장합니다. toBe not.toBe toEqual toStrictEqual toBeNull toBeFalsy toBeTruthy toBe test('toBe 사용법', () => { expect(결과값).toBe(기대값); }); // 테스트 통과 사례 test('1 = 1이다', () => { expect(1).toBe(1); }); 기대값과 결과값의 일치 여부 확인 - 일치 해야 테스트 통과 not.toBe test('not toB..

개발 관련된 내용을 작성하다 보면 예시 코드를 많이 작성하게 된다. tistory에 있는 기본 코드블럭을 사용했는데, 내 생각보다는 예쁘지 않게 나와 항상 아쉬움이 있던 와중 다른 분들의 블로그에 사용된 코드블럭은 내가 사용한 스타일과 다름을 확인하였다. 남의 떡이 더 커보인다고, 내가 평소 사용하는 기본 코드블럭을 꼭 바꾸고 싶은 집착이 들어 이것저것 찾아보던 중 의외로 굉장히 쉽고 단순하게 할 수 있는 방법을 알아내었다. 부디 나처럼 간편한 부분에서 답을 찾지 못하고 헤매는 분들에게 도움이되는 포스팅이길 바라며..! tistory를 관리하시는 분이라면 관리 페이지를 자주 들어갈 것이다. 말 그대로 콘텐츠, 댓글, 방명록, 통계 등 블로그에 관련된 다양한 것들을 관리할 수 있는 페이지이다. 코드블럭의 ..

toBe vs toEqual jest를 처음 배우면 예시로 가장 많이 나오는 것이 아마 toBe일 것이다. test('1 = 1이다.', () => { expect(1).toBe(1); }); 영어처럼 해석을 해 본다면 아마 1이 1이기를 기대한다 정도 되지 않을까. 조금 더 공부하다보면 비교를 할 수 있는 여러가지 문법이 나오는데, 그 중에서도 toBe와 toEqual은 같은든 매우 다른 양상을 보인다. 예를들어 test('1+1 = 2가 맞을까', () =>{ expect(1+1).toBe(2); }); test('1+1 = 2가 맞을까', () =>{ expect(1+1).toEqual(2); }); 의 상단 두 구문은 toBe와 toEqual 모두 true를 반환하여 test를 통과한다. 여기까지..

제스트 공식 문서 https://jestjs.io/ Jest By ensuring your tests have unique global state, Jest can reliably run tests in parallel. To make things quick, Jest runs previously failed tests first and re-organizes runs based on how long test files take. jestjs.io 제스트 설치하기 https://jestjs.io/docs/getting-started Getting Started · Jest Install Jest using yarn: jestjs.io yarn add --dev jest npm install --save-..

매일 매일 재택을 하고있는 요즘. 나는 집이 좋은 집순이인줄 알았는데, 알고보니 평일에 모든 에너지를 쏟아 집에 있을 수 밖에 없던 사람인걸까. 재택을 하다보니 정말 신나는 것을 하고 싶었고, 그래서 매일 매일 나가고 싶어 몸이 꿈틀거리던 와중에 지난주 기흥 호수공원에 피크닉을 다녀왔다는 지인의 말을 듣고 방문하게 되었다. 용인 8경 호수공원 이야기에 앞서 용인에서는 용인 8경이라는 멋진 풍경들이 있다. https://www.yongin.go.kr/tour/trrsrt/BD_selectTrrsrtMngList.do?q_cd=1003 용인8경 < 용인관광 < 문화관광 < HOME : 용인시청 문화관광포털 가실벚꽃 용인8경 용인시 처인구 에버랜드가 있는 포곡읍 가실리 호암미술관 일원으로 봄철마다 벚꽃들의 향..

react에서 hook을 도입하면서 제일 좋아진 이점은 바로 함수형 컴포넌트 + 상태 관리가 한 번에 된다는 점이었다. hook에 대한 자세한 사항은 다음 포스팅을 읽으면 좋을 듯 하다 -! https://yuniel.tistory.com/42 [뷰쟁이의 리액트 시작하기] 리액트 hook 이란? React는 크게 함수형 컴포넌트와 클래스형 컴포넌트로 나뉘어 있습니다. 그 중 클래스형 컴포넌트를 사용했던 이유는 코드 내의 상태 변화나 라이프 사이클(componentDidMount 등)을 사용하기 위함이 yuniel.tistory.com 아무튼 개인적으로 그 중에 가장 체감적으로 많이 느껴지는 부분은 바로 useEffect를 사용할 때이다. 아마 랜더링 될 때, 업데이트될 때, 렌더링이 디스트로이 될 때 모..

뷰쟁이가 react를 처음 맞이하고 가장 적응이 안 되었던 부분은 바로 변수의 선언이다. 우선 react hook에서는 useState를 통하여 변수를 선언하고, 초기화시키고, 변형시킬 수 있다. 물론 흔히 아는 방식처럼 const test = ‘테스트입니다’; 라는 식으로도 선언과 초기화를 시킬 수 있지만, 이는 변형시킬 수 없다는 문제가 있다. 뒤의 글을 읽으면 자연스레 이해하게 되리라. 먼저 useState를 쓰는 형식이 있다. const [ 변수명, 변수정의함수 ] = useState(기본값); const [ count, setCount ] = useState(0); 즉, count + 1을 하기 위하여 반드시 setCount(count + 1)} > 다음과 같은 형식으로 써야만 인식한다. 이는 ..

React는 크게 함수형 컴포넌트와 클래스형 컴포넌트로 나뉘어 있습니다. 그 중 클래스형 컴포넌트를 사용했던 이유는 코드 내의 상태 변화나 라이프 사이클(componentDidMount 등)을 사용하기 위함이었습니다. 그러나 클래스형 컴포넌트의 치명적인 단점은 컴포넌트 사이에서 상태 로직을 재 사용하기 어려우며, 이에따라 코드가 길고 복잡해짐을 야기합니다. 이를 보완하기 위하여 나온 것이 바로 hook입니다. (스우파 HOOK 아님 주의. 아이키 언니 멋있어요>

지난번 프론트에서 에러를 로깅하는 방법 중 하나인 sentry 관련 포스팅을 진행하며, 프론트엔드에서 에러 처리하는 방법에 대하여 정리해 봐야겠다는 생각이 들었다. 막상 정리하고 보니 너무나 기본 문법들이었는데, 안일한 마음에 나도 많이 놓치고 있었던 부분들이었다. 다만, 프론트엔드 내부에서의 일시적인 에러 처리이며, 에러 관련 데이터 수집 등에는 다소 비효율적이라는 한계가 있다. https://yuniel.tistory.com/39 프론트엔드에서 에러 처리하기 - SENTRY 이직 면접에서 나 스스로가 만족하지 못 한 대답을 하여 아직까지 기억하고 있는 질문이 있다. 고객의 에러를 어떻게 수집하는가. 당시 소속되어있던 회사는 고객의 소리를 듣지도 못 할 정도로 yuniel.tistory.com Type..