목록프론트엔드 (17)

솔적솔적

당신이 TS를 사용하시는 이유에 대해 말씀해주세요. 상세히.. JS와 비교해서!🥸

왜 TypeScript를 사용할까? 자바스크립트와 비교하며 이해하며 정리하는 것이 오늘의 목표이다. 프로젝트에 투입되면 어떤 곳은 여전히 JavaScript(JS) 를, 어떤 곳은 TypeScript(TS) 를 사용합니다.그럼 왜 javaScript 쓰다가 TypeScript로 많이 쓰던데 왜 굳이요? 라고 묻는다면 요즘은 대부분의 프론트엔드 프로젝트에서 TS를 사용합니다. 이유는 단순히 “타입을 지정할 수 있다”라는 말로는 부족합니다. 이번 글에서는 자바스크립트와 타입스크립트의 차이를 여러 관점에서 풀어보고, 왜 TS를 적극적으로 활용해야 하는지 정리해보겠습니다. 1. 강타입 vs 약타입종류강타입: C++, JAVA, Haskell, Typescript약타입: C, JavaScript, PHP, Rud..
카테고리 없음 2024. 11. 25. 10:25
REACT- react-query 사용해보기 (실시간데이터가 필요할 때)

서버랑 통신하는 코드를 ajax로 짜다보면 여러 기능들이 추가적으로 필요해지게 되는데, 앞서 말했듯이 ajax성공 시와 실패시의 경우나 실패 시 몇초 후에 요청을 재시도 할 수도 있는 경우, 다음페이지 내용을 미리 가져오는 것이나, 몇초마다 자동으로 ajax가 생행되는 것들이 있다. 위의 기능들을 코드를 끄적끄적하여 만들 순 있지만 더 간편하게 할 수 없을까? 라고 생각한다면 그 방법은 있다. 바로 리액트 쿼리되시겠다. 리액트쿼리 라이브러리를 사용하면 위의 기능들을 더 쉽게 적은 코드로 구현이 가능하다. 이 React Query는 자주자주 사용되어지는 것이아니라, SNS나 돈거래소, (코인, 주식)이런 실시간데이터들을 계속 가져와야하는 경우 사용하는 게 좋다. 그럼 이 React Query를 사용해보자...
Front-end/REACT- react-query (실시간 데이터 중요할 시) 2022. 9. 9. 11:03
node.js + 망고DB

node.js + mongoDB를 이용하여 투두리스트를 만드는 것을 목표 진행하기전에 #node.js가 무엇인지에 대해서 알아보고 시작해요. 목표1. node.js는 무엇인지 이해하기 목표2. node.js로 서버를 만드는 이유는? node.js란 javascript를 브라우저말고도 로컬pc에서도 실행시킬 수 있는 실행환경 여기서 javascript란 뭐죠? 네, 자바스크립트는 html에 종속된 언어로 웹페이지안에서 바꿔주는 기능을 합니다. 그럼 이 html조작과 변경이 가능한 자바스크립트는 누가 실행시키는지 아십니까? 맞아요, 브라우저예요. 요 브라우저가 자바스크립트 해석을 담당하지요. 또한 브라우저마다 자바스크립트를 해석하는 엔진이 각각있는데, javascript의 해석엔진들은 크롬 👉 V8 모질라 ..
Front-end/node.js + mongoDB 2022. 9. 5. 21:18
Typescript Narrowing 타입 사용할 때 주의😈

코드를 짤 때 애매한 타입은 단번에 에러 잡아내주시는 이 타입스크립트에는 Narrowing 과 Never 타입이 있는데, Narrowing은 애매한 타입에서 Narrowing : "조건문으로 하나만 타입지정해" 여기 이거, typeOf 써. 라고했지만 typeOf연산자로는 할 수 없는 상황들이 있다. 그럴 땐 어떻게 해야할까? | typeOf 연산자말고 && 아까말한 애매한 상황이라는 것은 null | undefined 로 타입을 체크하는 경우이다. 이럴 때 &&를 사용한다면 function 함수(x :string | undefined){ // 만약 x가 undefined면 이렇게 실행하라 // 만약 x가 null이면 이렇게 실행하라 //if문을 2개 써야하는데 //이런 방법도 있다. &&를 사용해서 여..
Front-end/typesrcipt 2022. 1. 21. 22:40
이전 Prev 1 2 3 4 5 Next 다음