#타입

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

타입스크립트가 컴파일러를 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를 공부하는게 좋을까요?

[구인] 오픈노트, AI 기반 영상/이미지 분석 - 전문가 및 협업자 모집

안녕하세요, 현재 AI를 활용한 수위 측정 프로젝트를 진행 중에 있습니다. ai 영상/이미지 분석에 능숙하신 분들의 협업을 구하고자 합니다. <프로젝트 개요> *문제점: 현재 IoT 기기를 활용한 수위 측정 중 오탐이 간헐적으로 발생. 이로 인해 부득이하게 업무가 증가하는 상황. *목표: AI를 통해 정확한 수위 측정을 구현하여, 오탐을 줄이고 업무 효율을 높이는 것. <제공 가능 데이터> 1.수위 값 데이터 (센서 측정 값) 2.수위 관련 이미지 3.추가적인 데이터 요청도 협의 가능 <협업 관련> *AI 분야 전문가 또는 관련 연구를 하고 계신 분들 중에서 개발에 도움을 주실 분들을 찾습니다. *특히 이미지 분석 관련 구현할 수 있는 경험이 있으신 분을 우대합니다. <기간> * 이번 주 9월 29일까지 모집 * 작업 10월 내(작업 기간 2~3주 예상) * 프로토타입 시연 10월 말 금액과 프로젝트 세부 사항은 협의 후 진행될 예정입니다. 관심 있으신 분들은 하단에 네이버폼 작성해주시면 감사하겠습니다. https://naver.me/FxFyw9vl

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

안녕하세요. 이번에 서비스 회사에 백엔드 채용연계형 인턴으로 근무한 지 한달 조금 덜된 학생입니다. 그동안 취업 준비를 하면서는 자바와 스프링만을 공부했었고, 개발 공부도 중학교 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개는 가능하면 협업으로) 연말 쯤 부터 이력서 미친듯이 넣고자 함. (현재 최종목표는 중소기업입니다. 워라벨, 연봉 크게 안따지고 최소한 배우고 성장할 배경이 되는 기업을 목표로 두고 있습니다. 중소에 그런 기업이 별로 없겠지만요..) 뭘 더해야 할까요? 그리고 이 상황에 백엔드 공부하는 건 좀 어리석은 짓인가요? (백엔드 기반 지식도 어느정도 필요하다고 하는데 전 그 정도를 모르겠어요) 여러분의 솔직한 의견 부탁드립니다. (걍 개발자 때려쳐라. 넌 답없다. 같은 솔직발언도 괜찮습니다. 제가 우둔하고 고집머리는 쎄서 그런 말 들어도 쉽게 포기 못하는 성격이지만...모르죠. 여러 사람들이 같은 식의 답변을 한다면 또 되새겨서 다시 생각해 볼 수도 있고요. 지금이 갈림길인 거 같습니다. 마음을 제대로 다잡고 영끌하던지, 아니면 그러고싶지는 않지만 포기해야하는지)

사수에게 불만사항을 어떻게 말해야 될까요?

안녕하세요! 저는 현재 수평적 구조를 가진 스타트업에서 1년 4개월정도 근무를 하고 있는 2년차 주니어 백엔드 개발자입니다. 사람이 많지 않아 백엔드 팀에는 저와 7-8년 경력을 가지신 백엔드 개발자 1명이 계십니다. 이분이 저에게는 사수이시죠. 사수이신 분은.. 대표님께서 많이 답답해 하시고 다른 직원하고는 싸우신 적이 있습니다. 싸우신 이유는 아래 제가 작성한 문제점과 동일한 이유 때문에 사수 분에게 얘기를 하셨고 오랜시간이 지나도 개선이 되지않아 싸우게 되셨습니다. 제가 이 글을 쓴 이유에 대해 먼저 말씀드리면 불만 사항을 사수에게 예의있게 말하고 싶어 쓰게 되었습니다. 어떻게 말을 해야 상대방이 상처받지않고 기분 나쁘지 않게 말을 할 수 있는지.. 물어볼 곳도 없고 하소연할 곳도 없어서 여기에 글을 써봅니다. 그 분 때문에 저도 화병이 생기고 스트레스를 생각보다 많이 받고 있어요. 근데 제가 또 바보같이 싫은 소리를 못하고 참는 타입인데 요새는 스스로 너무 힘든지 가끔 정색하면서 대답할 때도 있고 의견을 말씀 드릴 때도 있습니다. 저의 분노 끓는점이 엄청 높아진 상태로 유지가 되고 있어 사소한 거에도 금방 화가나고 숨쉬기 까지 힘든 상태가 됩니다... 제가 생각하는 그 분의 문제점을 다 적기는 너무 많아서 몇 가지만 적어보겠습니다. 1. 말에 두서가 없고 저를 메모장처럼 사용하십니다. ‘A를 위해서 B를 해주세요’ 이렇게 요청을 하면 되는 걸.. 진짜 불필요한 얘기를 덧붙이셔서 내용 자체가 엄청 길어집니다. 그 분이 말하시거나 메시지를 보낸 걸 제가 다시 정리해서 물어봐야합니다. 2. 누군가 했던 말이나 의견을 본인이 생각한 것처럼 얘기를 합니다. 3. 감히 제가 판단할 수준은 아니지만 연차에 비해 수준이 너무 낮으세요. 개발 처음 배우는 사람들도 알 법한 지식을 완전히 잘못된 지식으로 저에게 가르치십니다. 여기에 더 나아가 저한테 무언가를 알려주시려고 할 때 gpt를 이용해서 물어보고 제가 옆에 있는데 gpt가 답변해준 내용 그대로 그 글자를 그대로 읽어주십니다.. 4. 일머리가 없으신 거 같다고 느껴집니다. 업무에 대해 이해를 못하신 상태에서 진행을 하셔서 자꾸 중간에 문제가 생기게 되고, 업무의 우선순위가 있어 중간에 하던 일을 멈출 수 있지만 하던 일을 멈추면 똑같은 일을 또 다시 처음부터 시작하세요. 이렇게 2-3번 반복을 하는 경우가 있어 불필요하게 시간을 많이 사용합니다. 이 외에도 다른 사건들이 많이 있습니다.. 5. 본인의 생각이 있으시면 상대방의 얘기를 잘 안듣고 본인 생각대로 밀고 나갑니다. 더 나아가 제 실력도 부족한 걸 알고 있어 의견을 주시면 그대로 하려고 하는데 저도 왜 그렇게 하시는지 이유를 여쭤보면 납득도 안되고 이해가 안되는 말을 하십니다. 또 물어봐도 제가 수긍할만한 답변은 들을 수가 없습니다. 6. 말이 너무 많으십니다. 불필요한 얘기를 너무 하시는데 대화가 아니라 그냥 들어줄 사람이 필요하신 거 같습니다. 대화가 안되고 일방적으로 듣기만 해야합니다. 이 외에도 엄청 많은데 글이 더 길어질까봐 이정도만 적겠습니다..! 제 나름 이해해 보려고도 하고 대화 해보려고도 하고 의견도 내보고 했지만 크게 개선이 되지 않아 다른 분들의 의견과 조언을 듣고자 이렇게 긴 글을 작성하게 되었습니다. 긴 글 읽어주셔서 감사합니다!

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

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

개발 시 피드백/소통

개발을 하고 프로토타입을 상사에게 보고하고 피드백을 받은 후 수정을 했습니다. 프로토타입을 완전하게 수정 후 사장님께 보고를 하였는데 문제가 생겼습니다ㅠ 사장님께서는 개발 쪽을 전혀 모르기 때문에 추가하거나 개선할 기능들을 말씀하셨는데 해당 기능들이 성능에 무리가 가거나 이용자에게 불편을 야기하는 기능들입니다. 당시에 자세히 설명 했다고 믿지만 해달라는 의견이 완고하셔서 알겠다 하고 나왔습니다.... 이럴 때 다들 어떻게 하시는 지 궁금합니다

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

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

논리모델링 질문드립니다.

데이터 논리모델링에서 데이터속성을 정의한다고 들었는데 논리모델링 예제에 거의 데이터타입은 안적혀있더라구요 실무에서는 생략하는 걸까요? 아니면 따로 데이터 속성정의표를 만드나요? 협업분들의 답변부탁드립니다!

제 코드, 뭐가 문제일까요?

https://github.com/get1092/Trade/blob/main/quest/53/53quest.html 완전 초짜여서 여기저기 구글링해보고 챗gpt도 써봤는데 더 이상은 무리네요.. 현재 cbt타입의 웹사이트를 만들고 있습니다. 원하는기능은 3개입니다. 1. 문제에 답을 입력하면 omr에도 연동되어서 같이 입력되게 되어야함 2. 답안josn파일(53anwer.json)을 토대로 문제를 다 풀면 채점해서 점수가 나오게함 + 오답은 omr에 빨간색으로 칠할것 답안 josn : https://github.com/get1092/Trade/blob/main/quest/53/53anwer.json 3. omr에 문제버튼 누르면 해당번호로 문제가 이동되는것 이거면 되는데 초보자인 저에게는 너무 어려웠나봅니다. 혹시 어떻게 하면 되는지 알 수 있을까요?

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'

UI 디자인 피그마에서 안드로이드앱 Export

안녕하세요. 대학교 3학년 학생입니다. 이번 프로젝트에서 제가 ui/ux 디자인을 맡았고 안드로이드 앱 디자인을 위해 피그마를 활용하려 합니다. 그런데 피그마에서 앱 디자인과 프로토타입 구성을 마친 후, 안드로이드 스튜디오로 코드를 변환할 때 xml로 수동으로 일일이 안드로이드 스튜디오로 붙여넣어야하나요? 아니면 plugin으로 피그마 디자인을 코드(java, xml) 로 바로 변환할 수 있나요? 보편적으로 피그마에서 디자인을 마친 후 어떻게 export하는지 모르겠습니다ㅜㅜ

HTML의 tagName을 모아둔 타입이 있을까요?

content 분류 - sectioning, phrase, metadata... - 에 따라 tagName이 나뉘어져 있으면 좋겠다는 생각...이었지만 검색한 걸로는 아직 오픈 소스나 @type에 그런 정의가 없는 것 같았습니다. 그래서 한땀한땀 직접 만든 것을 사용하고 있었는데, 제가 못 찾고 있을 걸 수도 있어 질문 남겨봅니다.

Paging 관련 질문 있습니다.

jpa, pageable 활용하면 findall로 페이지에 속하는 데이터를 가져올 수 있다고 알고 있는데요. 1. repository 데이터가 변경돼서 예전 1페이지가 시간이 흐른 뒤 1페이지를 호출하면 다른 데이터가 나오게 돼서 데이터베이스 상태가 바뀌지 않도록 해야 된다고 GPT가 가르쳐 주는데 DATE 타입의 컬럼을 활용해서 소팅 하는 알고리즘의 경우는 어떻게 데이터베이스 상태가 바뀌지 않도록 하나요? 2. 유저1(최신순)과 유저2(추천순)가 서로 다른 알고리즘으로 Paging을 수행 할 때 Paging 객체를 유저 객체에 넣어서 기억 하나요?

typescript api fetch 시 interface로 타입을 지정해줘야 할까요?

안녕하세요. 프론트엔드 개발을 하고 있는 사람입니다! 아직 잘 몰라서 여쭤보고 싶습니다. typescript로 react query를 이용하여 api fetch를 진행하고 있는데요. data를 받을 때 unknown이라고 나와서 타입 지정이 필요하다는 것을 느꼈습니다. 현재는 Dot Notation : data.변수 -> Bracket Notation data['변수'] 형식으로 변경을 했는데 오류가 사라져서 사용하고 있는데, 장기적으로 봤을 때 interface로 api 에 있는 키 영역을 모두 타입 지정해줘야 할까요? 경력자분들의 고견을 부탁드립니다(_ _)

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

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

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

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

타입스크립트 타입지정

리액트 쿼리로 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, }; };

react-navigation navigate 파라미터 type

안녕하세요, @react-navigation의 useNavigation을 통해 페이지 이동을 하는 함수를 만들던 중 타입 설정이 되지 않아서 질문 드립니다. navbar와 같은 곳에서 사용할 목적으로 navigateTo와 params 를 받아 스크린을 이동시켜주는 함수를 만들고 싶지만 params의 타입에서 에러가 나고 있어서 이 부분에서 어떻게 해줘야 하는지 질문드려요.. 에러 내용을 보면 아래와 같이 나오는게 각 페이지 별 type이 일치하지 않아서 그런걸로 보이는데 각 메뉴마다 navigation.navigate('Login', {~~}); navigation.navigate('Foo'); 이런식으로 하게되면 동작은 하지만 너무 중복된 코드가 되는 것 같아 pgae를 받는 함수로 만드려고 하는 중인데 잘 안되네요..! Argument of type '[keyof RootStackParamList, { page: string; data?: object | undefined; } | undefined]' is not assignable to parameter of type '[screen: "Login"] | [screen: "Login", params: { page: string; data?: object | undefined; } | undefined] | [screen: "Foo"] | [screen: "Foo", params: undefined] | [screen: "Bar"] | [screen: "Bar", params: undefined]'. Type '[keyof RootStackParamList, { page: string; data?: object | undefined; } | undefined]' is not assignable to type '[screen: "Login", params: { page: string; data?: object | undefined; } | undefined]'. Type at position 0 in source is not compatible with type at position 0 in target. Type 'keyof RootStackParamList' is not assignable to type '"Login"'. Type '"Foo"' is not assignable to type '"Login"'.ts(2345)

진로때문에 고민입니다.

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

금액과 같이 숫자를 POST요청 보낼때

자바스크립트 환경이고 Number 타입을 post 요청으로 보내는 상황입니다. 숫자 20자리를 넘어가면 지수표기법(예를 들어, 1.21e+25)로 바뀌어서 서버단에서 유효하지 않은 정수라고 오류가 났습니다 이런 큰 숫자의 경우에는 문자열로 다루는 게 더 좋은가요? 어떻게 다루시는지 궁금합니다

프로젝트를 허접한 상태로 포폴로 써도 될지 모르겠습니다

겨울방학동안 대학 동기들과 안드로이드 앱을 하나 만들어보는 프로젝트를 했었는데 제대로 참여하지도 않고 바쁘다면서 마감 기한을 무한대로 미뤄서 저는 어차피 현재 휴학중인 상태이니 3월 중순에 저라도 혼자 하겠다고 하고 나왔습니다. 그런데 3월 중순에 알바를 시작하면서 체력적으로 많이 딸리다 보니 4월인 지금까지 저혼자 코틀린으로 프론트만 대강 완성을 하고 지금부터는 백엔드를 저혼자 처음으로 도전해보려고 합니다... 나머지 프론트는 일단 백을 하면서 같이 진행하려고 합니다. 그런데 프로젝트가 큰것도 아닌데 장기간 지속되다 보니 저도 지치고 뭐하나 제대로 하는 것도 없는 사람인것 같습니다. 그래서 4월안으로 최대한 프로젝트를 빨리 끝내고 새롭게 웹 관련 프로젝트를 진행해보려고 하는데 이렇게 되면 퀄리티가 많이 떨어질것 같은데 폐기하기에는 제가 3, 4개월동안 공들인게 아깝습니다. 1. 나중에 취직할 때 허접한 포폴이 걸림돌이 될까요? 2. 백엔드 감을 최대한 빨리 잡고 안정적으로 작업하고 싶은데 제가 인강을 들으면 집중력이 떨어져서 잘못듣고 일단 해보면서 하는 타입인데 어떻게 공부하면 좋을까요? 3. 안드로이드 백엔드는 APM 쓴다고 해서 그쪽으로 해보려고 하는데 여기 글을 보니까 잘은 모르겠지만 php가 뭐가 안좋다 이런 말들이 있는데 다른 걸 찾아서 공부해봐야 할까요..? 4. 이건 개발과는 관련이 없지만.. 알바랑 개인공부의 밸런스를 잡고싶은데 지금은 알바에 치중되어있습니다. 어떻게 해야 알바도 하면서 개인 공부도 할수있을까요...? 알바하면서 피곤하다는 핑계로 3월중순부터 지금까지 프로젝트에 거의 손을 놓고 있었습니다. 그렇다고 알바를 그만 두기에는 돈문제가 좀 있기도 하고 한곳에서 6개월이상 일해보고싶은 마음이 있습니다. 제 욕심이 너무 큰걸까요?

템플릿 <<연산자 오버로딩이 궁금합니다.

template<typename E > class Node { public: Node() : next(nullptr), prev(nullptr) {} bool operator<(Node N) { return N.data < data; } bool operator>(Node N) { return N.data > data; } template<typename E> friend ostream& operator<<(ostream& os, const Node<E>& N) { os << N.data; return os; } private: E data; Node<E>* next; Node<E>* prev; friend class LinkedList<E>; }; 다른print 함수{cout<<Node객체.data} 이렇게 E타입의 data를 <<로 출력해야 하는데 [ C2679 이항 '<<': 오른쪽 피연산자로 'const E' 형식을 사용하는 연산자가 없거나 허용되는 변환이 없습니다. ] ​ 자꾸 위와 같은 오류가 뜹니다... 그래서 template<typename E>를 연산자 오버로딩 앞에 붙여봐도 ​ [ C2995 'std::ostream &operator <<(std::ostream &,const Node<E> &)': 함수 템플릿이 이미 정의되었습니다. ] 이런 오류가 발생하구요. 템플릿 타입을 <<로 어떻게 출력하나요??

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

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

react에서 복잡한 상태를 관리할때.. 한번에 관리? 분리해서 관리? (jotai, recoil, useState)

안녕하세요 react를 이용해서 복잡한 작성 페이지를 만들고있습니다. 아래의 타입은 예시입니다. type payload = { name: string; message: string; type: string; url: { pc: string; mobile: string; }; contents: { images: { url: string; name: string; }[]; buttons: { name: string; url: string; }[]; }; conditions: { ... }, .... }; 위처럼 복잡한 데이터를 서버로 보내줘야해서 데이터를 관리해야하는데 현재는 페이지내에 구조가 복잡하고 컴포넌트도 매우많아 props drilling이 너무 심해질거같아서 recoil, jotai와 같은 상태관리 라이브러리를 이용해서 작업을 진행하고있습니다. 이러한 상황에서 관리하는 데이터를 한객체에 모아서 관리하는게 좋은지 아니면 const nameAtom = atom(''); const messageAtom = atom(''); const typeAtom = atom(''); const urlAtom = atom({ pc: '', mobile: ''}); .... 처럼 일일히 쪼개서 관리하는게 맞는 방향인지 모르겠어서 질문드립니다 ! (사수가없어서 물어볼곳이없어요...) 현재는 아래와같이 쪼개서 작업한뒤 submit시에 합쳐주는 방식으로 구현해놓았는데 atom 갯수가 20개 정도 되버리니까 너무 복잡해보여서 이게맞나... 싶어서 질문드리게되었습니다.