자바스크립트와 타입스크립의 차이

자바스크립트와 타입스크립트의 차이점은 뭔가요?? 타입스크립트는 타입을 특정해준다는거 외에 잘 모르겠어서요!

리액트 프로젝트에 컴포넌트 구조 어떤게 더 나을까요???

쟁점은 select component안에 있는 table 요소 내부를 어떤 식으로 react.memo로 component 분리해서 children으로 처리하는게 나을까요?? 아니면 useMemo로 한 컴포넌트 내에서 처리하는게 나을까요??

서버에서 받은 데이터가 undefined로 타입 유추되는 값을 props로 내려줄 때 어떤 식으로 타입 단언 하시나요?

혹시 타입스크립트에서 props로 서버에서 받은 데이터나 혹은 비동기로 인해서 undefined로 타입이 유추될지도 모르는 값을 props로 내려줄때는 여러분들은 어떤식으로 props에서 타입 단언하나요? 예를 들자면, Type '{ data: customeType[] | undefined; }' is not assignable to type to type 'IntrinsicAttributes & customeType[]'. Undefined 없도록 단언 시켜줘야 하는데 어떻게 하시나요? 서버 통신이 오는거라 어쩔수 없이 Undefined 될 경우도 있어서.. 정녕 간단하게 props에서 해줄방법은 없을까요? ㅠ 저 문제 때문에 매번 interface를 만들어줘야되서 고통스럽네요 ㅠㅠ

api response 타입들은 다들 어떻게 관리하시나 ?

api response 타입들은 다들 어떻게 관리하시나요? graph ql과 유사하게 api마다 resolver를 기반으로 파생하는 인터페이스를 생성중인데, rest api에서 이렇게 하는게 맞나 싶기도 하고.. 최상위 공통 폴더에서 타입들을 관리하는 것도 의문이 드네요

사용자 정의 타입가드를 사용하지 않으면 undefined가 사라지지 않는 이유가 정확히 뭔가요?

메소드 사용할 때, 사용자 정의 타입가드를 사용하지 않으면 보통… undefined가 사라지지 않던데 정확한 이유가 뭘까요?? 얼핏 봤을 때는 당연히 string만 남거나 빈배열이 나오기 때문에 undefined 같은 경우에는 걸러진다고 생각이 드는데 추론이 명확이 안되는 이유는 뭘지 궁금합니다.. 아시는 지식을 나누어줄 고수 분 계시면 감사드립니다.

유틸리티 타입 사용하기 vs 명시적으로 작성하기

혹시 아래 두개의 타입 모두 동일하게 타입을 추출하는데 실제 현업에서는 두 방식 중 어떤 방식으로 만드나요?

typescript 에서 동일한 string 타입에 들어가는 데이터를 다르게 type check 하는 방법이 있나요 ?

typescript 고수분들께 질문이 있습니다! 서버에서 string 값을 내려주는데, 프론트에서 해당 string 을 파싱해서 만든 string 을 이용해야 해요 근데 둘다 type 을 string 으로 두게 되면 서로 동일한 타입이 되기 때문에, 파싱 로직을 거치지 않고 할당해도 타입스크립트가 경고하지 않아요 그래서 ""파싱 전의 문자열"" 과 ""파싱 후의 문자열"" 둘을 서로 호환되지 않는 타입으로 만들고 싶은데, 혹시 좋은 방법이 있을까요? BeforeParse 를 string 대신 unknown 으로 주면 원하는 걸 만들 수 있긴 한데, 그냥 좀더 좋은 방법이 없을까 고민중입니다.

express 동작 관련 질문 있습니다

안녕하세요! express를 pm2로 동작시키고 있는데 서버가 터지면 재시작이 안돼요.. 혹시 어떻게 해야 하는지 아시는 분 계실까요? express typescript typeorm 사용하고 있습니다..

리액트에서 사이드 메뉴 구성 시 메뉴 하단 쪽 짤리는 현상

안녕하세요. Front 새내기입니다 ㅎㅎ React.js 와 Chakra-ui 로 Google Vertex AI 클론코딩 해보고 있는데요, 사이드 메뉴 구성 시 사진과 같이 짤리는 현상이 발생하네요.. 문제가 되는 부분이 <Sidebar /> 컴포넌트인데.. <Header />, <SubHeader />, <Sidebar /> 세 컴포넌트 모두 position을 fixed 로 설정했고. height, width 속성 전부 100% 로 설정했습니다. 영향 받을만한 상위 컴포넌트가 없는 상태라서 왜 이렇게 짤리는 현상이 생기는지 이유를 잘 모르겠네요 ㅠ Chat-GPT 답변처럼 뷰포인트로 설정하면 어느정도 문제가 해결이 되긴 되는데.. 화면 크기별로 뷰포인트를 따로 설정해줘야하고 화면 하단과 깔끔하게 맞아 떨어지지가 않더라구요. 혹시 다른 방법이 있을까요??

Typescript에서 자동으로 타입추론을 해줄 때 굳이 타입을 선언하는게 좋은 것일까요?

안녕하세요~~ 궁금한게 있는데, 타입스크립트에서 useState의 타입이나 함수 반환값 같은 것들의 타입을 반드시 선언해 주는 것이 좋을까요? 어디서 타입 선언은 불필요한 경우에 작성하는것을 지양하라고 들었던거 같아서요 ~~ 여러분의 생각이 궁금합니당

타입스크립트에서 자바스크립트에서 쓰던 코드 그대로 써도 되나요?

타입스크립트 왕초보입니다. 기존에 자바스크립트에서 쓰던 변수선언 없는 코드들 (alert, document, prompt 같은 것들) 은 그대로 가져다 써도 되나요?

JS를 TS로 마이그레이션

스타트업에서 유일한 프론트엔드 개발자로 근무 중인 신입 개발자입니다. 현재 Vue로 개발된 웹 사이트를 React로 마이그레이션 하는 업무를 맡아, 스스로 공부하면서 개발하고 있습니다. 제가 하고 있는 고민은 JavaScript로 개발된 이 웹사이트를, Typescript로 바꿔야할지 결정을 못내리겠다는 것입니다. 기한이 있는 업무이고, 혼자하는 업무이다 보니, 기존의 JS를 그대로 유지하여 개발 시간을 단축할 생각이었습니다. 대신 api 통신하는 코드는 데이터 형식 오류를 사전에 방지하기 위해, 파일을 따로 분리하여 TS로 작성하고 있습니다. 그런데, React로 마이그레이션을 모두 끝낸 이후에 TypeScript로 다시 마이그레이션 하는 작업이 더 복잡하지 않을까 하는 생각이 들었습니다. 그래서 TS를 포기하고 JS로만 구현을 해야할 지, 혹은 JS로 구현을 끝낸 이후에, TS로 점진적으로 마이그레이션을 할지 아니면 지금부터 전부 TS로 바꿔야할지 고민중입니다. Q1. JS를 TS로 점진적으로 마이그레이션 하는 작업이 많이 복잡할까요? Q2. 프론트 개발 인원이 한 명인 회사에 TS 대신 JS로만 개발해도 괜찮을까요?

프론트엔드) 개인 프로젝트 평가 부탁드려도 될까요?

안녕하세요. 축제모아 웹 사이트를 제작했습니다. 한국관광공사 api를 이용해서 전국 축제 정보를 모두 볼 수 있습니다. 사용자끼리 해당 축제에 좋아요 기능, 댓글 기능도 구현했습니다. 어떤 축제는 이미지가 없는 경우가 있는데, 관광공사에 이미지가 없는 경우 입니다. NoImage.png로 대체했습니다. 언어: HTML, CSS, JavaScript, TypeScript 라이브러리: React, Redux, Router DB: firestore DB(NoSQL) 평가 부탁드립니다. _꾸벅_ https://festival-moa-fc37b.firebaseapp.com/

타입스크립트에서 비동기 함수 리턴값을 정의하려고 하는데 undefined 라서 타입 오류가 발생합니다.

타입스크립트를 사용하고 있는데, 비동기 함수 호출 후 반환되는 데이터의 타입을 어떻게 정의하고, 이를 setState 함수를 사용할 때 어떻게 처리해야 할지 궁금합니다. 현재 코드에서는 데이터를 받아오는 부분에서 undefined가 반환될 가능성이 있어서, setState(data) 부분에서 타입 관련 에러가 발생하는데, 이 문제를 해결하려면 어떻게 해야 할까요? (1) 번에서 undefined일 가능성이 존재해서 최종적으로 setState(data)이 타입걸리는거 같은데 이럴땐 Undefined를 일일히 전부 명시해줘야 하는 걸까요?

리액트 페이지 이동 취소 관련하여 문의드립니다

리액트로 SPA 구현 중 글쓰기 모드를 진행하고 있습니다. 글쓰기 도중 페이지를 벗어날 시 컨펌창을 띄워 해당 페이지를 유지하려고 합니다. 해당 기능 중 뒤로가기, 새로고침에 대해서는 조치가 완료되었으나, 다른 메뉴(컴포넌트) 호출 시에는 페이지 이동 방지가 되지 않습니다. 혹시 좋은 방법이 있는지 문의드립니다!

nodejs typescript로 새롭게 개발을 시작하게 되었습니다.

이펙티브 타입스크립트 책으로 공부하면 실무개발에 도움이 될까요? 타입스크립트 왕초보입니다. 혹시 책이나 커뮤니티 오픈챗팅방 추천 부탁 드립니다👍

TypeScript 함수 문법 질문 입니다.

코드 첨부했습니다. 오늘 다른사람이 작성한 코드를 보는데 저런 문법이 있던데 어떻게 되는건지 궁금해서요. 함수의 x의 입력받는 타입이 T고 return 타입이 T여야하는건 이해가 되는데 <>속에 있는 T는 무엇인가요?

typescript 날짜 계산 오류

날짜를 빼는 계산을 하려고 했는데 typescript 오류가 납니다. 계산 결과는 잘 나오는데 오류내용: '산술 연산 오른쪽은 'any', 'number', 'bigint' 또는 열거형 형식이어야 합니다.ts(2363)' 이런 오류가 뜨네요 어떻게 해결할 수 있나요?

input tag 데이터 여러개 입력 받을때 어떻게 받으시나요? (useState)

react에서 여러 데이터를 입력받으려고 할 때 useState를 어떻게 사용하시나요? 예를 들어서 로그인을 구현 하려고 할 때 id와 password를 받아야한다면 어떤 방법을 더 선호하시나요? 코드를 참고해 주세요 1번 방법은 보기 편한데 뭔가 다른걸 구현할 때 계속 state가 증가하게 될 것 같아 단점이 있을 것 같고, 2번 방법은 제가 react 초보라 객체 다루는 것이 익숙하지가 않네요 .ㅜㅜ 어떤 것이 좋을까요?

혹시 typescript 에서 특정 문자열로 시작하는 속성을 가지는 object 를 정의하는 방법이 있나요 ?

다음 코드와 같이 특정 문자로 (foo_xxx) 시작하는 속성을 가지는 object type 을 만들고 싶어요. 왠지 가능할것 같은데 원하는 방법을 못찾고 있어요. 도와주세요.

turborepo electron builder오류입니다.

turborepo를 이용해서 electron react개발 후 배포하기 위해서 electron builder로 배포하려고 했습니다. 아래는 현재 구성되어있는 package.json파일입니다.

리액트에서 비디오 재생 기능 구현하는데 오디오가 멈춰버리는 문제가 있습니다.

안녕하세요, 리액트와 타입스크립트로 비디오 재생 관련 프로젝트를 진행중입니다. 비디오에 loop 옵션을 걸어두었는데 loop을 돌 때마다 오디오가 멈춰버리네요.. 둘 다 동시에 재생할 수 있는 방법은 없을까요?

Typescript를 사용한 react 프로젝트 npm start 무한로딩

사이드로 클론코딩 진행중인 프론트엔드 개발자 꿈나무 입니다! 문제없이 잘 진행되던중 갑작스러운 렉과 함께 페이지 응답없음 창이 뜨더니 그후 npm start를 해도 무한 로딩과 함께 local서버가 열리지 않습니다. 따로 에러코드도 없이 그저 무한 로딩이 되고 있어 너무 답답한데 혹시 저같은 케이스 있으셨던분들 계실까요? 저 상황이 일어나기전 수행한 작업은 div태그에 background image주기와 같은 css 작업이였습니다!!

[typescript] 제가 Type을 정의 했는데 둘의 차이점이 무엇인가요? undefined 값을 허용하는 Type으로 동일한거 아닌가요? (코드 첨부)

아래 코드처럼 Type을 2개 정의 했는데요 둘의 차이가 정확하게 어떤건가요? 결국 undefined를 가능하게 하는 type 아닌가요? 타입스크립트 어렵네요ㅜ

Typescript 에서 type alias vs interface, 어떤걸 주로 사용하시나요?

TypeScript에서 함수의 매개변수와 반환값 타입을 지정할 때, 주로 type alias를 사용하시나요, 아니면 interface를 사용하시나요?

웹뷰 통신용 브릿지 질문

현재 제가 웹뷰를 입힌 웹앱을 제작중인데요..! React로 제작 중인데 조금 더 예쁜 코드를 작성하고자 이것저것 알아보는 중에 네이티브 쪽에서 자바스크립트의 함수를 호출하는게 있는데 Custom Event로 작성하는 방법이 있더라구요. 해당 방식과 같이 작성하면 해당 페이지를 벗어나면 사용하지 않는 함수를 메모리에서 제거할 수 있어서 효율적이라고 생각하는데 제가 CustomEvent의 동작을 잘 몰라서요ㅠㅠ Native에서 값을 넘겨주는걸 등록한 함수의 인자로 받고 싶은데 어떻게 구현해야 하는걸까요...? 제가 짠 코드에서는 타입 에러가 발생합니다ㅠㅠ

Typescript에서 as 는 왜 안 좋은가요?

오늘 회사에서 코드리뷰를 받았어요. 회사에서는 typescript를 사용합니다. typescript를 처음 써보니까 어렵네요. props의 depth가 너무 깊어서 type을 추론하기가 어려워서 any를 사용하거나 as를 사용해서 코드를 짰습니다. 이 부분에서 코드리뷰에서 받은 코멘트가 as나 any는 좋지 않다라는 의견을 받았네요. 개발자 선배분들은 어떤 점에서 as가 안 좋다고 생각하시나요? 그리고 좋은 수정방법이 있을까요?

typescript 객체의 key type은 어떻게 설정하나요?

아래의 코드에서 TestKey를 test 객체의 키로 사용하고 싶어요. 일단 단순히 스트링으로 넣어놓긴해서 test.A에서 오류는 나지 않습니다. 어떻게 하면 TestKey type을 사용할 수 있을까요?

IDE에서 타입 추론이 동작하지 않습니다

안녕하세요.. 첫번째 사진과 같이 타입 추론이 전혀 되지 않고 있어서 많은 고통을 겪고 있습니다. < > 안에 타입을 넘겨줘도 항상 props 타입을 any로 추론하고 있습니다. 이를 피하기 위해서는 두번째 사진 처럼 props에 직접 타입을 넣어줘야되네요ㅠㅠ 참고로.. CRA로 새로운 프로젝트를 만들면 정상적으로 타입을 추론해주고 있는데요… 현재 이 프로젝트에서만 타입 추론이 안되고 있습니다. 환경설정에 문제가 있는 것 같은데, 어떤 것들이 원인일지 키워드 조차 모르겠어서 질문드립니다. 어떤 것들을 봐야할까요..?