#타입스크립트

타입스크립트 변경점이 리액트에 미치는 영향이 궁금합니다

타입스크립트가 컴파일러를 Go로 재작성하면서 약 10배 빨라진 성능으로 화제가 되고 있다는걸 들었는데용 이 점이 리액트에서 타입스크립트를 사용할때도 어떤 영향이 있을지 궁금한데 현직자분들은 어떻게 생각하시나 궁금합니다

디자이너가 AR게임을 개발하려면

우선 멍청한 질문 죄송합니다. 코딩은 아예 시작해본 적 없고 중소기업에서 캐릭터 디자인과 애니메이션을 하고 있습니다. 언리얼엔진으로 카메라를 움직이거나 키 애니메이션정도만 만들 수준이고 게임회사가 아니라 게임 개발환경은 전혀 모르는 상태입니다. 목표는 앱 환경에서 제 행동이나 음성을 ChatGPT를 통해 인식해서 캐릭터가 움직이는 AR게임을 만들어 보고 싶습니다. 몇 가지 찾아본 것들이 있는데 우선 무엇부터 시작해야 할 지 모르겠습니다 아래는 제가 찾아본 것들입니다. 1. 유니티엔진에서 AR 라이브러리를 제공하기 때문에 유니티엔진과 C#을 배운다 2. LLM을 이해하기 위해 파이썬을 배운다 3. 앱에서 런칭하기 위해 React와 자바스크립트, 타입스크립트를 배운다 이렇게 공부하는게 맞을까요? 바보같은 질문이지만 저 혼자는 답을 찾을 수 없어서 이곳에 여쭤봅니다 도와주시면 정말 감사하겠습니다ㅠㅠ

부트캠프 추천, 앞으로의 방향성

제가 1년정도 프론트엔드 공부를 하다가 si회사를 다니고 다시 프론트쪽으로 하려고 나왔는데 2년정도 프론트를 안하다보니 기억이 잘 안나서 다시 공부하려고 하는데 1. 짧게 잡고 혼자 공부&복습을 하고 플젝을 할지 길게 잡고 다시 부트캠프에 가서 기초부터 탄탄히 다질지 고민입니다 2. 후자를 선택해서 부트캠프를 간다면 코드잇 스프린트 vs 멋쟁이 사자처럼 중에 고민입니다. 코드잇은 기초 2개월하고 그 다음에 리액트, 넥스트, 타입스크립트 위주로 하는것같고 멋쟁이 사자처럼은 기초를 짧게 가지고 바닐라 자바스크립트를 중요하게 생각하고 그 다음에 리액트,넥스트, 타입스크립트 플젝을 하는것같은데 어떤게 좋을까요?

개발자 신입 준비

안녕하세요 개발자 준비중인 컴퓨터공학과 4학년 학생입니다. 우선 저는 3회정도의 프로젝트를 진행했고 어쩌다 보니 팀 프로젝트 였지만 제가 거의 풀 스택으로 진행했고 Spring, Node, React를 사용가능하고 아키텍처적으로 규모가 있진 않지만 대략 30개 이상의 Entity를 가지는 규모의 프로젝트들이며 기업인분들에게 좋은 평가를 받은 프로젝트도 있습니다 (Flutter로 간단한 앱도 만들어보았고 , 어플리케이션 프로젝트도 진행 해보았습니다.) React는 타입스크립트 자바스크립트(JavaScript)를 사용해서 나름 자유자재로 만들고 수정할 수있고 타입스크립트(TypeScript)로 전환하는 방향으로 가고 있으며 Node는 레거시로 Express와 sql사용해서 사용했고 Spring은 Spring Boot, Spring MVC, Spring Security,JPA, Redis, JWT 등으로 다양하게 접목 시키고 있고 왜 필요할까를 생각하며 다양하게 접근하고 있습니다. (JPA나 AOP 등의 깊은 공부도 함께 하고 있습니다.) 실제 서버에 배포도 해보았고 지금 진행중인 프로젝트는 AWS를 통해 여러 인스턴스로 나눠서 최적화 하여 배포해볼 예정입니다. 이렇듯 부족하지만 웹쪽에서는 나름 발전의 자신감이 있는편입니다 하지만 제가 코딩테스트에 준비를 하지못했는데 요즘 코딩테스트가 거의 모든 기업 필수여서 아직 프로젝트 진행중이기도 하고 코딩테스트 때문에 아직 입사지원을 생각하지 못하고 있습니다. 코딩 문제를 한번도 풀어본적 없고 기본문법조차 잘 모르고 그런 상황입니다 ㅜㅜ 막상 시작하려고하니 시간적 압박도 그렇고 어떻게 어느정도의 기간을 잡고 해야할지 막막해서 글올려봅니다 선배님들 현직자분들 저는 웹 관련해서 너무 재밌게 찾아보고 고민하며 작업을 하는데 코딩테스트를 따로 준비해서 내년에 입사를 지원하는게 맞을까요 보통 어느정도가 되어야하고 어느정도 시간이 필요할까요 도움 부탁드립니다. 읽어주셔서 감사합니다!

프론트엔드 취업에 대해 질문있습니다.

프론트엔드 취업을 준비중이고 리액트를 공부하고 있습니다. 리액트로 axios를 가지고 데이터를 가져오고 클릭시 모달창에 상세내용이 나오는 간단한 사이트를 만들었는데 이것가지고 이력서 내기에는 무리가 있을 것같아서 타입스크립트를 공부할려고 합니다. 타입스크립까지 공부한 후 이력서를 내도 괜찮을까요?

프론트엔드 공부방법에 대해 질문있습니다.

신입으로 프론트엔드 개발자 취업을 준비중입니다. 뭔가 계속 부족하다는 생각이 들어 불안한 마음에 인강만 보면서 공부만 하다가 생각을 바꿔 일단 못하더라도 한번 혼자 만들어 보자는 생각에 한국관광공사API를 이용해서 제가 살고있는 지역코드를 활용하여 지역에 있는 명소를 보여주고 클릭시 모달창으로 상세내용과 카카오지도api로 위치를 보여주는 간단한 사이트를 만들었는데 물론 필요한 기능은 챗GPT나 구글링을 통해 찾아보면서 만들었습니다. 이 정도면 리액트를 더 공부를 해야좋을까요? 아니면 넘어가고 타입스크립트와 next.js를 공부하는게 좋을까요?

신입일 때의 부담을 어떻게 이겨내시는지 여쭙고 싶습니다.

안녕하세요. 이번에 서비스 회사에 백엔드 채용연계형 인턴으로 근무한 지 한달 조금 덜된 학생입니다. 그동안 취업 준비를 하면서는 자바와 스프링만을 공부했었고, 개발 공부도 중학교 1학년 때 부터 하고 싶다는 목표를 가진 뒤로 대학생때는 개발 동아리들을 여러 번 하며 개발에 대해 어느 정도 자신감이 있었습니다. 그러나 지금 회사에서는 타입스크립트와 네스트를 써서 그런지, 처음으로 맡은 비교적 간단한 CRUD 작업을 했을 때 2일이면 끝날 줄 알았던 게 5일 한 주를 전부 쓰게 되었던 적이 있었습니다. 물론 2일만에 구현은 끝냈고, 함께 근무하시는 분들이 남겨주신 리팩터링 요구사항을 반영하는 데 3일이 걸렸습니다. 지금에야 기술에 대해 익숙하지 않으니 시간이 더 걸린 것일수도 있겠지만, 리팩터링 요구사항이 100개 가까이 되는 것을 보면서 이전에 가지고 있었던 자신감이 많이 떨어지게 되었습니다. <객관적으로 되게 쉬운 CRUD일텐데 이렇게 오래 걸리고, 다른 언어로 했어도 이런 리팩터링 요소들은 발생할 수 있지 않았을 실수들일텐데...>와 같은 생각이 요즘 갑자기 생각되었습니다. (제가 제 스스로에게 워낙 완벽주의를 가지고 있기도 합니다.. 그리고 저 때문에 클라이언트 분들이 금요일에 바쁘게 마무리하신 걸 보니 책임감에 죄송한 마음이 깊게 들었습니다.) 이 외에도, 비슷하게 간단해보이는 업무들인데 제가 맡으면 시간이 더 걸리거나 빠르게 못 끝내는 것들이 있었습니다. 결론을 드리면, 회사에서 일로써 개발을 한다면 이렇게 일정 속에서 개발해야만 하는 일이 앞으로 비일비재할텐데 그런 점에서 어떻게 부담을 이겨내시는지 궁금합니다.

프론트엔드 지망생. 한심하지만 길어진 공백. 잃어버린 공부 방향성. 조언이나 의견 부탁해도 될까요 ?

안녕하세요. 커리어리에서 자주 질문하면서 현직 개발자분들의 다양한 의견을 듣고 많은 도움을 받고있는 취준생입니다. 그 중엔 가끔 쓴소리하시는 분들도 계시지만 그런 부분들이 진심으로 제 고민거리에 대해 생각해주시는 거 같아 오히려 믿을만한 이야기구나 하고 받아들이는 경우도 많네요. 본론부터 말하자면 공부방향을 제대로 잡지 못하는 듯 하여 현업 분들이나 저와 같은 취준생 위치에 있는 분들의 다양한 의견을 듣고 싶습니다. 저는 국비를 수료 후 근 1년 가까이 개발에 손을 놓아 공백이 있습니다. 수료 후 5개월 정도는 만들어 진 협업 포폴로 이력서를 내면서 알고리즘 공부하고 간간히 그렇게 보냈구요. 그후 6~7개월 정도는 금전적인 문제로 공장,업체 단기알바 등을 하며 아예 공부에 손을 놓게 되었습니다.. (구차한 변명이지만 별 수없죠. 후에 면접 기회가 생겨도 이 공백에 대한 답변은 이렇게 할 수밖에 없을듯해요.) 아무튼 현재 다시 마음을 다잡고 배워왔던 것들을 복습하며 공부에 다시 전념하고 있습니다. 1~2달 전부터 쇼핑몰 프로젝트 하나를 만들고 있고요 (서버리스 서비스를 이용해서 db 연동하고 혼자 만들고 있습니다). 추가로 JS DeepDive 정독하면서 좀 중요하다 싶은 개념은 노션에 따로 정리해두고 다시 읽어보면서 눈에 익히고 있습니다. 그리고 기술면접 대비 질문들도 인터넷에서 찾아보면서 마찬가지로 노션에 정리하고 있고요. 네트워크 부분을 정확히 짚고가고 싶어서 인프런에 속성정리된 네트워크 강의 정독했습니다. 추가로 제가 next.js 로 공부했는데 react 기반 프레임워크지만 react와는 또 사소한 여러 차이점이 있는 거 같아 (ex. 페이지 라우팅 방식, csr 과 ssr 등) 유데미에 근본강의로 불리는 강의 (redux 도 같이 배우는) 구매해서 듣고 있습니다. 얼마전에는 타입스크립트 강의를 완강했는데 그 때쯔음부터 뭔가 내가 제대로 하고 있는게 맞나? 의문이 들고 있습니다. 스스로 불가피한 공백은 만들어 버렸지, 제대로 배포되는 프로젝트도 없지, 그렇다고 나이가 적은 것도 아니지 (아직 30은 아니지만 곧이라...)..이런 불안감들이 계속 머리속에 멤도니 잡생각이 많이 나고, 그러다보니 뭔가 열심히 공부는 하는데 확신이 안 섭니다. 객관적으로 보면 스스로에 대한 결핍이 좀 심해진것도 같구요. 며칠 전에 프로젝트 하다 z-Index 문제로 몇 시간을 chatgpt, 구글링을 하며 씨름하다 보니 아..css도 아직 모자란가? 라는 생각이 들어서 풀강의로 잘 정리된 css 강의도 하나 들을까? 이런 생각도 하고...css 생각하다보니 sass도 배워야 할 거 같고..그렇게 찾아보면 요즘 편리하게 tailwind 도 많이 쓴다는데 이것도 배워야겠지? ..막 그냥 바람결 제대로 만난 갈대마냥 막 흔들거려요. 글을 훑어보니 너무 제 감정에 치우쳐서 막 휘갈긴거 같네요. 긴 글 정독하기 싫은분들도 많으실 듯 하여 간략히 정리해 보겠습니다. 1. 현재 국비 수료 후 공백이 1년 넘게 있으나, 그 공백기는 개인사정? (금전문제) 등의 이유로 딱히 개발부분에 있어 뭔가 월등히 노력한 부분을 어필할 게 없음 2. 제대로 배포되고 있는 프로젝트도 없는 상황에 현재는 쇼핑몰 개인 프로젝트 하나 하고 있음 (서버리스로 DB 연동, 개인 프로젝트) 3. 그 밖에 유데미의 react 핵심강의 듣고 있고, js deepDive 정독, 기술면접 대비 질문들을 노션에 정리하며 관련 개념들을 상기하며 공부 중 (알고리즘은 따로 공부 안하고 있습니다. 혹 이 부분 중요하다 생각되시면 의견부탁드립니다.) 4. 현재 목표는 올해 안에 최소 2개의 프로젝트를 배포과정까지 끝내고(1개는 가능하면 협업으로) 연말 쯤 부터 이력서 미친듯이 넣고자 함. (현재 최종목표는 중소기업입니다. 워라벨, 연봉 크게 안따지고 최소한 배우고 성장할 배경이 되는 기업을 목표로 두고 있습니다. 중소에 그런 기업이 별로 없겠지만요..) 뭘 더해야 할까요? 그리고 이 상황에 백엔드 공부하는 건 좀 어리석은 짓인가요? (백엔드 기반 지식도 어느정도 필요하다고 하는데 전 그 정도를 모르겠어요) 여러분의 솔직한 의견 부탁드립니다. (걍 개발자 때려쳐라. 넌 답없다. 같은 솔직발언도 괜찮습니다. 제가 우둔하고 고집머리는 쎄서 그런 말 들어도 쉽게 포기 못하는 성격이지만...모르죠. 여러 사람들이 같은 식의 답변을 한다면 또 되새겨서 다시 생각해 볼 수도 있고요. 지금이 갈림길인 거 같습니다. 마음을 제대로 다잡고 영끌하던지, 아니면 그러고싶지는 않지만 포기해야하는지)

프론트엔드 준비중인데 어느정도가 적당할지 모르겠어요

국비지원 풀스택 들었는데 프론트는 거의 안했고 그냥 자바 스프링 배웠어요. 방황하다 이제 프론트엔드 준비하려는데 우선 드림코딩에 es6듣고있습니다 그리고 바로 리액트랑 타입스크립트 배우고 포폴만들면 대략 취준 가능할까요? ㅠㅠ

프론트엔드 공부 방법에 대해 조언 부탁드립니다.

안녕하세요 저는 프론트 희망하는 컴공과 2학년 학생입니다 프론트엔드 공부를 html,css도 잘 모르는채로 react를 공부하여 프로젝트를 진행하였으며 현재는 react-native 로 프로젝트를 진행 중입니다. 기초가 부족한채 프로젝트를 하다보니 chat gpt에 의존을 하게 되었고, 현재도 프로젝트를 진행중 이긴 하나 gpt의 의존도가 강한편입니다.. 그래서 프로젝트가 끝나고 제대로 공부를 하려고 하는데 너무 막막합니다. 제가 궁금한 점입니다 1. Html, js, 타입스크립트 등 처음부터 기본기를 다지고 리액트 공부를 할지 아니면 리액트만 공부해도 괜찮을지 2. 컴포넌트 구성은 어떻게 하는 것이 효율적인지 3. Gpt 의존도를 낮출 방법..(마인드 셋팅등..) 4. 이론을 배워도 실전에서 잘 써먹지 못하는데 해결 방법 5. 그 외의 공부 방법 조언 조언 부탁드립니다..!

next js 프로젝트 mfa 구축 질문.

안녕하세요, next js프로젝트로 mfa를 구축중입니다. 모노레프 기반으로 구축중인데요, 타입스크립트를 적용하기 위해서 @module-federation/typescript 모듈설치후 next.config설정을 했는데, 아래와 같은 에러로그가 발생하면서 @mf-types폴더가 자동으로 생성되지않고있습니다.. 덕분에 리모트 파일은 타입에러를 뱉고 있는 상황이구요, 혹시 next js프로젝트로 mfa구축하신분들중 저와같은 사례가 있으신분 계신가요? 에러 내용 [1] <e> [FederatedTypesPlugin] Unable to download 'container' remote types index file: timeout of 3000ms exceeded [1] <e> [FederatedTypesPlugin] Unable to download types from remote 'container'

타입스크립트를 쓰면 구문 해석 시간이 감소하나요?

타입스크립트가 자바스크립트 변수의 타입을 지정해주는 기능이 포함되어 있는 것으로 알고 있습니다. 그럼 코드 구문 해석 시에 타입추론 과정을 생략하게 되니까 안 쓰는 것보다 구문 해석 시간이 줄어드나요?

타입스크립트에서 타입 표기는 모두 다 해야하나요?

자바스크립트만 이용해 프로젝트를 하다가 타입스크립트를 사용하면 오류 메시지도 자세히 볼 수 있고, 나중에 규모가 커졌을 때 더 좋다고 들었습니다. 그래서 타입스크립트에 대해 공부하게 되었고 타입 명시를 하는것도 이해했습니다. 그런데 모든 변수나 함수와 같은 자료에 타입을 명시할 필요가 없다고 들었는데, 그렇다면 어디에 타입을 명시해야하는지 기준을 잘 모르겠습니다,, 다른 분들이 타입스크립트로 프로젝트한 깃 레포를 살펴봐도 잘 모르겠더라구요,, 혹시 타입스크립트를 사용하는 분들은 모든 곳에 타입 명시를 하시나요? 만약 모든 곳에 타입 명시를 하지 않는다면, 타입스크립트에서 타입 명시하는 기준이 무엇인지 궁금합니다,,!! 🤔

타입스크립트 타입지정

리액트 쿼리로 OptimisticUpdate 를 구현했는데 onError 에서 context 타입 지정을 어떻게 해야할지 모르겠습니다 ㅠㅠ context : 타입 하면 오류나고, data : 타입 = context 해도 오류나고 as 를 쓰면 해결되긴 하는데 더 좋은 방법 없을까요? ㅠㅠㅠ 'use client'; import { useState } from 'react'; import { toast } from 'react-toastify'; import { usePostLikeCount } from '@/hooks'; interface LikeContextType { previousLikeCount: number; previousIsLike: boolean; } export const useOptimisticLike = ( boardId: number, initialLikeCount: number, initialIsLike: boolean, refetch: () => void ) => { const [optimisticLikeCount, setOptimisticLikeCount] = useState(initialLikeCount); const [optimisticIsLike, setOptimisticIsLike] = useState(initialIsLike); const { mutate: postMutate } = usePostLikeCount(boardId, { onMutate: async (): Promise<LikeContextType> => { setOptimisticLikeCount((prev) => optimisticIsLike ? prev - 1 : prev + 1 ); setOptimisticIsLike((prev) => !prev); return { previousLikeCount: optimisticLikeCount, previousIsLike: optimisticIsLike, }; }, onError: (err, variables, context) => { const data: LikeContextType = context; if (data) { setOptimisticLikeCount(data.previousLikeCount); setOptimisticIsLike(data.previousIsLike); } toast.error('좋아요 업데이트에 실패했습니다.'); }, onSuccess: () => { refetch(); }, }); const uploadLike = () => { postMutate(); }; return { optimisticLikeCount, optimisticIsLike, uploadLike, }; };

진로때문에 고민입니다.

지방대 4년제 컴퓨터공학과를 졸업을하고 취업을 하려니 만들어본 프로젝트라고는 프론트엔드개발자를 꿈꾸며 4학년 막바지에 다른대학교와 협업으로 진행하던 리액트를 사용한 웹 앱 정도인데 이마저도 거의 완성해가는 시점에서 실력문제로 팀원과 다투어 거의 퇴출된 전적?이 있습니다. 핑계를 들자면 당시 졸업작품과 병행하며 욕심내서 포폴을 하나라도 채우자는 마음에 공부도 제대로 못해보고 리액트와 타입스크립트를 제대로 공부한번 못해보고 한거라 시간만 주어졌다면 정말 잘 할 자신있었는데 그런 핑계아닌 핑계를 대봅니다. 각설하고 지금 저의 문제는 여느 대부분?의 컴퓨터공학과 졸업생과 같이 그저 학교에서 주어지는 과제, 수업만 열심히 듣고 하라는 것만 하게 되어 시킨것만 잘하고 자기주도적 학습을 안해 취업을 해야하는 시점에서 말하는 감자가 된 상황입니다. 저의 목표는 남들이 말하는 네카라쿠배당토 정도의 기업에 취직하는것입니다. 여기서 생긴 고민은 두 가지입니다. 1. 스타트업이나 중소기업 신입채용을 통해 현업을 몸으로 느끼며 점차 한걸음씩 올라간다. 2. 프론트엔드의 기초부터 다시 쌓아가며 리액트를 네이티브 수준까지 목표로 공부를 하여 깃허브를 채우고 능력이 생겨 중견기업 혹은 대기업을 목표로하는것. 말하는 감자가 쓴 무지한 글이니 부족한 내용, 말의 오류가 있다면 지적 부탁드립니다.

readonly 키워드가 붙을 경우, 그렇지 않는 타입보다, 슈퍼타입이 되는 이유는 무엇일까요? 제가 제대로 이해하고 있는걸까요?

안녕하세요, 타입에 readonly 키워드가 붙을 경우, readonly가 붙은 타입이 슈퍼타입이 된다 이해하고 있습니다. 그 이유가, readonly를 붙은 타입은 그렇지 않은 타입보다 가능한 기능이 적습니다 즉, 타입을 이루는 요소의 갯수가 적습니다. 요소의 갯수가 적으면 슈퍼타입이 됩니다. 요소의 갯수가 적으면, 적은 갯수를 만족하는 집합 갯수가 많기 때문에, 타입이 크다라고 할 수 있고, 요소의 갯수가 많은 경우, 이 많은 갯수를 만족하는 집합의 갯수(경우의수)를 찾기 어렵기?때문에 이것은 타입이 작고, 서브타입이라고 이해하고 있습니다. 반면, ChatGPT를 통해 위의 내용을 검색해보면, readonly 키워드가 붙은 타입이 좁다 라고 합니다(서브타입이라고 합니다) (제가 이해한것으로는 타입이 슈퍼타입이 된다라고 이해하고 있는데요,,,) 그 이유는 readonly는 읽기전용이라, 타입이 좁다고 합니다.. 코에 걸면 코걸이, 귀에 걸면 귀걸이, 이걸 보면 이게 맞는거 같고, 저걸 보면 저게 맞는거 같고, 혼란스럽네요 혹시 이 질문에 대해서 명확하게 답변 해주실 분 있을까요? 참고로, 이와 관련해 '이펙티브 타입스크립트'교재의 내용을 첨부합니다. 이펙티브 책에서는 number[] 타입이, readonly number[]보다 기능이 많기 때문에, 서브타입이라고 합니다 number[]: 서브타입, readonly number[] : 슈퍼타입 readonly가 붙은 곳이 슈퍼타입이 된다 라는 공식이 있는듯 보이는데요,, 공식말고, 어떤 원리이길래 공식?처럼 보이는것일까요?

타입스크립트 'value' is possibly 'null' 에러 옵셔널체이닝으로 해결안되는 이슈

import DateRangePicker from "@wojtekmaj/react-daterange-picker"; import { useDispatch } from "react-redux"; import { dateFetch } from "components/feature/FetchSlice"; import styled from "styled-components"; type ValuePiece = Date | null; type Value = ValuePiece | [ValuePiece, ValuePiece]; export default function CustomCalendar() { const dispatch = useDispatch(); const [value, onChange] = useState<Value>([new Date(), new Date()]); return ( <CalendarBox> <Calendar>조회 기간</Calendar> <StlyedDateRangePicker onChange={onChange} value={value} onCalendarClose={() => { dispatch( dateFetch({ startDate: value[0]?.toISOString(), endDate: value[1]?.toISOString(), }) ); console.log(value); }} /> </CalendarBox> ); } <StlyedDateRangePicker>는 styled component로 만든 DateRangePicker 라이브러리 컴포넌트입니다. DateRangePicker 에서 날짜 2개를 선택하면 value라는 배열에 Date 객체 2개가 들어갑니다. 그리고 onCalendarClose 함수가 동작하면서 redux로 만들어놓은 startDate, endDate 객체에 각각 date를 toISOString() 처리한 값이 할당되는 로직입니다. 날짜를 선택하기 전에는 value={value}의 value 배열요소인 Date객체 값이 null 값이니까 type ValuePiece = Date | null; 타입지정을 해줬습니다. startDate: value[0]?.toISOString(), endDate: value[1]?.toISOString(), 근데 위 코드의 value[0], value[1] 에러가 나더라구요. 'value' is possibly 'null'.ts(18047) Element implicitly has an 'any' type because expression of type '0' can't be used to index type 'Date | [ValuePiece, ValuePiece]'. Property '0' does not exist on type 'Date | [ValuePiece, ValuePiece]'. null 값일 수도 있다길래 옵셔널체이닝을 줬는데 여전히 에러가 발생합니다.. 해결방법을 도무지 모르겠네요.. 도와주시면 진심으로 감사하겠습니다ㅠㅠㅠ

TS 고수님, TS에서 타입 캐스팅 'as', 이렇게 이해해도 될까요

안녕하세요, 타입스크립트 고수님들에게 타입스크립트의 키워드 "as"에 대해서 문의 드립니다. 관건은 'as' 인데요 as의 의미를 다음의 순서대로 풀어보았습니다. 아래 코드에서 as의 역할/의미를 아래 순서대로 이해하는게 맞을까요? (=똑 떨어지는 설명이 없다보니, 나름 의미를 풀어서 이해해봤습니다.) 1.*[k in keyof O as O[K] 만약 k가 k in keyof o의 첫번째 값으로 'who'가 들어오고, 텍스트 'who'를 타입을 string이라고 합니다(as는 왼쪽의 값을 오른쪽의 값으로 '간주'하기 때문에) 라고 종종 서적에서 볼 수 있습니다. 2.*k in keyof O == O[K] 저는 as를 "=="이라고 이해하는데요, who(k in keyof O)는 string이라는 타입값이라고 간주합니다(=who는 string 입니다 라는 확정적인 의미가 아니라, "이렇게 할래" 이런 어조로 말입니다.) 3.[핵심!] who ==(비슷하다라고 간주하다) string 이기 때문에, who를 쓰는건 곧 "잠재적?"으로 string이라고 이해해도 될까요??.. (즉, who라고 쓰고 who라는 자리에 타입 string이라고 읽는다..처럼 말이죠...) 4.*who(==string) extends T(number) ? never : K(who) 텍스트 who는 곧(==) string 타입이기 때문에, 3번에서 말한 것처럼, who의 타입은 string이기 때문에 never가 아닌, K즉 who로 종료된다 요약하면, as를 쓰면 위 코드 상에서는 2가지 의미가 떠오르는데요, 1.k라는 텍스트를 o[k]의 타입으로 바인딩을 시키고 2.k는 o[k]라는 타입을 갖게 되어(= 타입 캐스팅), k를 사용하는 건 곧, k의 타입 o[k]를 사용하는 것이다 라고 이해했습니다. k라고 쓰고 o[k]라고 읽는 다 처럼 말이죠, as가 as 이하의 타입으로 "만든다" 라고만 생각하면, 위의 3번 내용이 생각이 나질 않습니다. 아래 코드에서 as를, 코드"순서대로" 이해해보려 하니 조금은 억지스러운 면이 있었지만, 조금은 컴퓨터 답게? as를 제대로 이해하고 있는지 고수님들에게 조언을 듣고 싶습니다! 감사합니다!

고졸 직장인 프론트엔드 개발자로 전향하기

안녕하세요 프론트엔드 개발자를 목표로 하고 있는 25살 고졸 직장인입니다. 아래 목록은 제가 달성 및 계획한 것들인데, 이렇게 해도 될지, 부족한 부분이 있는지 현업에서 뛰고있는 개발자분들의 피드백이 필요합니다. 달성한 것 1. 6개월간의 국비학원 수료(2022) - 언어는 React 가 주입니다. - 당시 국비학원 최종 성과물 발표회에서 최우수 수상 (이력서에 상기 내용 기입해도 괜찮을지 모르겠습니다) 2. 직장 - 공사 현장 품질관리(LCQ) 약 1년 - L사 계열사 계약직으로 품질관련 업무 담당 중 (2023~) (최소 2개 이상 팀과 협업을 하여 문제해결하는게 주 업무, 이력서에 이 경험을 주로 어필할예정) - 최소 2025년 초중반까지 근무 예정 계획한 것 평일 근무시간을 제외 사용할 수 있는 시간 동안 할 것 1. 포트폴리오를 위한 프로젝트 생각해둔 프로젝트 주제는 국비학원 시절 만든 프로젝트 리빌딩 정도 밖에 없습니다.. 2. 코딩테스트 준비 - 개발자로 취업할 때까지 지속적으로 할 예정 3. 학점은행제 통해 방통대 편입하여 학위 및 정처기 취득 - 오래 걸리겠지만 개인적으로 CS에 대해 공부해보고 싶었고, 평소 결핍이라 생각한 학위 취득 목적입니다. 4. 타입스크립트 강의 구매 후 공부(진행 중) - 올해 초 당장 뭘해야할지 몰라 무작정 강의 구매 후 조금씩 해나가고 있습니다. 이밖에 백엔드도 공부하여 실제 서비스 해보기 등등 알아보고 있습니다. 공부와는 담쌓고 살다가 처음으로 흥미와 열정을 가지고 입문한 분야라 한번 고꾸라졌지만 포기하지 않고 계속 도전해 볼 생각입니다. 글 읽어주셔서 감사합니다. 좋은 하루 되세요.

프론트 강의 추천해주실 수 있나요?

프론트 개발자 목표로 next.js와 타입스크립트를 공부중입니다. next.js가 공식문서가 잘 나와있어 유튜브와 공식문서 찾아보며 프로젝트 진행중이지만 종종 어려움을 겪고 있습니다. 인강을 들으면 정리가 한 번 될까 싶어서 인프런,유데미, 패스트캠퍼스 등에서 인강을 찾아 들으려고 합니다. 좋은 강의를 추천해주실 수 있으실까요? 타입스크립트도 추천해주시면 감사하겠습니다.🙏 노마드 무료강의는 들어봤고 엘리는 맛보기로 들어본 상태입니다.

리액트 타입스크립트 obj[key] 에러

타입스크립트 이제 막 적용해보는 초보입니다.. 코드 내 monitorMenu[type].container 에서 [type]에 에러가 뜨는데 타입 지정이 잘못 된 건지 찾아봐도 원인을 모르겠습니다ㅜㅜ 물어볼 곳이 없어 질문합니다,,! 도움 부탁드립니다...ㅠㅠ // code import React, { useEffect, useState } from 'react'; import { useNavigate, useParams } from 'react-router-dom'; import DashboardContainer from '../containers/DashboardContainer'; import IntegratedContainer from '../containers/IntegratedContainer'; interface IMonitorMenu { [key: string]: { container: string | JSX.Element; }; } const Monitor = () => { const user: any = []; const { type } = useParams<{ type?: string }>(); const navigate = useNavigate(); const [menu, setMenu] = useState('integrated'); const onClickMenu = (name: string) => { navigate(`/monitor/${name}`); }; const monitorMenu: IMonitorMenu = { integrated: { container: <IntegratedContainer /> }, dashboard: { container: <DashboardContainer /> }, }; return ( <div> ... <div>{monitorMenu[type].container}</div> </div> ); }; export default Monitor; // error ERROR in src/pages/Monitor.tsx:37:25 TS2538: Type 'undefined' cannot be used as an index type.

vue3와 타입스크립트 공부자료 추천 부탁드려요

신규 프로젝트로 vue3와 타입스크립트로 실무에 들어가게될 것 같아 공부하려고 하는데요! 괜찮은 책이나 강의가 있다면 추천부탁드립니다! vue2를 살짝 다뤄봤고 타입스크립트로는 실무경험은 없는 수준입니다

타입스크립트에서 중첩객체에 대한 type of & key of 사용에 대해 질문 있습니다!

color와 같은 스타일 theme값을 객체로 만들어 놓고, type of key of를 통해 객체의 키값으로 만들고 있습니다! 해당 tpye을 만드는 목적은 컴포넌트에 color prop을 추가하려고 합니다! 단순한 객체는 아래 예시처럼 처리하면 객체의 키값을 가져와서 type으로 만들 수 있는걸로 알고 있습니다. export const colors = { Gray000: '#F5F5F5', Gray50: '#F2F2F2', Red100: '#FFECEF', Red200: '#F47F88', Blue: '#005E9E', }; export type colorType = keyof typeof colors; 하지만 아래 예시와 같은 중첩 객체문에서는 해당 키값을 어떻게 빼내야할지 고민입니다. export const colors = { page1: { Gray000: '#F5F5F5', Gray50: '#F2F2F2', } , page2: { Red000: '#F5F5F5', Red50: '#F2F2F2', } , page3: { Blue000: '#F5F5F5', Blue50: '#F2F2F2', } }; 아래 코드처럼 이런 식으로 따로 따로 처리해야하는걸까요? type page1Type = keyof typeof colors.page1; type page2Type = keyof typeof colors.page2; type page3Type = keyof typeof colors.page3; export type colorType = page1Type | page2Type | page3Type

타입스크립트에서 리턴타입을 어디까지 명시해야할까요?

안녕하세요 nest 프레임워크로 부트캠프에서 공부중인 학생입니다. 타입스크립트를 사용해서 진행하고 있는데 nest는 메서드 리턴타입을 유추해주기 때문에 명시할 필요는 없다고 합니다. 현업에서는 어떻게 사용하는게 정석인가요? 사진은 service에 메서드입니다. 모든 계층에서 메서드의 리턴타입을 명시해야한는건지 궁금합니다.

Typescript 책 추천 부탁드려요

안녕하세요. 이제 갓 취직한 프론트엔드 개발자입니다. 타입스크립트 관련하여, 더 깊게 공부해보고 싶어서 , 책을 읽어보려고하는 데, 추천해주실 만한 책이 있을까요? 추천 해주실 때 추천해주시는 이유도 써주시면 감사하겠습니다.

무엇을 공부해야할지 모르겠습니다

국비교육을 듣고 코딩에 관심이 생겨 전문대 졸업 후 개발을 배울 수 있는 과로 편입을 하게 되었습니다 나이는 23살이고 2년이라는 시간을 잘 준비하고 싶습니다. 현재 단순한 이번 해 목표로 1. Python으로 코딩테스트 꾸준히 준비 2. 자바 스프링 공부 3. 리액트, 타입스크립트, node.js, next.js 공부 4. 웹 페이지 배포하기 현재는 python기초를 다 했고 코딩테스트 입문문제부터 풀면서 자료구조와 알고리즘을 공부하고 있습니다. 제 고민은.. 지금와서 생각해보니 배우고 싶은 기술은 많은데 1년 안에 공부하고 배포까지 하려 생각해보니 내가 좋아하는 개발은 프론트 쪽에 가까웠던 거 같아서 프론트 위주 기술들로 배포를 해야할지 우리나라 기업에서 많이 사용하는 자바 스프링 위주로 배포를 해봐야할지 두개다 사용할지.. 그리고 제가 지망한 소프트웨어과는 임베디드 인공지능 빅데이터 이쪽 개발 위주로 공부하는 웹개발은 별로 없는 과인거 같습니다. 그래서 전 무엇을 선택해야할지 고민에 빠졌습니다. 사실 막 좋아하는 분야는 무엇인지 모르겠습니다 js를 사용할때 재밌었던 기억이 있어서 프론트가 좋은 거 같기도 합니다..

다운로드 횟수에서 tslib가 어떻게 typescript보다 앞설 수 있을까요?

tslib는 타입스크립트 라이브러리인데 어떻게 타입스크립트보다 다운로드 횟수가 많을 수 있을까요? - 타입스크립트를 사용하지 않으면 tslib는 사용 못한다. - 타입스크립트를 사용한다고해서 tslib가 필수는 아니다. 따라서 타입스크립트의 다운로드 횟수 >= tslib의 다운로드 횟수가 합당한 추론이라고 생각하는데 신기하네요

4년차 코테 준비 언어 추천

안녕하세요 4년차 백엔드 개발자입니다. (오늘 입사 3주년!) 현재 회사(첫회사) 에서는 타입스크립트를 쓰고있고, 작년초에 알고리즘 공부할때는 자바스크립트로 했었습니다. (백준 골드수준...) 최근 갑자기 회사 상황이 안좋아져서 코테준비를 하려고 하는데 사람들이 많이 코테에서 사용하는 파이썬을 쓸지, 원래 사용하던 자바스크립트로 할지, 아니면 이참에 C++이나 go를 공부해볼지 고민되는데 어떤 언어가 좋을지 다양한 의견이 듣고싶어 여쭤봅니다.

백엔드 취업 어떻게 해야할지 고민입니다.

안녕하세요. 2년전에 미국 대학에서 컴공 졸업했는데 사정이 있어서 미국에서 취업은 못하고 한국에 들어와 있다가 첫 취업을 올해 5월에 작은 스타트업에서 포지션제안을 받아 면접을 보고 입사했습니다. 백엔드를 지망했었는데 회사에선 프론트'도' 하는 조건으로 입사했었는데 업무의 대부분은 기존 장고 프로젝트를 리액트 타입스크립트로 마이그레이션 하는 작업을 했었고 그외 백엔드는 아키텍처 파악하고 AWS 인프라 회사 것 그대로 배포하는 연습 정도 했었습니다. 그런데 회사가 아직 매출 없는 스타트업이라 일정을 맞추기 힘들 것 같다고 하시면서 7월에 정규직 계약 전환을 못한다고 해서 퇴사하고 7월 중순부터 지금까지 구직중입니다. 지금까지 최종합격은 한번 했었는데 타 회사 면접이 걸려서 놓쳤고 다른 곳은 최종까지 한번 가고 떨어졌습니다. 회사 오퍼 받았을때 무조건 간다고 했었어야 했는데 처음 겪어본 상황이라 당황했습니다. 제 경험상 1차 통과나 최종 합격했던 면접은 뭔가 면접관 분이랑 케미가 잘 맞고 기술질문 심오하게 받았는데 대부분은 면접 여러개 보러 다녀도 대부분 회사들이 기술질문 없이 성의 없는 구색맞추기용으로만 부르는 것 같다는 느낌을 받았습니다. 퇴사 후에 개인 프로젝트도 하고 하는데 디자인이나 기획안 없이 혼자 하려니까 혼란이 와서 제대로 진행이 되지도 않는 것 같고 어차피 개인 프로젝트는 만들어봤자 대부분 보지도 않고 잘 만든다 해도 실사용자가 없으면 별로 보지도 않는 것 같아서 회의감이 듭니다. 이 상황에서 재취업 하려면 어떻게 전략을 세워야 할까요? 이력서는 댓글 달아주시면 메일로 보내드리겠습니다. 긴 글 읽어주셔서 고맙고 연말 마무리 잘 하시길 바랍니다.

si 개발자 경력 이직 vs 중고신입, 이직 시기

10명 조금 넘는 SI 회사에서 1년간 근무 후 110명 정도의 SI 회사로 올 6월에 이직하여 현재 재직 중입니다. 전 회사는 공공SI 중심이었고 현재는 사기업 중심이지만 둘 다 java + spring(boot) + jQuery를 사용하는 레거시 환경이 주입니다. 저는 현재 서비스 회사에 프론트엔드 개발자로 이직을 희망하는데 2가지 걱정이 있습니다. 첫째는 기술 스택이 맞지 않기에 중고신입으로 이직해야 하는가 입니다. 리액트나 타입스크립트, 도커 등의 경험이 없기에 경력 이직은 힘들까 생각합니다. 둘째는 이직 시기입니다. 이미 1년 근무 후 한 번의 이직을 하였기에 또 1년만에 그만두면 시선이 곱지 못할 것 같습니다. 그렇다고 2년을 채우자고 하니 총 경력이 3년이 되어버리기도 하고 너무 딜레이되는 것 같기도 하구요. 어떤 방향이 현명할까요?