이 글은 제가 직접 경험한 경험담입니다. velopert님과 대화를 했다는 것을 자랑하고 싶었습니다. 글이 매우 짧습니다. TL;DR 밸로그 프로필을 들어간다. "검색 창"에 아무 검색어를 검색한다. "태그 목록"에 아무 태그나 클릭한다. 404 페이지가 뜬다.

React는 UI를 작성하기 위한 자바스크립트 라이브러리입니다. React는 Redux와 자주 사용되곤 합니다. Redux는 전역 상태를 관리하기 위한 라이브러리입니다. 이 두 개의 라이브러리를 사용하여도 비동기적으로 API(Back-end)를 호출하는 것 또는 다른

안녕하세요. 오랜만에 velog에 글을 쓰려고 왔습니다. 기본적으로 React에서 함수형 컴포넌트를 써본사람이 Typescript를 적용시키려 할 때 방황합니다.

인터페이스 그리고 클래스를 확장해봅시다. 코드를 보시면 다양한 필드, 생성자, 함수(스프레드 매개변수같은 스페셜 타입을 포함한 함수) 그리고 basePrice로 이름지어진 프로퍼티 get, set 을 볼 수 있습니다. 비록 상속과는 관계가 없지만, --target

React로 웹 사이트를 만들다 보면 간혹 볼 수 있는 오류입니다.오늘은 Can't perform a react state update on an unmounted component 에 대해 알아보면서 해결법을 알아보는 시간을 가지도록 하겠습니다.이 현상을 이해하려면

함수에 어떠한 타입이 올 지 모를 때 <> 를 사용하여 타입을 지정합니다.타입의 이름은 자유롭게 작성 가능하며 관례상 대문자로 작성합니다.클래스에 generic 타입을 적용하여 좀 더 재활용이 가능한 타입의 클래스 작성아래의 코드는 오직 User 타입의 값만 적용

이 글은 유튜브 "Fun Times with Advanced TypeScript"의 영삼을 참고하였음을 알려드립니다. 또, 완전히 이해하고 적은 영상이 아니여서 뭐라하지 말아주세요.. Generic Typescript Generic 함수에 어떠한 타입이 올 지

오늘은 짧게 배운 내용에 대해서 간략하게 적어보겠습니다.아무래도 논리로만 배우다 보니까 머리속에 들어와싸가 나가는 느낌이라서 글로 정리를 해야겠다고 생각했습니다.언 뜻 보면 is 와 as는 둘이 비슷하게 생겼으므로 비슷한 역할일 것이라고 생각하는데둘은 전혀 다른 역할을

꼬박 2틀에 걸려 푼 문제입니다.처음에는 다리를 건넌 트럭을 모으는 브릿지를 배열로 만들어서 풀려고 하니까 테스트 케이스는 다 맞았는데 제출하니까 한 두개 빼고는 다 틀리더라고요.이번 문제는 테스트 케이스 자체가 다른 문제보다 어려웠기 때문에 좀 더 꼬인 느낌이네요.아

오늘은 아직 내가 모르는게 많다는 것을 깨달은 문제를 설명해보겠습니다.문제 설명문자열 s에 길이가 4 또는 6인 문자열이 들어옵니다.이 문자열이 숫자로만 구성되어 있는지를 검출하는 함수를 만드는 것입니다.문제만 읽어보면 정말 간단합니다.그래서 저는 아래와 같이 코드를

GraphQl 기본 사진 시작에 앞서 이 글은 '얄팍한 코딩사전'을 참고하였음을 알려드립니다. 저번 글에서는(제 기준 10분 전) REST API 에 대해서 알아보았습니다. REST API란 개발자들간의 지키기로 약속한 일정한 형식으로 요청 자체만으로도 어떤 행동을

이 글은 유튜브 '얄팍한 코딩사전'을 참고하였음을 밝힙니다. Rest api란 어떤 기술이나 제품을 말하는 것이 아닌, 개발자들 사이에 널리 쓰이는 일종의 형식 입니다. 그렇기 때문에 어떤 프로그래밍 언어를 쓰든 이 형식에 맞춰서 기능을 만들어내면 그것이 Rest

오늘도 프로그래머스 문제 푼 것을 정리하는 시간을 가지도록 하겠습니다.첫 번째 문제로는 머리를 데울겸 같은 숫자는 싫어두 번째 문제로 데운 머리를 쓸 수 있는 모의고사 문제를 준비했습니다.모든 문제는 문제 설명을 알고 왔다는 전제하에 설명합니다.

안녕하세요. 이번에는 K번째 수라는 프로그래머스 문제를 풀어보겠습니다. 문제는 다 알고 왔다는 전제하에 설명하겠습니다. 이번엔 답부터 적겠습니다. commands.map() forEach가 아닌 map을 사용한 이유는? forEach를 쓰면 콜백함수내에서 값을 반

오늘은 프로그래머스 "완주하지 못한 선수" 라는 문제를 풀면서 알아낸 것을 쓰는 시간을 가져보겠습니다. 우선 문제를 설명하자면 문제 설명 제한 사항 입출력 예시 참가자는 동명이인이 있을 수 있고 결과적으로 완주하지 못한 단 1명을 찾으면 되는 문제입니다. 저는 처음

첫 밸로그 글이고 글을 자주 안써서 못 쓰는 점 감안하고 읽어주세요. 우선 typescript를 적용하기 이전의 react(useReducer)의 사용법부터 알아보겠습니다. 위와 같은 형태이다. 이제 타입스크립트를 적용했을 때를 비교해보자 기본적으로 ts를 적용