제가 프론트엔드 취준을 잘하고있는지 궁금합니다.

안녕하세요 프론트엔드 개발자 준비하는 취준생입니다. 목표는 it 서비스 기업, 빅테크 기업입니다. 쉽게 말해 네카라쿠배입니다. 제가 현재 잘 준비하고있는지 객관적으로 궁금한데, 제 주위에 현업에서 일하시는 분들이 없어서 여기에 작성합니다. 1. 코딩테스트 현재 node.js로 준비 중입니다. 불편한 점이 없진 않은데 바꾸기엔 너무 익숙해져서 쭉 가고있습니다. 수준으로 백준 기준으로 골드 3-4는 기본적으로 풀고 그 위는 좀 고민을 많이 해봐야 풀리는 정도입니다. 2. 프로젝트 제대로 된 프로젝트 4개 해봤습니다. 전부 프론트엔드 및 ui&ux 디자인을 맡았습니다. 협업은 github으로 진행했습니다. 심도있게 사용하진 않았고 pullrequest, 코드 리뷰, merge, git branch, git flow 정도로 기본적인 것만 했습니다. 2.1. 교통 관련 프로젝트: 학부 생들의 교통편 관련 웹 서비스 였습니다. 두달 정도 운영했습니다. 2.2. 헬스 관련 프로젝트: 해커톤으로 준비했던 프로젝트인데 6-7 페이지 정도 되는 웹 서비스였습니다. 실제로 운영하진 않았습니다. 2.3. 전기차 관련 프로젝트: 해커톤에 나갈 용도로 전기차 충전 관련 웹 서비스를 개발했습니다. 실제로 운영하진 않았습니다. 2.4. 동아리 웹사이트 프로젝트 : 졸업 후 몸담았던 동아리 웹페이지 제작을 했습니다. 저는 아니고 후배들이 이어서 운영중입니다. 3. 수상 3.1. 교내 웹 개발 교육 봉사 활동으로 인한 최우수상 3.2. 전국 대회 해커톤 우수상 4. cs 지식 DB, 네트워크, 운영체제 같은 기본적인 cs 지식은 없다고 봐도 무방합니다. 알아도 학부 때 배운 만큼 아니면 그 이하입니다. 5. 기술 스택 html, css, java, javascript, react 위 5개가 자신있게 사용할 수 있는 정도 입니다. 다만 리액트는 동작원리나 유용한 훅에 대한 공부가 필요해서 최근에 시작했습니다. 6. 계획 우선 알고리즘은 감을 잃지 않기 위해 매일매일 꾸준히 풀고있습니다. 지금 하고 있는 리액트에 대한 공부는 한달 반 정도 내에 끝낼 예정이고, 이후에 타입스크립트, 여유가 되면 Next.js까지 배워볼 생각입니다. 그리고 계획된 일정으로 취직을 하지 않는다면 제대로 된 프로젝트를 하나 더 할 것 같습니다. 7. 궁금한 점 제가 제대로 하고 있는 건지, 트렌드를 잘 따라가고 있는지, 아니라면 혹은 부족한 부분이 있다면 무엇인지 궁금합니다. 매워도 되고 차가워도 됩니다. 채찍도 좋아합니다. 솔직하고 객관적인 충고 부탁드립니다. 감사합니다.

CS 공부 vs 라이브러리 공부

안녕하세요 프론트엔드 개발자 준비 중인 취준생입니다. 최근에 CS 스터디를 하고있는데요. 수준은 학부 때 배운 내용에서 궁금한건 더 찾아보고 토론하는 정도 입니다. 내용은 네트워크, 데이터베이스, 운영체제 등등 하고있습니다. 제 고민은 cs 스터디를 계속 이어갈지, 아니면 라이브러리, 즉 리액트에 대한 공부를 더 깊게 할지입니다. 저는 리액트로 제대로 된 프로젝트 3개 정도 진행해본 상황인데, 독학으로 서적과 문서 찾아가면서 주워들어 배운 느낌이라 제대로 공부해볼까 해서 이런 고민이 드네요. 제 목표가 it 서비스 기업, 대표적으로 네이버,, 인데 제가 듣기론 빅테크 기업에서는 면접에서 cs 보단 라이브러리 숙련도에 대해 물어본다고 알고 있습니다. 원리나 왜 사용했는지 같은..? 근데 또 개발자라고 하면 cs는 기본이라는 생각이 깔려있어서,, 고민이 되네요. 조언과 충고 부탁드립니다! 읽어주셔서 감사합니다.

api 수정이 필요할 때 백엔드와 프론트 사이에 효과적인 소통하는 방법?

백엔드와 협업하실 때 api 수정이 필요한 경우가 빈번하게 일어나잖아요! 이때 백엔드에서 수정할 때마다 프론트에게 노티를 하나요? 이 부분에 대해서 백엔드와 프론트엔드 사이의 효과적인 소통 방법을 알고 싶습니다!

프론트엔드 CI/CD 순서가 어떻게 되나요?

안녕하세요 프론트엔드 개발한지 1년차가 조금 지난 주니어 개발자입니다. 아직 CI/CD를 직접 한 적이 없어서 머릿속에 개념이 떠다니는데요 빌드 - 테스트 - 배포 순으로 알고 있는데 테스트가 빌드 전에 일어나야 하지 않나요?? 빌드를 하고나서 테스트를 하는 이유가 있나요??

페이지 레이아웃을 어떻게 해야할까요?

안녕하세요 질문드립니다 저는 그동안 사실 국비에서 백엔드 쪽을 배워서 프론트는 그냥 부트스트랩에서 제공하는 css 12 그리드로 작업했었거든요 좌우 여백 주고 싶으면 col-md-2, col-md-8, col-md-2 이런 식으로 나눠서요 그런데 프론트를 공부하려고 부트스트랩 css, js를 빼고 인프런 페이지를 만들어보고 있는데 사진처럼 좌우 고정 여백을 어떻게 줘야 하는지 잘 모르겠어요 이건 flex 로 하는건가요? 개발자 도구 보는데도 잘 이해가 안되네요 ㅠ 답변 부탁드려요!

개발공부법이 궁금합니다

프론트엔드 독학한지 좀 오래됐는데요. 개발을 좋아하지만 힘든 점도 많았고 아직 모르는 것도 정말 많고요ㅜㅜ 다들 회사에서 배우는 게 제일 효과가 크다 그러시고 늦게 깨달았지만 당장 취업이 급한 상황은 아니고 더 공부하고 싶은 마음도 큽니다. 소프트웨어 아키텍처, 자료구조 알고리즘, 네트워크, CS 지식, 디자인 패턴, 웹 접근성, 성능 최적화, 테스트, 백엔드 지식 등 많은 알아야 하고 중요한 개발 지식들이 많잖아요..! 어느 정도 기능 개발은 가능하지만 규모가 있는 프로젝트도 만들어보지 못했고, 제가 그동안 너무 강의만 듣는 등 쉽게 배우려 하고 수동적인 태도에 익숙해져서 오래 걸리더라도 천천히 하나하나 다시 배우고 싶어요.. 깊게 배우지는 못하겠지만 공부법, 로드맵 등 현업 개발자분들의 조언을 듣고 싶습니다!!

리액트 경험이 없는 프론트앤드 신입 취업준비생의 고민입니다,,

안녕하세요 제목과 같이 리액트 경험이 없는 신입 프론트앤드 개발자 취업준비생입니다 국비 백엔드 수업을 들었고(국비는 프론트 과정이 생각보다 정말 없더라구요) 애초에 프론트앤드쪽으로 진로를 정했지만 여건상 자바,스프링프레임워크,제이쿼리,자스 등을 이용한 파이널 프로젝트를 1개 진행했습니다. 요즘 공고를 보니 리액트는 거의 필수 요건으로 들어가더라구요..아직 리액트를 사용해본 경험이 없는 상황이라 인강을 결제해서 리액트에 대해 경험해 보고...아마 강의를 듣고나면 클론코딩 정도로 경험을 해 볼 수 있을거같아요 그걸 조금 변환해서 포폴에 추가를 하고 접해본 경험이 있음을 어필해서 지원을 하는 방향이 더 좋을지 아님 가지고 있는 포폴이나 이력서등으로 계속 지원을 하면서 자바스크립트에 대해 더 공부를 해나가는것이 나을지 고민이 되네요... 게다가 올해 딱 30이라 마음만 급해지는데 또 강의를 듣자니 시간이 어느정도 소요될거같기도하고 여러가지로 고민이 되는 시간이네요...취업 준비생에게 조언 부탁드릴께요..!

자바스크립트 협업시 궁금한 점이 있습니다!

자바스크립트로 프론트 1명과 백엔드 1명이 협업으로 토이프로젝트를 한다고 가정했을때요, (포폴용 협업 플젝 느낌..) nodejs랑 express로 port 설정해서 app.use() 같은 작업은 백엔드가 하는건가요..? 혼자 프로젝트를 하면서 프론트부터 nodejs 까지 다 만지다보니.. 뭔가 좀 구분하는게 어렵습니다.. 예를들어, router.js 파일에는 app.route("/board").get(function).post(function2); 이런 코드가 있고 controller.js 파일에는 const renderBoard = () => { return res.render("board"); }; 이렇게 board를 render 해주는 코드가 있다고 치면요.. renderBoard 함수는 말 그대로 board라는 템플릿을 화면에 뿌려주는거니까 프론트 개발자가 작업하고 app.route ~ 코드는 서버와 통신하는거니까 백엔드가 작성하는건가요?? 그래서 협업할 땐, 프론트 왈: "야 /board get 할때 함수 이름 function이고, post 할땐 function2다" 아니면 반대로, 백엔드 왈: "야 /board get함수 이름 function 이고 post는 function2 니까 헷갈리지 말고 짜라!" 라고 말하는건가요... 죄송합니다.. 말로 설명하면 깔끔할 것 같은데 글로 쓰니까 좀 이상하네요... restful api가 결국엔 서버와 통신을 하기 위한건데.. 만약, route하는 코드부터 get, post할 때 작동할 function 까지 전부 백엔드가 작업하는거라면, 프론트는 html, css + 동적웹을 위한 js를 해주면 되는건가요? 제가 배운거로는.. pug같은거 사용해서 템플릿 뿌려준다거나, scss를 적용한다거나.. 물론 이때 필요한 npm 사용법이나, package.json 설정법 등은 프론트가 해야겠죠!! 아직 협업 경험이 없다보니.. 실제로 협업을 하게되면 어떻게 업무를 나누는지 궁금합니다. 글이 좀 두서없네요. 아으.. 근데 이 뭔가 가려운 부분을 긁어주고싶습니다ㅜㅜ 선배님들 조언 부탁드립니다.. 답변 미리 감사드립니다!!!

프론트엔드 개발자의 퍼블리싱 능력 수준

안녕하세요. 현재 SI회사에 재직 중인 개발자입니다. 취직 후 프론트엔드에 흥미가 생겨 공부를 하다 프론트엔드 개발자로 이직을 준비하고 있습니다. 일반적인 회사에서 프론트엔드 개발자에게 요구하는 퍼블리싱 능력 수준은 어느정도일까요? 저는 기본적인 css만 다룰 수 있어서 이 부분에 대해서 걱정이 앞서네요..

자바스크립트 모듈화와 동적요소 생성 사용 예시가 궁금합니다.

안년하세요. 자바스크립트를 공부하던도중 모둘화와 동적태그생성 기능을 어떻게 써야할까 고민을 해봤지만 답을 찾기어려워 질문을 올립니다. 모듈화의 개념은 이해했는데 기능을 어떤단위로 구분지어야할지는 너무 추상적이네요 ㅠㅠ 웹팩?을 많이 사용하는거 같은데 웹팩을 사용하지않고 바닐라 자바스크립트로todo웹을 만든다고 가정했을때 재사용이 가능한 이벤트함수등을 따로 파일을 만들어서 분리하면 되는걸까요 ?? 또한 동적으로 요소를 추가할때 SSR과CSR과 연관이 되는것같은데 자바스크립트로 동적으로 Html문서를 구성하는건 어떤상황에서 진행해야하는지 궁금합니다. 설명이 부족해서 죄송합니다..

백앤드 신입으로 취직하면 처음하게 되는 업무, 필수적으로 알고 있어야 하는 지식에 뭐가 있을까요?

안녕하세요. 현재 국비지원으로 자바, 프론트앤드 등을 배우고 있는 취준생입니다. 공부를 시작한지 얼마 안됬지만 실무에서는 이런 기술들을 어떻게 사용하고 si, sm쪽 신입 업무가 궁금(?)해서 질문을 올려봅니다! 그리고 신입이 꼭 알아야할 기본 지식?이 있으면 알려주세요~ 업무를 기반해서요!

프론트 도커라이징 질문 있습니다!

밑의 도커파일을 이용해서 도커라이징을 했는데 이미지 용량이 1.4GB가 나와서 용량을 줄이는 방법이 궁금합니다. 그리고 프론트를 192.168.10.100 서버에 연결하는 방법도 궁금합니다. 사수님이 192.168.10.100 서버에 도커로 프론트를 띄워주라고 하셨는데 구글링을 해봐도 감이 안옵니다 ㅠㅠ 위 두개의 질문을 구글링을 해보는데 뭔가 명확한 답변이 안나와서 질문 올려봅니다. 감사합니다.

개발자.. 대학 가야 할까요?

안녕하세요 제가 대학 진학에 대한 고민이 생겼는데 조언 부탁드립니다. 전 17살이고 최종 목표는 프론트엔드 개발자가 되는 거에요. 개발자로 취업을 목표로 고등학교를 미진학 했는데 대기업은 꼭 학벌을 본다는 얘기가 있더라고요 ㅠ 특히 저는 외국계 기업에 취업을 하고 싶은데 학벌이 제 발목을 잡는 건 아닐지 고민이 됩니다... 개발 분야는 학벌이 많이 중요하지 않다는 걸 알지만 머리가 복잡하네요. 수능으로 대학을 갈지, 내년에 취업을 할지 선생님들의 의견이 궁금합니다 ㅠㅠ 아 그리고 제 최종 목표는 1인 기업으로 사업을 하는 거에요. 개발자로 프리랜서 생활하는게 목표입니다!

프론트엔드에서 도커를 도입해야 하는 시기와 이유가 무엇일까요?

도커를 사용하는 이유가 서로 다른환경에서 일어나는 이슈 때문에 사용한다고 알고있습니다. 보통(?) 백엔드에서 데이터베이스 및 환경설정 때문에 도커를 사용한다고는 알고 있는데 프론트엔드에서는 언제 왜 도커를 도입해야하는지를 알고싶어서 질문드립니다. 질문 맥락) 팀 프로젝트하면서 프론트 쪽에도 도커를 써야하는가에 대해 의논하게 되었습니다!

주니어 프런트엔드 개발자에게 CS 지식은 별로 중요하지 않나요?

안녕하세요, 중소기업 다니는 React 개발 경력 6개월된 주니어 프런트엔드 개발자입니다. 질문부터 먼저 드리면, 프런트엔드 개발자가 CS 지식(자료구조, 알고리즘, 네트워크 정도) 습득을 위해 퇴근 후 3~6개월정도 따로 공부하는 것은 시간 낭비일까요? (물론 무엇이든 아무것도 하지 않는 것보다 하는 것이 좋겠지만, 우선순위측면에서도 CS 지식이 과연 현재 제 상황에서 높은 순위를 차지하는지도 궁금합니다.) 제가 프런트엔드 개발자임에도 불구하고 CS 지식을 공부하려고 하는 이유는 크게 2가지입니다. 1. 대기업 코딩테스트를 통과하고, 기술 면접에서 CS 지식에 대한 대답을 잘하기 위해서 2. 네트워크의 경우 실무에서도 문제 해결을 위해 직결되는 지식이라고 생각하고, 자료구조, 알고리즘의 경우 실무에서 직접 쓰일 일은 많이 없겠지만, 개발자로서 문제를 정의하고 해결해나가는 역량을 키울 수 있을 것 같아서 또한, 근래에 시리즈 C~D 정도되는 스타트업 기술 면접을 본 적이 있는데요, 질문들중, 약 1/2은 React, 1/4는 CS, 1/4는 JavaScript 질문이었고, 제 스스로 느끼기에 React 질문은 80%이상 잘 대답했으나, 나머지 CS와 JavaScript쪽에서는 조금 대답이 약했다고 생각했기 때문에 CS와 JavaScript 기본기에 좀 더 집중해야겠다는 생각을 했습니다. 아무쪼록 현재 CS와 JavaScript쪽에 최소 몇개월을 집중해서 기반을 더 잘 닦아야겠다는 생각과 실천을 하고 있던 중, 근래에 운좋게 누구나 알만한 IT 대기업의 프런트엔드 개발 리드분을 만나서 이와 관련된 질문은 했었는데요, 그 분께서는 "CS 지식은 프런트엔드 개발에서 솔직히 많이 쓰이지 않으니, 차라리 React관련된 것들을 더 깊게 파는 것이 좋겠다.(이직을 위해서든 개발을 위해서든)"라고 말씀하셨습니다. 거기서 제가 들었던 생각은 IT 대기업들 중에서도 면접 전에 코딩테스트를 보는 기업도 있고 사전과제를 보는 기업도 있는걸 보면, 사전과제를 보는 기업(위에서 만났던 개발 리드분 기업이 그렇습니다.)들은 프런트엔드 개발자에게 CS 지식은 크게 중요하지 않으니 과제로 내주는 것 같다는 생각이 들고, 코딩테스트를 보는 기업들은 그래도 능력있는 개발자를 뽑으려면 프런트엔드 직무 또한 기초적인 CS 지식이 있어야 한다고 생각하는 것 같습니다. 정리하자면, 저는 이직을 위해서도 그렇지만, 개발자로 일하는 그날까지 프런트엔드 개발자도 CS 지식을 어느 정도 알고 일하는 것이 좋을거란 생각이 드는데요(지금이 그걸 공부해야 하는 적기라고 생각합니다.), 과연 제가 3~6개월정도 CS 지식을 공부하는 것은 React를 좀 더 깊게 파는 등의 다른 것들과의 우선순위까지 따져보았을 때 시간 낭비일까요? 현업에서 최소 2년이상은 프런트엔드 개발만 하신 분들의 의견을 듣고싶습니다. 긴 글 읽어주셔서 감사합니다.

(리액트)탭 메뉴 안에 탭 메뉴 어떻게 해여하죠?

리액트 사용하고 있고, 탭 메뉴 안에 탭 메뉴가 들어가야 하는데 어떻게 해야할지 모르겠어요..

취준생의 고민. Flutter? Web?

안녕하세요 프론트엔드 개발자로 취업을 꿈꾸는 대학생입니다. 졸업을 앞두고 프로젝트, 포트폴리오, 코테 등 여러서 준비를 하며 시간을 보내고 있습니다. React, Ts, React query 등 , 기초적인 백엔드, DB까지 플젝으로 공부며 당연히 취업도 웹프론트엔드로 생가했습니다. 그러다 얼마전 앱개발에도 큰 관심을 가지게 되었는데 그 중 플러터의 매력을 깊지는 않지만 저의 관심사에 크게 차지되었고 현재는 이것 때문에 고민입니다. 나름 그래도 이제 서류넣고 면접준비 단계까지 온 웹프론트엔드 취업준비냐, 앞으로 전망이 커지고 점점 시장이 넓어져거는 플러터를 공부해 취업을 해보느냐 입니다. 물론 미래를 알수 없으니 선택은 저의 몫이고 둘다 해보고 제가 확실히 정하면 좋겠지만, 그래도 조금의 조언이라도 들어보고싶어서 이렇게 글 남깁니당. 웹플, 플러터 뭐라 좋을까용

Bootstrap 프레임워크 정해진 범위 외 사용

안녕하세요. 프론트엔드를 공부하고 있는 학생입니다. 최근에 홈페이지 하나를 만드는 작은 프로젝트를 완료하였는데요. vue.js를 활용해 프론트를 구성했습니다. css는 따로 프레임워크를 사용하지 않고 기본 css로 직접 입력을 해줬습니다. 이렇게 프로젝트를 완료하고 bootstrap같은 프레임워크로도 몇페이지를 재구성해보려고 했는데요. 부트스트랩에서 제공하지 않는 스타일을 사용하고 싶다면 어떤식으로 사용하시나요? 예를 들어 width: 80% 값을 주고싶은데 bootstrap에는 w-25, w-50, w-75, w-100 이렇게 25%단위로만 존재하더라구요. 이럴 경우 그냥 bootstrap과 기본 css를 섞어서 사용하시는지 아니면 bootstrap API를 편집하여 원하는 스타일 값을 추가하시는지 궁금합니다. 또한 기본 CSS로 만들어진 페이지를 bootstrap을 사용하여 재구성 해보는게 좋은 경험이라고 생각하시나요?

프론트엔드 개발자 취업 잘 될까요?

국비지원을 통해 웹 퍼블리셔과정을 수료했습니다! 근데..지원자가 많기도하고.. 취업이 잘 안되더라구요..ㅠ 그래서 프론트엔드 개발자가 되기위해 추가적으로 더 공부를 하려고 합니다! 궁금한건..공부를 하고 바로 취업이 가능할까요..? 또 지원자가 너무 많아서 서류부터 떨어뜨리는 일이 많이 생길까요?

플러터 개발자와 싸웠습니다…(저는 백엔드 개발자)

안녕하세요 저는 스타트업의 작은 백엔드개발자입니다. 저희 회사는 현재 커뮤니티 기능을 탑재한 앱을 출시 예정에 있고 개발을 진행중입니다. 여느때와 다름없이 백엔드 보수작업을 진행중이었습니다. 어느날 플러터개발자분이 협업툴을통해 대화를 걸어왔고 개발관련 요청사항이 있었습니다. 요청사항은 다음과 같았습니다. “플러터에서 좋아요, 북마크와 같은 기능들의 싱크를 맞추려면 백엔드에서 해당유저의 모든 좋아요, 북마크(게시물,댓글 포함) 한 정보를 줘야한다“ 입니다. 그 이유로는 인스타를 얘로들면 해당 유저의 게시물 -> 프로필 -> 다시 해당유저의 게시물 을 반복했을 때 해당 게시물에 좋아요를 누를 경우 이전에 쌓인 게시물의 좋아요 상태도 싱크가 맞아야하는데 현재 상태로는 힘들다고 합니다. 해당 요청을 들어줄 경우 좋아요 또는 북마크와 같이 해당 요청에 포함되어 전체 조회해야하는 테이블의 개수는 약 8개 이상으로 추측되고 있습니다. 참고로 현재상태는 게시물 리스트 및 상세조회를 할 때 게시물 데이터에 조회한 유저의 좋아요 유무를 담고있습니다. 저는 백엔드 관점에서 볼 때 해당 요청을 로그인 시 마다 8개 이상의 테이블을 전체 조회를 해야한다는게 시간이 지남에 따라 엄청난 서버의 부담이라고 생각이들어 반대하였고 웬만해서는 프론트쪽에서 해결하는게 맞지않나 생각드는데 현업에계신 백엔드 프론트엔드 선배님들의 의견을 듣고싶습니다,,,

React-native 네이버 지도를 가져오는데 에러가 발생하는데…

설치시 에 에러가 발생하지도 않았는데,,, 계속 유아이 매니저에 네이버마크 컴포넌트를 읽을수없다고 나오는데,,, 혹시 경험이 있으신 분이 있다면… 사용 하신 레퍼런스나ㅠㅠ 오류 해결 해보신 경험이 있으신 분이 있늘까요…??ㅠㅠㅠ

프론트엔드와 블록체인 중 진로 고민입니다

사이버보안 전공중인 대학생입니다. 제 적성과 맞지 않는 전공인 것 같아 처음에는 프론트엔드에 관심을 가지고 그 쪽 공부하다가 지도교수님과 하스켈언어 기반 카르다노 블록체인 개발을 준비중에 있는데 아직까지 뭐가 맞는건지 모르겠습니다. 프론트엔드가 흥미는 있지만 web3.0에서 블록체인 기술은 중요한 기술인건 맞으니 이걸 해야하나 싶다가도 다시 프론트 생각이 나네요 우선 하스켈 언어와 블록체인을 먼저 배우고 다시 프론트를 시작해도 늦지 않을까요? 이제 2학년 마치고 3학년 올라가는 복학생입니다 ㅠ

BackEnd 기준

학부 졸업하기 전에 교수님이 추천해주신 회사에 면접을 보러가게 되었습니다 확실히 제가 아직 부족했고 많은부분 대답하지 못했습니다. 하지만 한가지 놀랐던 점은 웹개발은 프론트 백엔드 둘다 프론트로 취급한다고 말씀해 주셔서 놀랐습니다 원래 프론트엔드와 웹백엔드를 묶어서 프론트엔드로 부르나요…? 너무 혼란스럽습니다