#뉴비

프론트엔드 개발자 크로스 플랫폼 앱 개발

안녕하세요. 작은 스타트업에서 react 기반 프론트엔드 개발자로 취업한지 1년정도 되어가는 뉴비입니다. 최근 크로스 플랫폼 앱 개발에 좀 관심이생겨 react native, flutter 둘중 하나를 취미로 공부해려보려고 합니다. 기회가 되면 회사에서 실제 제품으로도 개발해볼까 하는데, react native와 flutter 둘 중 뭐로 하는게 좋을지 고민입니다. 프론트 개발자 구인 시 react native나 flutter 역량을 요구하는(우대사항) 곳도 간혹 있길래, 이왕이면 취업시장에 더 도움이 되는 쪽으로 하는게 좋지 않을까 싶어서요. react 개발자면 아무래도 react native가 좀 더 수요가 많은 거 같더라구요. 완전 앱 개발자 구인에서는 모르겠지만요 그런데 둘의 차이, 추세 등을 찾아보니 flutter가 좀 더 반응이 좋은 거 같아서 고민입니다. 각자 장단점이 있고 경우에따라 다를테니 결국 큰 차이는 없겠지만 잘 몰라서 고민이 되네요. 어떤것이 더 나을까요?

팀을 어떻게 이끌면 좋을까요

안녕하세요. 뉴비 리드 엔지니어입니다. 근래에 데이터팀을 이끌게 되었는데 어떻게 이끌면 좋을지 모르겠네요.. 제 베이스는 머신러닝 엔지니어로 주로 논문을 보고 아키텍처나 트렌드를 익히는 세미나는 해왔습니다.. 지금 데이터 팀에서 데이터엔지니어까지 있는데 딥러닝 논문 세미나나 캐글을 하기엔… 무리가 있지 않나 싶네요.. 모두에게 도움이 되는 뭔가를 해야할거 같은데.. 고민이 많아지는 나날들이네요

next.js를 사용하는것의 의미

안녕하세요. 신입 프론트엔드 개발자로 취업한지 3주된 뉴비입니다. react만 써보다가 취업 후 next.js를 공부하고 있는데요, next.js를 공부한지 얼마 안돼서 아직 모르는게 많은데 본질적으로 궁금한게 있어서 질문드립니다. next.js가 서버 사이드 렌더링이 되는것 뿐만 아니라 next.js 프로젝트 내에서 다양한 백엔드 로직을 수행하는 api들도 정의할 수 있는(심지어 DB 접근까지) 풀스택 프레임워크라고 알고있어요. 그럼 next.js로 프론트엔드와 백엔드 로직 모두 다루면 백엔드 서버는 따로 만들 필요 없는건가요? 그리고 요즘 프론트엔드 기술을 next.js를 채택하고 있는 기업들이 굉장히 많은데, 이런 곳들도 사실상 모두 백엔드 개발자가 따로 있잖아요? DB 데이터 처리, 보안 등과 같은 중요한 백엔드 작업을 전문적으로 수행하는 백엔드 개발자가 따로 있으면 어차피 프론트엔드 개발자는 결국 React 등을 사용해서 개발할 때처럼 클라이언트단만 신경쓰면 될듯한데 왜 굳이 프론트를 풀스택 프레임워크인 next.js를 사용하는 경우가 그렇게 많은 것인지가 궁금합니다. 단지 서버 사이드 렌더링이 된다는게 그렇게 의미가 큰걸까요? 궁금합니다..!

Nodejs 백엔드 구조짜는법

안녕하세요 취직은 못했구 풀스택으로 Reactjs Nodejs사용해서사이드 프로젝트를 하고있는 뉴비개발자입니당 Nodejs를 백엔드로 사용하고 있는데 폴더구조를 어떻게 잡아야할지 항상 고민이 해결되지 않아 개발자분들의 의견을 구합니다 ㅠㅠ 제 나름대로 Web.js를 루트로 두고 Routes폴더에 api 경로에 따라 나뉠수 있게 폴더를 두고 Db를 사용하거나 함수들은 각각 Service라는 폴더를, 자주사용되는 데이터는 model이라는 폴더에 dto를 사용해서 두고있는뎅 이 구조가 좋은 방식일지 항상 생각하는데 조언을 구할 수가 없어서 어떤 방식으로 구조를 잡으면 좋을지 개발자님들의 조언을 부탁합니다...

웹뷰 전역 레이아웃 스타일 관련 질문드립니다 !

안녕하세요 ! 웹 프론트엔드를 공부하고 있는 뉴비입니다. 현재 웹뷰(?) 프로젝트를 진행하고 있는데요 ! Nextjs와 styled-components를 이용해 개발하고 이를 PWA를 적용해 모바일에서 실행 가능하도록 하는것이 목표입니다. 페이지 작업 도중 개발자 도구의 각 모바일 기기 환경에서 레이아웃이 달라지는 문제가 발생하고 있는데요 ! 예를 들어, 아이폰 SE환경 (width 375px) 에서는 페이지의 컨텐츠가 얼마 없음애도 불구하고 y축 스크롤이 생기는 문제, 이보다 큰 기기인 아이폰 14 pro (width 430px) 등에서는 아래쪽 여백이 너무 많아 허전한 느낌이 듭니다 ㅠㅠ 이를 해결하려면 어떤 식으로 접근해야 할까요 ? 현재 globalCss는 캐치테이블(https://app.catchtable.co.kr/)의 Wrapper div를 참고하여 대강 적용해둔 상태입니다 .. !

[Next.js] 디자인 패턴을 적용해보고 싶습니다.

안녕하세요. 저는 Next.js를 사용해 프로젝트를 처음 시작해보는 뉴비 개발자입니다. 넥스트를 사용해 2명에서 간단하게 토이 프로젝트를 진행하고자 하는데, 이번 프로젝트에서는 디자인 패턴을 적용해보고 싶습니다. 아토믹 패턴이 유명하다는 건 알고 있는데, 막상 적용하자니 프로젝트의 규모가 작아서 비효율적인 개발이 될 것 같기도 하고 아토믹 패턴 자체의 개념은 이해가 되어도 그걸 폴더나 컴포넌트 구조 설계로 이어나가는데 어려움을 겪는 것 같습니다. 제가 드리고 싶은 질문은 3가지 인데요. 1. 작은 기능 4개 있는 프로젝트에서 적용해볼 만한 디자인 패턴은 무엇이 있는지 알고 싶습니다. (최근 현업에서 사용하는 디자인 패턴을 사용해보고 싶어요.) 2. 그리고 그 디자인 패턴을 사용하며 폴더&컴포넌트 구조 설계를 잘 하는 방법이 있을까요? 초기 설계가 너무 어렵게 느껴집니다. (ex, 참고할 만한 레포 찾는 방법이라던지) 3. 디자인 패턴과 아키텍처 설계는 다른 건가요? 아직 초보 개발자라 제게는 크게 구분되어 와닿지 않는 것 같습니다. 글을 쓰다 보니 질문이 난해할 것 같은데, 긴 글 읽어주셔서 감사합니다.

비전공자 생뉴비입니다

현재는 혼자서 html,css,js만 이것저것 해보고있습니다 공부 방향을 뭐부터 잡고 가야 할 지 모르겠습니다 웹 개발자를 1번 목표로 두고 있습니다

쿠팡 아이폰 사전예약 같이, 특정 시간대에 순간적인 트래픽이 예상된다면 어떤 아키텍처를 가져가는 것이 좋나요?

많은 트래픽을 안정적인 처리를 하기 위해서는 redis를 많이 사용한다고 알고 있습니다. redis의 어떤 점을 활용하는게 좋을까요? 혹은 특정 시간에서만 scale-out이 가능하도록 아키텍처를 설계할 수 있을까요? 많은 트래픽을 경험해보지 못한 뉴비라서 질문드립니다...! (redis 사용 경험도 X)

레이어드 아키텍처의 추상화에 대한 질문입니다

뉴비 개발자, 레이어드 아키텍처의 추상화에 대해 약간의 질문이 있습니다. Repository 클래스와 application layer 클래스들의 추상화를 왜 하는가에 대해 가르침을 받고 싶습니다. 우리가 현재 추상화하는 이유가 기존 기능으로부터 추가적인 고객의 요구를 수정에 닫혀있는 채로 관리하기 위함이라면, infrastructure layer의 repository 클래스들과 application layer의 추상화는 해당 이유에 적합한 이유인가? 에 대한 의문을 갖게 되었습니다. 의존성 역전 법칙을 말그대로 따라간다면 추상화를 하는 것이 맞지만, 의존성 역전 법칙 자체가 의존성 관계를 뒤집어 수정의 가능성을 역전한다의 의미인데 인터페이스와 구현체 비율의 가능성이 1:1일 확률이 매우 높은 상황에서 수정의 가능성을 뒤집는다는 것 자체가 약간 이론에 놀아나는 느낌? 이게 진짜 역전되있는 것이 맞는가? 하는 그런 생각이 들었습니다. 그래서 repository 클래스들를 추상화 할거면 application layer도 추상화 하는 것이 이론상 맞고, application layer를 추상화하지 않을거면 repository 클래스도 추상화하지 않는 것이 내가 이해한대로면 맞다. 로 결정하게 되었습니다. 추상화가 테스트때문이라면 요즘 모킹 라이브러리 잘되어있는데, 라이브러리에 대한 의존성을 제거하기 위해 그런가? 라는 생각도 조금 들었습니다. 제가 나아가고 있는 논리의 방향이 맞는지가 의심스럽고 조심스럽습니다. 선배 동기분들의 가르침을 받고 싶습니다. 읽어주셔서 감사합니다.

늅뉴비개발자 이직준비 어떻게해야할까요?

6개월 국비에서 프론트로 자바스크립트, 리액트 배우다가 SI취업해서 한달정도 일했는데 매일 야근에 야근수당도없고 이런날들이 계속될까봐 무서워서 자기서비스가 있는 회사로 이직을 하고싶습니다. 야근은 문제가되지않지만 수당은 챙겨주는 회사로 가고싶습니다. 어떻게 준비해야할까요.. 지금바로 이직은못할것같고 회사를 1년정도는 참고 다니면서 따로 공부를하면서 포트폴리오를 만들어볼 생각입니다. 1.어떤 언어를 배우는게 도움이될까요? 리액트를 다시공부할지 지금회사에서 쓰는 자바 스프링부트를 배워볼지 고민입니다. 2.포트폴리오로 만들 프로젝트는 어떤게 좋을까요? 인상에남는 포트폴리오를 만들고싶습니다 3.이정도 야근도 못버티는 제가 이상한건가요..

회사에서 프론트엔드 신입에게 바라는 수준이 어느 정도인가요?

안녕하세요~~ 웹개발 공부 4.5개월차 뉴비 프론트엔드 지망생입니다. - 현재 저의 상태: 웹개발 공부를 하며 HTML/CSS/JS/React/NodeJS/Typescript 를 경험하고 있습니다. 현재 독학중이라 인터넷강의 등을 통해 공부하고 있구요, 개인,팀 프로젝트는 아직 없습니다. 곧 부트캠프에 들어가서 공부와 포트폴리오경험을 쌓을 예정입니다. 기초 구현 연습은 javascript를 이용해서 프로그래머스 1단계 다 풀어보는 정도까지만 해보았습니다. - 질문: 혼자 공부하다보니 <회사에선 어떤 수준까지 공부하길 원하는지?>가 궁금합니다. 어느 정도까지 해야 취업준비를 시작하면 좋을지 그 목표점을 잘 모르겠어서 이렇게 질문 남깁니다. 읽어주셔서 감사합니다!

next.js hydrate가 무엇인가요? (Did not expect server HTML to contain the text node)

안녕하세요 next.js로 개발하고 있는 1년차 뉴비 프론트엔드 개발자입니다. 페이지에서 간헐적으로 문구가 안보이는 이슈가 있어 콘솔을 확인해보니 'Did not expect server HTML to contain the text node' <- 이런 에러가 발생하고 있었습니다. 검색하다가 hydrate하는 과정에서 mismatch가 생겨서 발생한 에러라는 영어 댓글을 보긴 했는데 hydrate에 대한 설명을 찾아봐도 너무 어렵더라구요.. 혹시 간단하게라도 hydrate에 대해 설명해주실 수 있으신가요? 또 'Did not expect server HTML to contain the text node'에러는 왜 발생했는지 궁금합니다..

리액트 네이티브에서 Textarea를 사용하고 싶은데 방법이 있을까요?

안녕하세요! 리액트 네이티브 공식문서 튜토리얼을 따라서 개발하고 있는 뉴비 개발자입니다. 반갑습니다. 공식문서를 응용해서 투두리스트를 만들어 보려고 하는데 html Textarea 태그처럼 여러줄로 글을 쓰고싶습니다. 어떤 태그를 사용해야 할까요..? 감사합니다

implicit return이 무슨 뜻인가요??

안녕하세요, React를 막 공부하고있는 뉴비입니다.. 요즘 유튜브를 통해 React 영상을 보고있는데 (대부분 영어 입니다) 강사가 return문과 중괄호({})를 제거하면서 이런경우에는 implicit return을 하는 것이 좋다. 라는 말을 했습니다. 여기서 implicit return이 의미하는게 무엇인가요?