개발자 Q&A

앞으로의 프론트엔드 공부방향을 어떻게해야할지 고민입니다..!

리액트에서 쓸수있는 라이브러리들 한번씩 다 해보고 프로젝트도 리액트3개랑 타입스크립트로진행한것1개 총4개정도 되는데 이번학교2학기가 끝나고 내년 상,중반기에 취업준비를할생각인데 앞으로 어떤공부를 어떻게 더 해야할지 고민입니다ㅠㅠ

회사에서 유튜브로 부수입 올리겠다는 팀원 어떻게 해야할까요..

작은 회사에서 개발 팀장으로 있습니다. 최근 팀을 운영함에 고민이 생겨 질문 드립니다. 제가 못난 팀장이라 각자 팀원들이 모두 최선을 다해서 작은회사에서 으쌰으쌰 개발을 하고 있는데요.. 저희 팀원중 한분이 업무중 자꾸 카톡으로 챗팅을 하고 핸드폰 게임을 하고 계신분이 있습니다. 그 친구가 자기가 개발하다가 모르는 일을 오픈 톡방에서 물어보는거라고 이야기해서 죄송한 마음에 고마우신 분들이다, 그래도 핸드폰을 책상에 두고 그렇게 보는건 다른 사람들에게 오해를 살수 있으니.. 피씨로 여쭤보는걸 해달라고 부탁드렸습니다. 근데 알고 보니 핸드폰 게임을 하고 있는거라고 하더군요.. 그럼에도 불구하고 같은 팀이고 제가 짊어질 인원이라고 생각해서 다시 한번 업무에 집중해달라고 요청 드렸었습니다. 최근에 근데 일이 하나 터졌습니다. 업무중 다른 동료가 사무실에서 해당 인원에게 스몰토크로 지금 무슨일 하고 있으시냐고 여쭤봤는데.. 유튜브중이라고 부수입을 만들어야해서 지금 하고 있다라는 내용으로 답변을 했었고.. 저희 팀원들이 모두 들어버리는 사건이 생겼습니다.. 개인의 업무 효율이 안나오는것은 팀장의 잘못으로 역량을 증진시키기 위해 제가 노력해야지라는 마음이였는데.. 팀원의 사기를 저하 시키는건 어떻게 해야 할지 모르겠더라구요.. 다들 열심히 주말 출근 까지 하면서 개발을 하고 있는데.. 옆에 동료는 유튜브를 하고 있으면서 부수입을 올려야 한다고 말했다고 하니.. 팀원들이 그 이야기를 듣고 다들 현타가 많이 온 상황입니다.. 어떻게 대처해야할지.. 감이 잘 안옵니다. 최대한 같이 상생하는 방식으로 가고 싶은데.. 도움 부탁드립니다.

express에서 head out of memory 에러 났을 때 어떻게 해결해야 하나요 ?

express에서 heap out of memory 에러가 발생합니다. 어떻게 해결해야 하는지 아시는분 있나요? 로컬에서는 발생 안하는데 도커로 run 하면 계속 에러가 나요

백엔드 취업을 위한 프로젝트 어떤게 좋을까요?

졸업까지 한학기가 남은 대학생입니다. 듣는 과목이 별로 없어서 프로젝트를 추가적으로 하고 싶은데 6개월동안 할 수 있는 프로젝트가 뭐가 있을까요? 학생이라 인턴은 쉽지 않을것 같아서요. 개인으로 할 수 있는 것도 좋고 저녁시간에 팀으로 할 수 있는 것도 좋습니다. 백엔드라 꼭 실무를 접해보고 싶은데 잘 모르갰어서 질문 올려봅니다.

react-native 사진 권한이 선택한 사진인 경우에 발생하는 문제

안녕하세요 처음으로 질문글 작성합니다. 현재 React-Native, Expo, TypeScript 환경에서 개발을 진행 중입니다. 'expo-media-library' 를 사용하여 직접 갤러리를 구현했습니다. 여기서 생기는 문제가 사용자가 사진 권한이 선택한 사진인 경우 이런 팝업을 노출하게 됩니다. "사용자의 사진에 접근하려고 합니다." 라는 IOS 시스템 팝업에서 "더 많은 사진 선택..."을 선택하여 추가적으로 사진을 선택 시 추가된 사진을 불러오고 싶습니다. 현재 제 코드에서 ``` const requestMediaLibraryPermissions = async () => { const { status } = await MediaLibrary.requestPermissionsAsync(); if (status !== 'granted') { console.log('Media library permission denied'); Linking.openSettings(); return; } fetchPhotos(); }; useEffect(() => { requestMediaLibraryPermissions(); }, []); ``` 이런 식으로 권한 확인 후 사진을 불러오고 있습니다. 이러한 코드 때문에 처음에는 권한이 허용되어 있는 사진을 잘 불러오지만 IOS 시스템 팝업에서 "더 많은 사진 선택..."을 통해 선택된 사진은 불러오지 못 하고 있습니다. 해결할 수 있는 방법 조언 주시면 감사하겠습니다.

mysql 연동해서 웹서비스 만들 때 db 수정 관련 질문입니다.

안녕하세요, mysql로 웹서비스 배포했는데, DB 관리를 웹 내에 관리자 페이지에서 할 수 있도록 열어주려고 합니다. 궁금한 점은, 만약 고객이 DB에서 데이터를 요청하는 동안 제가 그 데이터를 직접 수정하려고 하면 락이 걸릴까요? 전 고객이 관리자 페이지에서 요청하면 그 때만 커넥하고 바로 끊고 해버리려고 하는데 이게 좋은 방법일까요?

프론트엔드 개발자가 되고 싶습니다

안녕하세요 지금 24살 00년생 직장인입니다 고졸이라 고등학교는 IT계열의 프로그래밍, 웹디자인(html,css,js) 등 배웠지만 취업은 개발쪽이 아닌 단순 cs업무로 다니고있습니다 지금 회사에서 있다간 큰일이 날 것 같아 2개월정도 생각하고 유튜브로 알아보고 그래서 생각해낸 것이 프론트엔드 개발자입니다 지금은 유튜브에서 봤을 때 깃허브,Nods.js가 뭔지 정확하게는 이해가 안되지만 열심히 배우면 될거라고 생각하고있습니다 현개발자이신분들이나 저처럼 전공이 아닌 기초부터 배우셨던 붐들의 노하우나 팁을 알고싶습니다

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

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

여러분의 회사에서는 어떤 CSS 라이브러리를 사용하시나요?

Q. 회사에서 어떤 CSS 라이브러리를 사용하고 계시며, 장점과 단점을 알려주실 수 있나요? Q. 반응형 웹사이트와 유지보수의 관점에서, 어느 css 라이브러리를 선택하는 것이 좋을까요? 회사에서 웹사이트를 개발 중인 신입 프론트엔드 개발자입니다. 기존에 Vue로 작성된 레거시 코드를 React로 마이그레이션하고 있습니다. 기존 코드의 스타일링은 css 파일을 import하는 방식으로 사용되었습니다. 이를 React로 변경했을 때, 클래스명이 중복되는 문제가 있어서, css-module을 사용하는 중입니다. (참고로 디자인은 정해져있는 상태입니다.) 앞으로 웹사이트를 반응형으로 제작해야하고, 기능을 추가해야합니다. 또 추후에 다른 사람이 코드를 보고 디자인을 수정해야하는 상황이 올 때, 쉽게 변경할 수 있게 만들고 싶습니다. 제가 익숙한 css 라이브러리는 Tailwind인데, 이 라이브러리는 클래스명이 복잡성이 있고, className이 길어질 수 있다는 단점 때문에, 일부 개발자들이 기피한다고 들었습니다. 제가 선택할 라이브러리를 앞으로도 회사에서 계속 사용하게 될 것 같은데, 어떤 것이 프로젝트 진행에 도움이 될 지, 혹시나 선택한 라이브러리가 걸림돌이 되진 않을지 불안합니다. 여기 계신 개발자분들은 어떤 css 라이브러리를 사용하고 계시며, 어떤 장점이 있나요?

개발자의 디자인씽킹, 컴퓨팅 사고 설문조사

안녕하세요 디자이너 겸 개발자로 활동하는 학생입니다! 개발자 분들이 디자인 씽킹, 컴퓨팅 사고에 대해 어떻게 알고 계신지 간단하게 알고 싶어서 구글폼 설문조사를 만들었습니다! 설문 소요 예상 시간은 2-3분 정도입니다! 간단한 설문에 답해주시면 너무 감사하겠습니다. -구글폼 링크- https://forms.gle/fzsVXeaFJwuftQq58

군대에서 할만한 클라우드 관련 공부는 뭐가 있나요?

안녕하세요! 이제 전역 480일을 앞두고 있는 현역병사입니다. 군대의 개인정비시간, 연등시간을 짬내어 꾸준히 실무에 쓸 수 있는 클라우드 공부를 하고싶은데, 아직 이쪽분야는 처음이라 무슨 공부부터 시작해야할지 막막합니다. 1. 일단 저는 앞으로 빅데이터, Ai기술이 많은 기업에 적용, 응용될 것이고 이 기술들을 사용하기 위해 많은 데이터 용량을 관리할 클라우드 시스템에게 좋은 전망이 있을 것이라고 생각하고 있습니다. 그래서 이와 관련해 클라우드 시스템의 구축, 환경 최적화, 데이터 관리 등등에 대해 공부해야겠다고 생각하고 있었습니다. 이러한 저의 생각에 다른 개발자님들은 어떻게 생각하시는지 궁금힙니다. 2. 클라우드 시스템과 관련해 어떻게 공부해야할지 궁금합니다. 먼저 aws관련 자격증을 따볼 생각인데 좋은 생각일까요? 그리고 딴다면 어떤 aws자격증들을 따는게 좋을까요? 3. 실무역량을 키우기에 도움이 되는 책, 유튜브, 블로그, 사이트 or 어플, 자격증, 공부법, 만들어보면 좋을 프로젝트 등등 추천해주시면 감사하겠습니다. 4. 실제 클라우드 관련 전문가들은 어떤 업무를 맡는지 궁금합니다. 아까운 군대시간 최대한 효율적으로 쓰고 싶은 마음에 적어봅니다. 다들 바쁘시겠지만 소중한 답변 부탁드립니다!

react에서 서버 응답 기다렸다가 다음 화면으로 넘어가는 기능 구현 질문 있습니다.

구현하려고 하는 것 : 서버에 url 보낸 후에 서버에서 응답 올 때까지 페이지 멈춰두었다가 응답이 확인되면 다음 동작 하도록 하기 리액트에서 이렇게 코드 쓰는 게 맞나요? 해봤는데 서버에서 금방 응답이 오면 잘 되는데 응답 시간이 길어지면 그냥 넘어가버립니다..

프론트 백 분리 이전에는 rest api 개념이 없었나요?

저 궁금한 점이 하나 있는데요 프론트 백 분리해서 개발하기 전에는 rest api 개념이 없었나요? form 태그가 get post 메소드만 가능한 걸로 알고 있어서요!!

신입개발자 퇴사할때 뭐라고해야할까요

이제 입사한지 2달차되었는데요 서울쪽에 취업한 아는형을 통해서 그쪽회사 면접을보고 붙어서 이직을 하게되었습니다 당장 다음주에 사직서를 내고 정리하고 다다음주에 다른회사로 출근해야 하는상황인데 어떻게해야 지금 직장분들 기분이안상하게 퇴사하고 이직할수있을까요.. 오늘웃으면서 퇴근했는데 다음주에 퇴사할생각하니 조금 무섭습니다

V8 엔진은 가상 메모리 공간 안에 힙 메모리를 생성하나요?

V8 엔진이 힙 메모리를 관리하는 과정을 블로그에서 찾아보니까, 힙 메모리는 V8 엔진이 관리하고 스택 메모리는 OS가 관리한다고 하던데 가상메모리는 OS 레벨에서 관리한다는 이야기도 있어서 헷갈리네요 ㅠ

Spring boot 3.x 카카오 Oauth 구현을 처음 해보는데요.

스프링부트 3.x, Spring security, Oauth2 버전 이용해서 카카오 로그인 인증을 구현하려고 하는데요. 구글링으로 레퍼런스를 찾아봐도 자료가 많이 없는데 혹시 추천해주실 문서가 있을까요?ㅜㅜ

try-catch를 다들 어디에 작성하시나요?

아래 코드에 자세한 내용 적었습니다. 1번, UI와 가까운 쪽에 작성한다 2번, 데이터 가져올 때 작성한다 이 중에서 어떻게 하시는지 궁금해요!

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

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

javascript for 문에 await 붙이는 문법 질문있습니다

다음 코드 어떻게 동작 하는건가요? 일반적인 for 문과 다르게 돌아가나요? for 에 await 붙은 형태는 처음봐서 신기하네요...

카카오톡 로그인 구현 중 질문 있습니다 ㅠ

블로그 보면서 카카오톡 로그인을 구현하고 있습니다. 카카오톡 로그인 버튼 클릭하면 창을 띄우는 것까진 했는데 여기서 DB를 받아서 메인페이지 랜딩시켜주려면 어떻게 해야 하는지를 모르겠어요. 몽고DB와 플라스크 쓰고 있습니다.

display none을 사용해서 특정 영역을 보였다 안보이게 하는 방법이 있을까요?

어떤 요소를 평상시에는 dispal none으로 안보이게 하다가 특정 버튼을 클릭할 때만 보이도록 하고 싶은데 이런 기능은 어떻게 검색해 봐야 할지 모르겠습니다 ㅠㅠ 검색어를 어떻게 넣어야 할까요......? ㅠㅠ

NextJS에서 styled-jsx와 styled-components

최근에 NextJS를 배우기 시작했습니다. NextJS에서 styled-jsx와 styled-components를 사용할 수 있던데 둘 다 css-in-js 방식이라는 건 알고 있습니다만 둘의 차이에는 어떤 게 있을까요? 그리고 어떤 걸 사용하는 게 더 좋을지 궁금합니다!

파이썬 requests.get에서 params에 dictionary 적용하는 방법!!

파이썬에서 requests.get 메소드로 API 요청 보낼 때 params에 dictionary 는 어떻게 적용할 수 있나요 ㅠㅠ 제 생각에는 params에 unicode를 넣는 방식이 문제인 것 같긴 한데....

next.js 에서 404 페이지에서 로그인/비로그인 사용자를 구분하는 방법이 있을까요?

안녕하세요. next.js를 사용해서 프로젝트를 진행하고 있습니다. 요구 사항 중 404 페이지를 로그인 / 비로그인 상태에 따라서 다르게 보여줘야 하는 부분이 있는데 next.js에서 404 페이지는 빌드 시 정적으로 생성되고 이후에는 쿠키나 다른 값에 접근하지 못하는 거로 알고 있습니다. 혹시 404 페이지에서 로그인과 비로그인을 구분할 수 있는 방법이 있을까요?

이 회사가 괜찮은 회사인지 면접 때 알 수 있는 방법?

안녕하세요. 4학년 1학기를 마치고, 막학기만 남은 상태입니다 인턴 경험이 너무 필요할 것 같아서 6개월 인턴 면접을 보고왔습니다 (인턴은 외부가 아닌 학교랑 연동된 곳을 통해 신청했습니다 앞에서 두번정도 떨어졌고 3번째만에 면접까지 보게되었습니다) 다른 회사보다 프론트엔드 자격사항과 우대사항이 구체적으로 나와있었어요 이 회사는 5년 안된 스타트업이고 (어디에도 후기? 는 없습니다) 전기 관련된 플랫폼 만드는 회사입니다 프론트엔드 사수분이 한분정도 계신 것 같은데 개발 위주 회사가 아니다보니 프론트 엔드 한분이 혼자 하고 계신 것 같습니다 면접을 다대다로 봤는데 그 프론트엔드 분이 면접관 중 한분이셨어요 그리고 강남에도 사무실이 있어서 그쪽으로 배정될 수도 있다고 하셨어요 제가 자소서에 ‘팀플 중간에 투입 되었을때 제대로 문서화 되어있는게 없어서 어려웠고, 적극적으로 소통하며 이해해나갔다‘ 라는 글을 썼었는데 이를 바탕으로 여쭤보시더라구요 만약 제가 일을 하게 된다면 문서화가 되어있지않고 파일 구조나 등등 .. 스스로 이해를 하고 파악을 해 나가야 할텐데 이럴경우 어떻게 해 나갈것인지요! 제가 할 일은 정해져 있다고 하셨습니다. 면접 분위기는 딱딱한 분위기가 아닌 너무 자유롭고 유쾌하셨습니다 다들 젊은 분이셨고요! 글이 너무 횡설수설하지만,, 제가 고민하고 있는건 인턴 경험을 할 수 있다면 무조건 하자! 주의였는데 회사바이회사라고 다들.. 막상 면접을 보고오니 제가 막학기를 남겨두고 6개월동안 허튼시간을 보내게되면 어쩔까 너무 고민이되네요 ㅜㅜ 사수 한분이라도 계신게 다행인걸까요? 그렇다고 이렇다 할 팀 프로젝트 경험도 없어서 인턴이라도 해야하는게 맞는건지 고민입니다. 인턴을 하게되면 초과학기를 필수로 해야해서 더 신중하게 되는 것 같습니다.. 인턴을 안한다고 하면 방학때 개발 연합 동아리에서 진행 할 프로젝트와 학교 다닐때 따로 학점을 받으며 팀원을 모아 프로젝트를 제대로 진행할 것 같습니다. ( 총 2개 ) 막학기를 그냥 이렇게 학교 다니고, 졸업하기 전 그때가서 동계 2개월 다른 인턴을 다시 지원해볼지.. 어디다 물어볼 선배나 멘토가 없어서 .. 여쭤봅니다 ㅜㅜ 사소한 말이라도 남겨주시면 너무 감사하겠습니다.!!!

입사 7일차 넋두리입니다ㅠㅠ

안녕하세요! 솔루션 회사에서 약 9개월 정도 일하다가 최근에 스타트업 백엔드 개발자로 이직 후 오늘 딱 7일차된 주니어 개발자입니다.(비전공자 국비 출신입니다!) 솔루션 회사에서는 자바+스프링+마이바티스를 사용하였고, 현재 이직한 회사에서는 코틀린+스프링부트+JPA를 사용하고 있습니다. 코틀린이 처음이라 문법도 잘 모르고, JPA도 공부해 본 적이 없어서 전체적으로 미숙한 상태입니다. 제가 많이 부족한 걸 알고 있어 책도 사고 강의도 사서 공부를 하고 있습니다! 같이 일하는 사수이자 동료께서 저에게 조금씩 미션같은 걸 주시고 있는데 어제는 사용자 화면을 보고 테이블 구성, 오늘은 요구사항 변경으로 인해 테이블 재구성, 엔티티 생성을 하였고 오후부터는 API를 만들어보라고 하셨습니다. 기한은 내일 오전까지라고 하셨구요. 구현을 하기위해 오늘 제가 야근까지 했지만 너무 모르는 상태라 그런지 많이 막히더라구요. 부끄러운 말이지만 뭘 모르고 있는지조차 파악하기가 어려운 상태인 거 같습니다ㅠㅠ 시간이 늦어져서 사수께서 집에가라고 하셔서 지금 집에 가는 중입니다.. 제가 너무 못하니까 괜히 죄송하기도하고 자신감이 떨어집니다..ㅠㅠ 원래 7일차 정도되면 api 구현을 하루 정도면 할 수 있는걸까요ㅠㅠ 제가 못하는 건지 아니면 사수가 저에게 기대치를 가지고 요구를 하셨던건지..ㅠㅠ 문법도 익히고 기존 코드를 보면서 역분석을 하고 구현을 해야할 거 같은데 그만큼의 시간을 주시지는 않아 벅차기는 합니다만 여기서 일하는건 재미 있습니다! 다만 제가 못해서 피해가 될까 걱정이 됩니다.. 넋두리겸 다른 분들의 생각이 궁금해 이렇게 글을 올립니다ㅠㅠ

특정 문자열 맨션 기능을 넣고 싶습니다. (이미지 참조)

안녕하세요, 다름이 아니라 회사 업무중 댓글 기능을 만들고 있습니다. 특정 댓글의 대댓글 작성시 해당 댓글의 사용자의 아이디를 textarea 또는 다른 tag를 사용하여 맨 앞에 두고 배경색을 다르게 하고싶은데, 구글링을 해도 오토맨션기능은 많은데 제가 원하는 기능은 아직 찾지못했습니다. 혹시 아래 조건에 부합하는 좋은 코드 있으면 감사하겠습니다. 프레임워크는 리액트 입니다. 1. 특정 사용자 아이디가 맨 앞에 와야한다. 2. 맨 앞에 온 아이디의 배경색을 지정할 수 있어야한다. 3. 아이디를 맨 앞 또는 백스페이스로 한번 클릭시 아이디가 삭제되어야한다. 4. 정상적인 textarea처럼 사용자가 입력한 값을 받고 submit할 수 있어야 한다. 이미지는 유튜브 댓글을 참고한 것 입니다. 제가 원하는 기능이 저것 입니다.

c#이 얼마나 사용되나요?

저는 6개월전에 현재 회사에 파이썬 개발 및 안드로이드 개발로 채용이 되었었는데, 회사 프로젝트 개발에 많은 부분을 차지하는게 c# 입니다.. 어차피 해야되는거 하기는 해야겠지만, 배우는 김에 c#을 깊게 익혀두는게 향후 이직에 많은 도움이 되는지 궁금합니다..

구글 네이버 주소이용해 검색결과띄우기

제가 토이프로젝트를 만들고있는데 검색바만들어서 검색결과를 구글 주소 이용해서 google.com/search?q=${param}이랑window.location.href 이용해서 구글 창으로 이동하고싶은데 이동하긴하는데 error with permissions-policy header 등 경고가 떠서 이렇게 사용해도 되는건가요???

React에서 정렬 또는 필터에 따라서 Query Parameter를 변경하는 방식과 useState를 변경하는 방식의 장단점이 궁금합니다

정렬 또는 필터링을 구현할 때 React를 예로들어 웹사이트의 Query Parameters를 변경하고 받아와서 만드는 방식과 useState로 url을 변경하지 않고 만드는 방식 둘중에 선택해야한다면 어떤 방식이 더 좋고 그 이유를 알 수 있을까요?.. API 요청은 동일하고 URL을 변경하지 않느냐 변경하느냐 어떤게 더 옳은것인가?... 그런 부분이 궁금합니다 예를들어 정렬화면을 보여줄때 /?sort=ASC 또는 /?sort=DSC로 하고 url의 sort 값을 불러오고 url을 변경하는 방식과 const [sort, setSort] = useState('ASC')로 useState의 값을 변경하는 방식 이 두가지 중 어떤 방법이 더 선호되야하고 그 이유가 궁금했습니다