유용태 (teo.yu)님이 들어왔습니다. 운영정책을 위반한 메시지로 신고 접수 시 카카오톡 이용에 제한이 있을 수 있습니다.
hi
방장봇님이 들어왔습니다.
방장이 방장봇을 활성화했습니다.
wan님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 환영합니다. :)
wan님이 나갔습니다.
미송님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 환영합니다. :)
진현님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
이모티콘 개발자님 덕분에 정말 많은 경험들을 배워갑니다.. 감사합니다 (__)
저도 이렇게 답변 남겨주셔서 감사합니다~ :)
홀리몰리님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
이모티콘 안녕하세요 꿈나무님~ 환영합니다 :) 프론트엔드에 궁금하신 내용이 최근 관심이 생긴 주제가 있다면 언제든 메시지 남겨주세요 :) 간단한 답변이라면 바로 내용이 많다 싶으면 블로그 글을 통해 전달하고자 합니다~ 저는 저를 위해서 하는 일이라 아무런 부담 없이 글 남겨 주세요 :) 감사합니다 좋은 하루 되세요
개발자님은 개발분야의 새로운 소식들을 주로 어디서 접하시나요???
stateofcss stateofjs는 연단위로 꼭 봐야 되는 곳이니 항상 survey시즌과 공개시즌에는 항상 가야 합니다!
기타 유튜브로는 노마드코더는 워낙 유명하니 아실꺼라고 생각하고 그밖에 fireship 유투브를 추천드립니다
이모티콘 감사합니다 🥰
안녕하세요 용태님 !!! if kakao 정말 잘 들었습니다..! '음'을 통해서 대화해보고 싶었는데…회사 일정이 생겨 참여하지 못했네요 ㅠㅠ
근데 벨로그에 글 올려주신 것 보고 바로 들어왔습니다 ㅎㅎㅎ
와~ 감사합니다 :)
감사합니다. if(kakao)를 처음해보면서 또 mm을 통해서 질문과 대답을 하고 또 세션 준비를 하는 과정에 스스로에게 큰 도움이 된다는 것을 알았습니다. 그리고 반대로 이런 것들이 다른 사람에게도 도움이 된다면 기꺼이 안 할 이유가 없다는 생각이 들었습니다. 앞으로 회사 채널로도 참여를 하겠지만 그 밖에 여러가지 방법으로도 채널을 만들고자 잘 부탁드립니다!
아! https://bestofjs.org/ 여기도 추천 드립니다.
회사에서 디자인시스템을 개선하고 있는데, 도움이 정말 많이됐습니다 ㅎㅎ
제가 회사에서 테마와 관련된 파일을 하나로 합치고 싶은데 좋은 방법이 없을까요?? 현재는 각기 다른 레포짓토리(서비스)마다 theme.min.css를 가지고 있으며, 이 theme값이 바뀔때마다 변경된 css파일을 복사해서 일일히 다른 레포짓토리에 복붙해서 적용시키고 있습니다..
테마를 관리하는 부서가 팀 단위인가요?
앞으로 중앙집권형(?)으로 디자인시스템이 관리가 된다면 npm에 배포하시거나 소스 유출이 걱정되시면 private git repo등도 고려해 봄직하다고 생각합니다.
저희는 사내 private npm을 운용하고 있어서 공통 컴포넌트는 팀단위로 공유해서 쓰고 있어요.
그래서 현재 스토리북으로 중앙집권형 시스템을 구축해나가고 있습니다.
근데 스토리북으로 공용 컴포넌트들은 커버가 가능하지만
Css파일은 불가능해보여서요.
그렇죠. 사실 저희가 이번에 AdorableCSS를 만들게 된 이유도 컴포넌트는 재사용이 되는데
조금 큰 조립이나 화면단위에서 내부 간격이나 레이아웃 이런것들은 규격화가 불가능하다보니
결국은 css를 각자 만들어야 되는 상황이 되면 결국 관리가 안되서 문제가 있죠.
저희 회사는 프로젝트마다 기술스택의 선택지는 자유라서 해법들이 여러개 나오는데 레이아웃용 컴포넌트를 제공하는 팀도 있었어요. swift에서 영감을 받아서
<HStack gap=10 padding-left="10"> .... </HStack>, 뭐 이런식으로 제공하시는 팀도 있었구요
그럼.. $gray-100: #f0f0f5; $gray-200: #e8e8ee; … 이런 color token값들은 어떻게 관리하시나요?? 말씀해주신대로 private npm 에서는 공용 컴포넌트들만 관리가 될 뿐, 공용 css값들은 관리가 안될텐데요.
저희는 vite를 쓰고 있는데 컴포넌트 패키지에는 테마 css 파일까지 포함이 되어 있고 import "@css/theme.css" 와 같이 css를 각자
// main.ts import "@css/theme.css" 와 같이 각자 css를 import를 시키고 path는 resolve alias를 이용해서 node_module로 연결을 시킵니다.
업데이트가 필요하면 package에서 version에 맞게 update하구요
아……이렇게 관리하시는군요..
상세한 답변 정말 감사합니다 :) :) :)
이모티콘
네 $gray-100이면 sass를 쓰시는것 같은데 저희는 sass를 안쓰고 있어서 sass에서는 어떻게 해야 할지는 구체적으로는 잘 모르겠네요. IE11를 포기함으로써 저희는 css-variable를 적극적으로 사용하고 있습니다.
아.. 저희 도메인이 lms 서비스라 학교 선생님들을 대상으로 하다보니 ie를 포기할 수 없어서ㅠㅠ var는 최대한 지양하고 있습니다.
그래서 webpack 이런식으로 자동 import?가 되도록 추가해놓긴 했습니다. css : { loaderOptions : { sass : { additionalData: ` @import "theme.scss"; ` } } }
webpack + sass에서는 @import "~"를 붙이면 node_modules에서 가져온다는데 npm 배포방식으로 하게 되면 "~my_lms_package/style.scss" 이렇게 가능할 것 같아요.
아… 한번 시도해보고 공유드리겠습니다 ㅎㅎㅎ !!
네 감사합니다. 저도 사내에 webpack + sass 기반으로 작업하는 다른 프로젝트가 있다면 어떻게 하는지 한번 살펴보겠습니다 :)
Hardy님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
이모티콘 곽은욱님 반갑습니다 :) 궁금한 내용이나 관심있는 주제 있으시면 편하시게 글 맘겨 주세요~
반갑습니다 용태님! 컨퍼런스 잘 봤어요~!
감사합니다 :)
지금 1년간 공부하고 취업하기 위해 이력서를 넣고 있는 상황인데 이력서 합격률이 20%가 되지 않는 상황입니다. 그래서 새롭게 이력서를 작성했는데 이게 과연 좋은 이력서인지 확신이 서지 않습니다. 용태님께 피드백을 요청드려도 될까요?
네 좋아요~
developer.1px@gmail.com
바쁘실텐데 괜히 시간을 뺏는게 아닐지 죄송스럽내요 감사합니다
개인 메일입니다~ 보내주시면 따로 답변 드리겠습니다
감사합니다!
Matthew님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
안녕하세요!!!
안녕하세요!!!!
.png?w=768)
피드백 보내드렸습니다 :)
FE개발자님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
FE개발자님이 나갔습니다.
세심한 피드백을 주셔서 너무나도 감사합니다. 새벽동안 피드백을 확인하고 추가적인 질문들이 생겨 메일을 보냈습니다. 만약 바쁘시거나 피곤하시다면 굳이 답장주지 않으셔도 됩니다.
씩씩거리는 무지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
씩씩거리는 무지님이 나갔습니다.
호호님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
안녕하세요~
안녕하세요 호호님~ 반갑습니다 :)
이모티콘
프론트엔드에 관련된 궁금한 점이 있다면 얼마든지 머물러 계시다가 물어보세요~ 스택 오버 플로우 보다 한국 개발자가 나을 때도 있어요 ㅋㅋ
순전히 저를 위한 개인적 활동이니 부담 가지실 필요 전혀 없이 너무 환영하구요~ 종종 프론트엔드 관련 소식이나 글등을 공유 하려고 합니다 :)
네 감사해요 전 디자이넌데 태오로그 글 정독중입니다 ! : ) 많은 도움을 받고 있어용! 감사해요~
와 감사합니다~ 디자인 전공은 잘 몰라도 협업쪽이나 개발자는 왜 이러나요?? 이런 답변은 해드릴수 있겠네요ㅋㅋ 고맙습니다
ㅎㅎㅎㅎ든든하네용 헤헤 감사합니다
얼굴마사지하는 제이지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
프린이님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
안녕하세요 벨로그에서 좋은 질답글 보고 들어왔습니다~
안녕하세요~!!
와~ 안녕하세요~ 반갑습니다. :)
넵 반갑습니다~~
감사합니다. 개인적으로 그때의 Q&A 경험이 좋아서 개인적인 취미 생활(?)로 연장하기로 마음 먹었습니다. ㅋ 제가 답해드릴 수 있는 것들은 언제든지 답해드리고 모르는 것은 공부해서(!) 공유 하고자 하고 있습니다. Stack overflow 같은 곳이라고 생각해주세요. 종종 유용한 소식들이 있으면 공유해 보겠습니다. ㅎ
이모티콘 안녕하세요 저도 벨로그글 보고 들어왔습니다 ㅎㅎ!
이모티콘
감사합니다. 반갑습니다~~ 환영합니다!!
https://patak.dev/vite/ecosystem.html 현재 제가 쓰고 있는 개발 번들툴인 vite 주변 생태계를 아주 잘 정리했다는 글을 공유 받았습니다. 저도 이 글을 보자마자 최근 트렌드 기술이 너무 잘 설명되고 있어서 공유를 안 할 수가 없네요. vite를 안쓰시더라도 꼭 한번 보세요 :)
감사합니다!
오... 공유 감사합니다. 테오님은 이런 정보들을 어디서 보시나요?
아.. 요번건 저도 회사 크루에게 공유 받은거라서 요 물어봤어요. 답변을 기다리는 중입니다.
답변 왔네요. ㅋㅋ vue 시절 부터 Evan you 팬이라서 https://twitter.com/youyuxi 보고 알게 되었다고 하네요
오 !! 감사합니다 ㅎㅎㅎ~!!
감사합니다!!
감사합니다!!!
시간없음님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
안녕하세요~
안녕하세요! 운영중이시구나~
세션 잘봤습니다! 정말 유익했어요
이모티콘
감사합니다.
지금 figma handoff plugin설치해서 실습해보고 있는데 질문좀 드려도 될까요?
네 그럼요~
figma effects에 Drop shadow를 적용시켜서놓고 plugin을 동작시켰는데 그림자 속성에 대한 클래스명같은게 붙지 않는거같아서요
예제 gif보면 shadow-lg 같은 속성이 붙어있던거같은데...
아... 그 당시에는 AdorableCSS에서 box-shadow를 지원하지 않았어서 effect이 있는 이름을 class로 넣어주는 꼼수였는데 아직 업데이트가 안됬습니다. 개발하고 있어요 +_+
아 개발중이시군요. 감사합니다!
네 감사합니다. git에 PR이나 이슈 남겨주시면 좀 더 잘해보겠습니다. ㅋㅋ 요새는 디자인 개발 작업이 거의 다 끝나서 좀 소홀하게 보는거 같아요. 쓸만은 하시던가요?
네 너무좋습니다. 3일전부터 진지하게 보고있습니다. 회사에 건의해보려고요.. 디자인->개발 비용이 너무 들어가는느낌이라 ㅠ
소통창구가 있어서 너무좋네요. 이방은 언제까지 운영되나요?
개인적으로 운영하고 있어서 계속 운영할 생각입니다. :)
혹시 웹 프레임워크는 뭘 쓰고 계시나요?
저희는 워드프레스 기반이라 아쉽게도 jquery를 쓰고있습니다. 그래서 adorableCss를 완전히 활용하는거 대해서 생각좀해보고있습니다
아! 그러면 html + css를 그대로 쓸 수는 있겠군요. 어떤식으로 작업을 하실 예정인지 들어볼수 있을까요? 워드프레스라면 css를 빌드하는 과정을 따로 가이드를 드리면 좋을것 같아서요
figma에서 디자인한대로 마크업만 뽑아준다면 처음 가이드해주신대로 vite기반으로 깐 아무 폴더에서 빌드한다음 css파일과 html내용만 가져와서 사용할 예정이었습니다
지금 문제는 시멘틱으로 작업이 꽤 되어있다는것인데, 나중을 고려한다면 지금 functional css로 바꾸는것도 좋은 방법이될수있겠다는 생각입니다
그렇다면 svelte를 이용해서 빌드 하는 방법 가이드 따로 전달 드리겠습니다. css빌드는 folder기반이 아니라 실제로 사용하고 있는 파일만 조사해서 최대한 안쓰는 것은 안쓰도록 css를 최소화 하는 전략을 쓰고 있어요. 지금 쓰고 계시는 css도 같이 빌드되는 방법도 필요하시겠네요
네, 감사합니다. 먼저 도입비용에대해서 팀원들과 상의 후 말씀드려도 될까요? 여러모로 생각할 것이 많네요;;
당장 디자인 체계도 안잡혀있어서 figma도입여부부터 문제네요
네 알겠습니다 :) 제 입장에서는 제가 만드는거에 조금이라도 추가할 생각거리를 주시는 것이 너무 좋아서 막 물어보게 되네요 ^^;; 개인적인 의견이든 회사차원에서 필요한 기능이든 편하게 말씀해주세요~ 저는 전혀 부담 아닙니다.
감사합니다. 저도 vscode extension 만들어봐서 어떤기분인지 조금은 알꺼같아요ㅎ 그럼 말씀믿고 질문생기면 귀찮게하겠습니다~
이모티콘
이준희님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
안녕하세요 이준희님 :) 반갑습니다~
안녕하세요 벨로그에서 테오님 게시글에 달린 댓글 보고 들어오게 되었습니다! 항상 좋은 게시글 공유해주시는데 이런 방까지 만들어주셔서 감사합니다
제가 더 영광입니다 :) 고맙습니다 이런 즐거움 때문에 정말로 즐기고 있으니 언제든지 관심사나 재미난 소식 궁금한 내용있으면 편하게 글 남겨주세요. 종종 프론트엔드 관련 소식이나 새 글이 작성되면 저도 공유할게요 :)
네 감사합니다!!
안녕하세요테오님! 혹시 질문 하나만 그려도 괜찮을까요?? 테오님이 생각 하시는 주니어 프론트엔드 개발자의 필수역량은 무엇인가요???
꾸준함과 성실함은 너무 당연한거라 차치하고 프론트엔드의 특수함을 고려했을때는 항상 개발 트렌드를 챙기려고 하는 관심인것 같아요
최근 면접을 하면서 느끼는 건데 중급 개발자들은 1-2년만 지나도 레거시가 되는데 회사업무 특성상 새로운 걸 할 수는 없는것은 너무 당연하지만 그냥 거기에 머무는 사람들이 있구요
주니어들은 대부분이 뭐가 있는지 몰라서 모르는 경우가 대부분이긴 한데 약간 정형화된 무언가(?)에 정체된 느낌이 있어요
개인적으로는 취업 준비를 할 때 회사에서 일반적으로 요구되는 라이브러리에 맞춰서 준비하다보니, 기존 사용하던 라이브러리가 숙달되지 않았다고 생각하는데 새로운 라이브러리를 접하는게 좀 무서운게 있다고 생각합니다 예를 들면 리액트에서 리덕스를 기본적으로 가져가면서 리코일 리액트 쿼리 등을 써보고 싶긴 한데, 대부분 회사에서는 리덕스를 위주로 다루다 보니 도전을 망설이는 것 같습니다..
그리고 좀 모순 되는 얘기인데 사실은 기술보다는 제품의 가치는 높이는게 더 중요하다는 마음 가짐이요
그쵸 ㅠㅠ 근데 그런식으로 1-2년 정체되다가 지금처럼 리덕스가 퇴물이되고 리액트쿼리가 치고 올라올때 해본 적이 없으면 제가 말하는 정체된 개발자가 되어 있는 거죠
ㅜㅜ 매우매우 현실적인 말씀이신 것 같아요
아직 리덕스를 주로 사용하고 있는걸로 알고있는데 언제쯤 리덕스에서 벗어날 수 있을까요..?
stateofjs나 bestofjs를 보면 이미 리덕스는 재고를 해봐야 할 기술입니다
그리고 취업은 완전 케바케겠지만 저희 같은 경우에는 성장성도 중요한 관점이라서 남들보다 새로운 데 관심이 많은 주니어는 좋아합니다. 다들 새소식에는 관심이 있는데 그걸 찾는 노력은 힘든걸 아니까요
태오님, adorableCSS에 반응형도 지원하는거 같은데 이것 역시 피그마 handoff plugin이랑 연동이 되어있는건가요? 디자이너분들이 피그마 grid layout으로 작성해주시는건지 궁금합니다. 제가 피그마를 잘몰라서ㅠ
아뇨 ㅠ 피그마는 아직 거기까지는 지원을 해주지 않아서 그거슨 개발자가 추가 작업을 하고 있습니다. 디자인 툴이 빨리 발전을 해줬으면 좋겠네요
디자이너분들에게는 꼭 AutoLayout으로 작업을 해달라고 합니다 그러면 flexbox기반으로 대부분의 UI를 반응형으로 가져갈 수 있습니다
답변 감사합니다!!!!!
네 감사합니다 :)
테오님 후에 '프론트엔드 개발자에게 알고리즘 공부가 미치는 영향' 과 같은 주제로 태오님의 생각을 적어주실 수 있을까요? 어떻게 보면 코딩 테스트가 개발자를 솎아내는 첫 번째 작업이라고도 볼 수 있는데, 공부를 하면서도 제가 짜는 코드에서는 전혀 사용되지 않는 것 같고.. 실무에서는 어떻게 쓰일 수 있을지? 이런 동기부여가 있으면 정말 좋을 것 같습니다…!!
네! 알겠습니다!!
감사합니다!!!!
진짜 현업에 계시는 시니어 개발자 분께서 이런 글을 써주시는게 너무너무너무 감사할 따름이네요 ㅜㅜ 너무 좋은 글이고, 저뿐만 아니라 코테를 준비하는 웹 프론트엔드 취준생 분들이 많이 생각해보게 되는 내용인 것 같습니다. 좋은 내용, 생각 공유해주셔서 감사합니다 😀😀
감사합니다. 저도 덕분에 좋은 주제로 주말 동안 생각을 정리하고 글을 쓸 수 있어서 행복했습니다~
감사합니다 앞으로도 작성해주시는 좋은 글과 지식을 잘 보고 흡수하도록 노력하겠습니다
썰~~님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
안녕하세요~ 썰~~~~ 님 반갑습니다~
안녕하세요 ㅎㅎ 주니어 프론트개발자 썰입니다 ㅎㅎㅎ 테오님 벨로그 글 보고 아래쪽에 단톡방링크 있길래 들어왔어요 ㅎㅎ
이모티콘 와~ 환영합니다. ㅎ 개인적으로 if kakao after talk을 하면서 나누었던 경험이 너무 좋아서 개인적으로 오픈채팅 운영하고 있습니다. 프론트엔드나 현업에 관련된 궁금한 내용 있으면 언제든지 글 남겨주세요. 저는 제가 글을 쓰거나 공유할만한 좋은 정보 있으면 남겨드리고 있어요 :)
꼬북님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
안녕하세요~ 유용태님 if kakao에서 발표하신 adorableCSS보고 velog 글 정독하고 온 프론트엔드 취준생 장신원입니다~
와! 안녕하세요 반갑습니다. 감사합니다~
if kakao 세션 이후에 취미생활로 개인적으로 운영하고 있는 오픈 채팅방입니다. 프론트엔드나 현업, 취업에 궁금한 내용이 있으시면 언제든지 편하게 글 남겨 주세요. 짧은 답변이면 바로 좀 길어야 하는 내용이면 블로그로 작성하고 있습니다.
요새 취준생들은 어떤 걸 주로 공부하고 있어요?
공부한다고 하면 조금 애매한데... 포폴만든다고 할줄도 모르는 리액트로 프로젝트 삽질 중입니다
타입스크립트 공부하고 있어요..!
ㅎㅎㅎ 포폴 중요하죠. 이번에 부스트캠프 참여했었는데 확실히 코드보다도 포폴은 반응이 좋은걸 만드는게 눈길이 가더라구요
타입스크립트 중요하죠. 요새 회사에는 타입스크립트 안쓰면 좀 뽑기 힘들다고 하더라구요. 이젠 default가 된 느낌 ㅠ
프로젝트하면서 알아가는게 많기도 하겠지만 이걸 왜쓰는지 모르고 그냥 되니까 아무거나 복붙만하니까 근본없는 개발하는 느낌이에요 ㅋㅋㅋ
타스가 디폴트… 너무 신입들에게 많은걸 요구하는군요..
괜찮아요~ 저도 처음에 자스에서 타스 넘어갈때 그랬는데 쓸땐 모르다가
쓰다가 안쓰면... 그 갑갑함이 생겨서
쓰다보니까 타스가 엄청..편하다?
편하다..? 왜인지 모르게 편하네요..!!ㅎㅎㅎㅎㅎㅎㅎ
그쵸. 처음에 한번 귀찮은데
해두면 두고 두고 편해서
저도 타스 없으면 개발 답답하긴 합니다 ㅋㅋ
특히 서버랑 인터페이스 만들때랑
axios 요청할때 일일이 보고 했어야했는데 자동완성도해주고..
상태관리 찾아갈때랑
맞아요.ㅋㅋ
저도 타스 얼른 해둬야겠네요 ㅋㅋㅋㅋ
그냥 하세요
잘 모르겠으면 그냥 strict 옵션 끄고 하시면 자스랑 똑 같아서
이모티콘
테스트도 사용하시나요?
부바부에요 계정이나 cms쪽은 좀 빡빡하게 하구요
저 같은 경우는 테스트 효용체감을 잘 못하고 있어서 안하고 있는데 테스트는 필요하다고 생각하지만 너무 부담이 큰 거 같아요 ㅠㅠ
부끄러운 어피치님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
안녕하세요 부끄러원 어피치님 반갑습니다. :)
안녕하세요. 블로그 글 너무 도움이되어서 들어오게되었습니다. 좋은글 올려주셔서 감사합니다.
감사합니다 :) 이렇게 또 글을 쓴 보람을 느끼게 해주시네요 (_ _) 고맙습니다. 취미생활이지만 열심히 하겠습니다!
이모티콘
실례지만 요새는 어떤 부분에 관심을 가지고 계시나요?
저는 디자이너와 어떻게 하면 효율적으로 업무를 진행하고 제품이 늘어날수록 css관리에 손이 덜가도록 할수 있을까에 고민을 많이 하고 있습니다.
같은 고민을 하고 계시네요~ css를 하는 사람들의 다같은 마음인것 같습니다 ㅎㅎ
네 ㅎㅎ 그래서 검색을 하다보니 좋은 글과 발표가 타이밍이 좋게 올려주셨네요 ㅎㅎ 두고두고 잘 읽어보겠습니다 ㅎㅎ
네~ 감사합니다. 혹시 궁금하신거나 필요하신 내용 있으시면 얼마든지 편하게 글 남겨주세요. 저도 연구차원에서 디자이너랑 어떤 부분에서 좀 힘든 걸 겪고 계신지 구체적으로 물어보고 싶네요~
Ponti님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
안녕하세요~ Ponti님 반갑습니다 :)
안녕하세요~ 혼자 개발 공부하는중에 블로그보고 관심이있어 들어왔습니다! :)
반갑습니다! :D
감사합니다 :) 요새는 어느 부분에 제일 관심이 있으신가요?
아 전 개발자로 전직을 목표로 이제 막 공부를 시작해서요.. 현재는 취미로 플러터를 좀 보고있고 내년초에 웹개발쪽으로 진지하게 공부해보려구요!
오오~ 그러시군요. 응원합니다. 요새 앱 개발 시작하시는 분들은 플러터를 많이들 하시더라구요. 앱을 하시는것 같은데 웹으로 공부를 하시는 이유는 뭐에요?
아 ㅎㅎ 맞습니다. 제가 아이디어를 빠르게 프로토타이핑 해보는거에 관심이 있어서 알아보다가 플러터에 관심을 갖었어요.. 근데 더 공부해보다가 이게 잘 맞는다는 생각이 들면 내년에는 웹쪽을 공부해서 웹쪽으로 취업을 해보고싶다는 생각이 드네요..!ㅎ
이게 = 개발 입니다..ㅎ
플러터가 다양한 곳에서 관심도가 많아지는거 같은데, 전 스타트업에 관심이 많아서 플러터에 처음 관심을 갖게 되었어요..ㅎ
오오~ 아이디어를 빠르게 프로토타이핑 해보는거는 웹이 더 좋죠ㅋㅋ 아무래도 개발 속도가 앱보다는 빠르니까요! 취업이랑 취미는 다르시겠지만 나중에 웹쪽으로 궁금한거 생기시면 글 남겨주세요 :) 종종 저도 웹쪽 소식이나 새로운 글 있으면 공유 하겠습니다.
아! 그렇죠. 아직 현업에서는 플러터 사용률이 낮은데 스타트업이 선호하더라구요~
지금 배우시는 분들이 많아서 나중에는 대세가 되지 않을까? 될까? 잘 모르겠습니다만 초반 보다는 흐름이 생기는 것 같기는 해요 ㅎ
취업도 취업이지만 아이디어를 만드는 것에 관심이 있다면 확실히 대기업보다는 스타트업이 맞으실것 같아요. 대기업은 기회가 없지만 않지만 확실히 적지요
네 감사합니다! 공부해보면서 진로 변경으로 목표가 뚜렷해지면 로드맵 생각하면서 조언을 분명 필요로 할 것 같네요! :)
생못미님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
안녕하세요! 오~ 방금 댓글 달아주신 분이시네요~ 제 첫 댓글이기도 하신데~ 감사합니다 :)
사진
간혹가다 이렇게 "중복된폴더명 2" 라는 폴더가 자동적으로 만들어져 있는데 어떤 경우에 만들어지는걸까요..?
헉..감사합니다..!!
이 문제일까요? 저는 vscode를 안써서 그냥 검색해봤어요 ;;
ㅋㅋㅋㅋ 반갑습니다~ 테오님 그간 글 잘 읽고 있는데 채팅방이 있다고 해서 한번 들어와봤습니다 ㅎㅎ
감사합니다~ :) 카카오 mm after talk을 하고 나서 오픈 챗방에서 질답시간을 가져보니 이런거 좋아하는 줄 알고는 있었지만 생각보다 더 재밌더라구요~ 저는 재밌는데 다행히 또 누군가에는 도움이 된더고 하니 계속 해보고 있습니다~ ㅎㅎ
프론트엔드 관련소식이나 새 글을 쓰게 되면 여기를 통해서 공유하려고 하고 있구요~ 궁금한 내용이나 프론트엔드 관련 질문 있으면 바로 바로 답변해드리고 있어요. 눈팅하시다가도 언제든지 글 남겨주세요 :)
남대영님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
안녕하세요 ~~ 벨로그 보고 들어왔습니다
안녕하세요~ 반갑습니다 :) 감사합니다
여기서는 질문이나 관심있는 내용 남겨주시면 대답해드리고 가끔 프론트엔드 소식이나 읽을거리 등을 공유 하고 있습니다 :)
아하 알겠습니다! 백엔드 개발자이지만 프론트도 좀 곁들이고 싶어서 공부중입니다! 자주 소통 하겠습니다 :)
네! 너무 감사합니다~ 여기서 프론트엔드와 포트폴리오 같이 준비하거나 하는 식으로 인연이 만들어지면 좋겠네요 ㅎㅎ
너무 영광이죠 ㅎㅎ
어떤 서비스에 관심이 있으신가요?
기술이나
퇴근하고 사이드 프로젝트를 하는데에 있어서 리액트를 도입해보려고 요즘 리액트를 보고있습니다. 다른것은 괜찮은데 css가…. 좀 힘드네요 ㅠㅠ
저는 콘솔창 보는게 더 좋은것같아요 … 하하
근데 리액트 자체는 너무 재밌더라구요 ㅎㅎㅎㅎ
풀스택이시군요! ㅋㅋ
css가 어려우신건가요? 디자인이 어려우신건가요? ㅎㅎ
둘다 어려운것같아요 ……. ㅠㅠ
백엔드 개발자분등이 css 개발 동기부여는 막 되지는 않는데 사이드를 하게 되면 또 필요하긴 하니까 화면을 짜는건 힘들어하시긴 하드라구요
ㅋㅋㅋㅋ 맞는것같아요.. 아 혹시 질문하나만 드려도 될까요 ?
네~ 그럼요 얼마든지요 ㅎㅎ
감사합니다 ㅎㅎ figma 같이 그 안에서 마우스로 화면을 이동시키고 하는것은 어떤원리로 만들어진것인가요 ??
canvas를 이용해서 내부적으로 만들어진 로직을 계산해서 그려주는 방식입니다
그래서 실제 DOM화면하고는 조금 다르데 그려져요
아하 그러면 뭔가 이벤트를 받으면 그 내부적으로 계산을 해서 렌더링을 해주는건가요 ?
일종의 게임엔진 같은거라고 보면 될거 같아요
네 그렇습니다
어우 꽤 어렵겠네요 ㅠㅠ
그렇죠 각 요소를 불러와서 현재 좌표계와 뷰포트를 계산해서 노출해야할 구간만 추려내서 렌더링해야할 픽셀을 그리는 방식입니다
그러면 비율이 정해져있고 확대를 할 수없다면
난이도가 조금 줄어들겠네요
처음부터 그 엔진을 만드는게 목적이 아니라 서비스를 만드는게 목적이라면 그런 것들을 제공하는 라이브러리는 많아서
정작 외부라이브러리를 쓴다면 확대축소나 화면 이동이 어렵지는 않을거에요
외부 라이브러리가 있었군요 !!
피그마 비슷한 서비스를 지금 구현중이라 이러한 인사이트가 필요했습니다 ..ㅠㅠ 감사드립니다
비슷한의 범주가 어떻게 되나요?
그러니까 굳이 캔버스로 그려야 하는 서비스 인가요?
일단 렌더링은 필요할것같습니다. 화면 이동도 가능해야합니다
css로 만들어도 transform이나 scale등 화면이동이 전혀 안되는건 아니니까요
css로도 그게 가능하군요 …. !!
간단하게 화면이동은 클릭시 마우스 좌표에서 이동한 좌표를 뺀 값을 elemen.style.transform = "translate3d(-10px, -10px, 0)"
이런식으로만 적용해도 원하시는 드래그 효과는 바로 낼 수 있습니다
전체 element 들을 옮겨주는거죠 ?
내 그래서 컨테이너가 될 div안에
viewport가 될 div를 만들어서
viewport element만 이동하는거죠 그러면 모든 엘리먼트들을 일일히 옮길 필요가 없어요
아하 이해했습니다. 감사합니다 저 방법이 당장에는 제일 좋은방법인것같아요
이거 구현 되면 보여드리겠습니다 !
와우! 기대하겠습니다 ㅎㅎ
시무룩한 튜브님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
/방장봇
방장의 방관리를 도와주는 방장봇! 새로운 참여자 환영해주기, 알림메시지 보내주기, 질문에 답변해주기 앞으로 더 편리한 기능을 지원할테니 기대해주세요.
안녕하세요. 시무룩한 튜브님~ 반갑습니다. :) 여기는 제 취미생활로 운영하는 오픈채팅입니다. 프론트엔드나 현업 관련 질문이나 관심사 있으면 언제든지 글 남겨주세요. 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
Leo님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 궁금하신 내용이나 같이 이야기 해보고 싶은 개발이야기 취업이야기 언제든지 남겨주시면 즐거운 마음으로 답변드리겠습니다 :) 좋은 하루 되세요!
안녕하세요 leo님 반갑습니다 :)
https://uxtools.co/survey-2021
2021년은 figma가 압도적이네요!
오우 확실히.. zeplin에서 figma로 넘어왔는데 편하고 좋더라고요 ㅎㅎ
확실히 제플린보단 피그마가 많이보이더라고요
맞아요 제플린보다 플러그인도 이제 많이 나오는 것 같고 기대가 됩니다~ 저희 디자이너분들도 제플린을 이제 안쓰니까 엄청 좋아하시더라구요 매번 export에 반영하는거 귀찮아 하셨는데 ㅋㅋ
miro는 저는 처음보는데 1위네요
해외에서 많이 쓰나봐요
그렇더라구요~ 실제 화이트보드를 대신해서 많이 쓰는것 같던데 저희도 도입해보려다가 그렇게 흥하지는 않았어요 ㅎ
도입 시도를 벌써 하셨다니 빠르시네요
써보는건 공짜니까요;; ㅋㅋ
그냥 피그마로도 될 것 같은데 2개쓰지 말죠 이런식으로 퉁쳐졌어요 ㅋㅋ
ㅋㅋㅋㅋ
Framer써보신분 계신가요??
curlyjun님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 눈물바다에 빠진 라이언님 반갑습니다.
안녕하세요~ 이것저것 배워가려고 들어와봤어요 ㅎㅎ
TOSS에서는 사내에서 엄청 주류로 쓰고 있는 것 같더라구요. 저희 회사의 경우에는 React만 쓰고 있는게 아니라서 도입 여부를 놓고 올해 초에 대대적인 회의가 있었는데 부결됬습니다.
근데 클라우드팀과 같이 콘솔 기반으로 하는 팀에서는 대규모 FE인원이 React로 통일하려고 하고 있어서 다시 재도입 의사가 또 논의되고 있는 중이에요. 컴포넌트를 일단 Framer용으로 개발자가 만들어 주면 이후 기획자 레벨에서 화면을 만들어 볼 수 가 있어서 검증 과정에서 개발자가 없어도 된다는 장점을 높게 평가하더라구요
환영합니다. ㅎ 얼마든지 궁금한게 있으실때마 질문 주시면 짧은 대답은 바로 길게 써야 할 것 같은 경우에는 블로그를 통해서 답변 드리고 있어요. 종종 프론트엔드 소식이나 공유할만한 내용있으면 공유 하고 있습니다 ㅎ
괜찮네요 개발자 없이 검증이 가능하다니
그쵸 figma의 문제점이 컴포넌트가 디자인만 있다 보니 반응형이나 기능이 없는 경우가 많아서 상황별 페이지를 만들기가 부담스러운데
개발자가 한번 컴포넌트로 만들어 주면 되니까요. 일종의 스토리북으로 figma를 만드는 그런 모양새를 상상하면 좋을 것 같아요
현업 개발자의 썰 너무 재밌네요 ㅎㅎ
이모티콘
Vintz님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 신입프론트에요님 반갑습니다~
안녕하세요! ㅎㅎㅎ
마침 회사에서 반응형 웹에 대해 스터디해보라 했는데 덕분에 좋은 방법을 찾게 되었어요!! 🤩
정말 감사드려요 :D
오오! ㅋㅋ 감사합니다. 어떤 방법으로 스터디를 하실 계획인가요?
막연히 피그마에 대해 두려움이 있었는데 이렇게 많은 디자인이 많은 줄 몰랐어요!! 항상 유튜브로 학습을 했는데 이렇게 많은 예시들이 있을 줄이야..🤣
지금 벨로그 글 읽어보면서 방향을 잡고 있어요!
아! ㅋㅋ 맞아요 좋은 디자인이 많죠. 반응형을 연습하는 방법에 대해서는 아직 글을 쓰지는 않았던것 같아서 어떻게 하시는 지 궁금해서 한번 물어봤어요~
저도 CSS 코드가 길어질 때마다 관리에 고민이 많아서 :root로 변수 관리를 하고, 최대한 경량화하려고 했는데 결국 CSS도 컴포넌트, 모듈화를 해야하는 건가보네요..!
Post CSS로 모듈화를 해본 적은 있는데 파일 수가 너무 많아져서 오히려 불편해서 그만 뒀었거든요 ㅠㅠ
아..! 저는 먼저 컨텐츠를 넣고 레이아웃을 짜요..! 눈으로 대충 박스들을 만들어서 모바일 퍼스트로 해볼 생각입니다 ㅎㅎㅎ
네~ 그런식으로 발전하고 있어요. 그래서 vue에서 먼저 single component 방식으로 하나의 파일에서 관리를 하는 것을 시작했고
React의 CSS in JS도 결국 그런 것에 대한 해법으로 나온거라서요
아하..! 결국 사이즈가 커짐에 따라 CSS도 모듈화를..ㅠㅠ
Post CSS 방식은 너무 불편해서 다른 방법을 찾고 있어요!!
용태님 사내에선 뷰를 쓰시나요?
아니요 저는 svelte를 쓰고 있구요 각자 선호 하는게 달라서 프로젝트마다 달라요 react도 있고 vue도 있고 angular도 있엉ㅅ
css는 if kakao 새션에서 발표한 자체 개발한 라이브러리를 쓰고 있구요 정말 좋아서 홍보하고 싶어서 발표한건데 막상 알려주려고 문서 만들고 영상 찍고 하는 일이 보통이 아니더라구요 ㅠㅠ
오..svelte가 좋다는 얘기는 많이 들었었는데 현업에서도 사용하는건 처음 봤어요!
'functional css와 figma를 이용한 디자이너와의 웹프론트 협업이야기' 이건가 보네요 ㅎㅎ 저는 아마 이번달 내에 디자이너분과 협업할 기회가 생길 것 같은데
정말정말 귀하네요 🤩 영상 잘 보겠습니다!!
next같은 라우팅 기반의 ssr은 아직 개발중이라서 못쓰는데 SPA용 앱은 충붐히 실전용으로 쓸만합니다 :)
근데 아마 회사라면 ㅠㅠ 개발에 도입하는 건 좀 힘들거에요~ 지금은 재미로만 보세요~
방금 영상 다 보고 왔습니다! 와..제가 개인 프로젝트에서도 불편하고 고민했던 내용들이 있어서 공감도 되고 실무는 얼마나 더 심했을까라는 생각이 들었어요! 저 또한 의미론적인 클래스 이름 짓기에 집착하고..엄청 고생했던 기억이 납니다 ㅠㅠ 클래스 이름을 'flex'로 지었다가 '…이게 맞나?' 싶어서 바꾼 기억도 있네요. 정말 신선한 충격이었어요. CSS는 성장 속도가 더디고 모던하지 못하다고 생각했었는데 이런식으로 발전하고 있었네요!! 최근에 드디어 곧 CSS에서도 중첩 구문이 지원된다고 들었는데 벌써 설렙니다 ㅎㅎㅎ 프로젝트 크기가 그렇게 크지 않아서 개인 프로젝트에 실제로 사용해보고 적용해봐야겠어요. 용태님 귀한 경험 공유 감사드립니다. 🙏
와~ 너무 감사하고 수정한 반응 감사합니다. 요즘 프론트엔드가 CSS보다는 백엔드 친화적으로 발전하고 있어서 CSS 이야기는 그렇게 인기가 있지 못했는데 충분한 공감 해주셔서 감사합니다 :)
*수정한 -> 소중한
on-demand atomic css 라는 방법은 CSS in JS에 밀려 아직 주류 측에도 못들고 있는 변방의 방법이긴 하지만 저는 아주 긍적적으로 보고 있습니다.
전 CSS도 좋아하고 충분히 매력있다고 생각해서요!! ㅎㅎ 이 참에 피그마도 스터디 해야겠네요🔥
https://uxtools.co/survey-2021
네 저도 CSS in JS를 더 많이 들어봤어요! 해당 방법론도 비교해봐야겠네요
오늘 방에서 공유한 소식인데 figma 배우는거 투자할만 합니다. ㅋ
ㅋㅋㅋㅋㅋ 귀한 정보 공유 감사드립니다 🙇🏻♂️
참고로 용태님이 벨로그에서 공유하신 Can't Unsee 사이트에서 랭크 비기너로 나왔어요..ㅋㅋㅋㅋ 톡방 분들도 해보시면 좋을 것 같습니다. 👍
ㅋㅋㅋㅋ 감사합니다 :)
와 이번 글도 너무 감사히 잘 읽었습니다 항상 디자인 패턴 관련 글 찾으면 너무 추상적이거나 먼 이야기 처럼 느껴졌는데 이렇게 프론트 단에 한해서 시대 순으로 살 붙여 풀어주시니까 머릿속에 구조가 확 잡히네요! 감사히 잘 읽었습니다 🙇🏻♂️
감사합니다 :) 글을 쓴 의도가 잘 전달된것 같아 기분이 좋네요~~
mvc는 알고있었는데 개념부터 시간순으로 정리해주시니까 너무 이해가 잘되고 많이 배웠습니다. 리액트쓰면서 mvvm도 모르고 있었다니 ㅋㅋ..
감사합니다 :) 글 말미에도 작성했지만 mvvm이라는 말은 jquery 이후 나온 프레임워크들을 하나의 범주로 설명하기 위해 나중에 붙여진 이름이니 굳이 알고 있지 않았으셔도 괜찮았어요 ㅎ
부분부분 알고있었던 개념들이랑 이유도 모르고 썼던 것들이 한번에 정리되는 느낌이에요! 너무 감사드립니다 ㅎㅎ
프린이님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 프린이님~~ 반갑습니다 :)
안녕하세요~반갑습니다!
프린이님음 최근에는 어떤것에 관심이 많으세요?
최근에는 go라는 언어에 관심이 생겨서 챙겨보고있습니다!
와?! esbuild때문인가요?
재밌네요.. 틀린그림찾기하는 너낌
우리 디자이너들은 매일 이런 게임을 하고 있는..거겠죠? ㅋㅋ
용태님 글 잘 읽었습니다. 글을 풀어내시는 능력이 상당하신 것 같아요. 이야기를 풀어나가는 식으로 대화하듯이 읽은 것 같아서 쭉 잘 읽혔습니다! 특히 SPA의 장점만 있는줄만 알았던 리액트를 템플릿 개념과 더불어 HTML에 직접적으로 접근할 수 있다는 장점을 잊고 있었네요..ㅎㅎ 한 가지 질문이 있습니다! 저는 컴포넌트에 데이터를 패치하는 로직까지 넣었었는데요..! 그러다 service라는 폴더를 만들고 따로 관리를 했습니다. 글 설명을 보니 이걸 리덕스에 적용해보면 리듀서는 패치하는 로직 그리고 패치해온 데이터를 스토어에 넣는..이런 방식으로 이해하면 될까요?
회사업무가 블록체인과 연관이 있어서 go에 자동적으로 관심가졌어요!! esbuild는 아직 어떤개념인지 몰라서,,,
네~ 맞습니다. 조금 더 엄밀하게 설명하면 Redux는 Action을 통해서만 Store의 데이터를 변경하는 구조로 되어 있습니다. 그래서 일반적으로 다음과 같이 구성을 합니다. 1) View에서는 REQUEST 액션을 보내 fetch를 호출하도록 합니다. 2-1) fetch의 성공의 결과를 SUCCESS의 Action으로 전달합니다. 2-2) 실패의 경우는 FAILURE 액션을 전달합니다. 3. 3)SUCCESS나 FAILURE를 처리하는 Reducer를 통해서 Store에 데이터를 변경하게 되고 View에 반영하도록 해줍니다.
아! 그러시군요! 프린이라고 해서 프론트엔드라고 생각을 했는데 go라는 언어가 나와서 호기심에 물어보게 되었어요
아하 넵!! go 더불어 frontend까지 섭렵할 때까지 노력하겠습니다!!
응원하겠습니다! ㅎ
감사합니다!
아..하! 저는 컴포넌트 폴더와 리덕스 폴더가 있다고 생각하고 '컴포넌트는 View이고, 요청하는 로직은 데이터관련이니까 리덕스에서 관리한다.' 라고만 생각한 것 같아요! 리듀서는 말그대로 성공하는 경우와 실패하는 경우의 반환값으로 '데이터'만 변경하는 것을 담당하는거군요..!
와! 네~ 정확합니다!!! 굿굿! Reducer는 순수함수의 성질을 요구하기 때문에 값이 매번 달라지는 fetch나 API등의 요소들을 "Effect" 라고 따로 관리해서 "서비스"와 "데이터"를 분리하도록 요구하고 있습니다.
오호옹..와 ㅋㅋㅋㅋ 너무 재밌네요! 감사합니다 용태님 :D 많은 도움이 되었습니다!! 👍
이모티콘 저도요! ㅎ
요새는 리덕스 몹엑스등 상태관리보다 리액트쿼리나 swr로 관리하는 추세로 변해가느거 같아요
캐시로 관리하는게 더 나아보이기도 하네요
저도 그래서 리액트 쿼리 흥미롭게 보고 있어요
저 다음 프로젝트하면 리액트쿼리 사용해보려고요
맞아요. 처음에는 오오~ 하면서 상태관리를 접목해서 개발을 해봤는데 실제 업무에서는 대부분이 DB CRUD가 대부분이다 보니 jQuery마냥 똑같은 패턴을 복붙하고 있다는 것을 느끼는 거죠
그래서 저희도 대부분 admin같은 콘솔류의 페이지들은 React-Query를 도입하는 추세입니다
어느 순간 과도기에 오면 편하게 개발하고자 했던 기술들이 나중에서 코딩을 기술에 맞춰서 하는 시기가 오는데 Redux가 그래서 지는해가 되고 있는 것 같아요
맞아요.. 툴킷나오면서 긍정적으로 변해가는거 같았었는데 결국 더 좋은기술이 나오면서...
React에서 UseMemo를 없애겠다는 conf입니다.
김태현님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
vue나 svelte에서는 이미 시도하고 있는 방법인데 React는 이제 도입하는것 같아요 ㅎ React도 뭔가 과도기를 겪는 기분입니다
안녕하세요~ 김태현님 반갑습니다 :
벌써 지는해가 되어가고 있나보군요! 리액트 쿼리도 봐야겠어요 ㅎㅎ 이런 정보들도 접하게 되고 너무 좋네요!
안녕하세요 벨로그글보고 찾아왔습니다 :)
감사합니다~! 어떤 글이 제일 맘에(?) 드시나요? ㅋ
ㅋㅋ지인한테 추천받아서 프론트엔드 공부법 읽어보고 다른글도 읽어보는중입니다ㅎㅎ
감사합니다. 대부분 velog를 알 정도라면 입문은 지났을텐데 생각보다 그 글이 인기가 많아서 좀 의외였어요.
사진
https://2020.stateofjs.com/en-US/technologies/ 2020년 자료이지만 Redux의 기울기와 왼쪽으로 꺽이고 있는 것을 볼수가 있죠
하다가 궁금한거나 막히는 거 있으면 알려주세요. 다음 블로그 소재로 좀 써먹겠습니다. ㅋㅋ
헉..진짜네요;; 🤔
진짜 용태님 설명해주시는 거 너무 재밌어요 ㅋㅋ
이해도 쏙쏙되고
감사합니다. :) 원래 누구한테 알려주는걸 좋아했는데 블로그나 이런것들은 좀 현업에 치여서 안하고 있었거든요. 이제 후임도 없고 ㅠㅠ 근데 막상 시작하고 나서 깨달은 사실은 일을 하면서도 남는 시간은 있다는걸 깨닫습니다. ㅎ
그리고 면접을 할 수 있는 위치가 되니 요새 취업준비 하는 취준생들이 블로그를 쓰는 양이 어마어마 하더라구요. 저도 주위에는 블로그를 쓰라고 권하면서도 저는 정작 하나도 쓰지 않았던 자신을 반성하며 좀 열심히 쓰려고 하고 있습니다. ㅋ
상고펭님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
TriplexLab님이 들어왔습니다.
용태님 해당 글에서 말씀하신 '이는 단순하게 초기 로딩 화면이나 스켈레톤만 따로 만들어 주기만 하면 해결되는 부분이나 큰 약점도 아닙니다.'에서 스켈레톤은 뼈대? 레이아웃? 코어 같은 단어일까요?
검색을 해봐도 잘 안나와서 말씀하신 스켈레톤의 개념이 궁금합니다!
아마 스켈레톤 로딩 검색하시면 원하시는거 바로 나올거에요
안녕하세요 velog.io에서 글을 보고 왔습니다~ 프론트개발에 관심이 있는 신입 입니다.
유튜브 같은데서 정보 나오기전에 뼈대만 나오는걸 스켈레톤이라고 하더라고요
안녕하세요 TriplexLab님 반갑습니다. 왠만하면 거의 반사적으로 답글을 남기는데 방금은 회의중었어요 ㅠ 반갑습니다. :)
오왕 ㅋㅋ 바로 찾아주시다니
스켈레톤 UI 관련 재미난 이야기 동영상이 있었는데 찾기가 힘드네요.
아 넵:) 잘 부탁 드립니다.
UX에 관련된 이야긴인데 대략 요약하자면 공항에서 내려서 짐을 찾는데까지 30분이 걸려서 항상 클레임을 받는 공항이 있었다라고 합니다.
그래서 열심히 동선과 시스템을 고친 이후에 이 시간을 7분까지(맞나? 뭐 숫자가 중요한건 아니니까요;;) 줄이는 데 성공을 합니다.
그래도 사람들의 클레임을 거는 비율이 줄지 않았다고 해요
어떻게 이 문제를 해결했을까요?
볼거리 제공?
하지않았을까하네요 그 동선에
맞아요! 공항에 내려서 짐을 찾는데 까지의 거리를 일부러 늘려서 5~6분 정도 걸리도록 동선을 조정했다고 했어요
엘레베이터에 거울이 있는거도 그런의미라고 알고있어요
그랬더니 실제로 짐을 찾는데까지 걸리는 시간은 전보다 더 걸렸지만 클레임을 줄었다고
스켈레톤 UI 원리를 설명하면서 누가 했던 얘기였어요. 중간에 놀거리를 주면 사람들은 기다린다. 로딩 스피너 보다는 훨씬 더 스켈레톤 UI가 더 빨리 로딩이 되었다는 안정감(?)을 준다고 하더라구요
오 재밌당 ㅋㅋㅋㅋ
오 스피너보다 스켈레톤이 좋다는 말은 처음 들었어요
같은건줄
일단 뭐라도 뜨면 안정감이 오는건 저만 그런게 아니었네요ㅋㅋㅋㅋ
그래서 요새 스켈레톤 UI는 대부분 하는거라 CSS in JS를 하건 코드 스플리팅을 하건 Lazy Loading을 해도 스켈레톤만 먼저 만들어져 있으면 크게 문제 없다는 얘기였어요.
그렇죠 ㅋ
스켈레톤이 끝판왕인가요ㅋㅋ
요즘 앱이나 웹 이용하다 보면 스켈레톤 많이 보여요 자주 쓰는 유튜브도 스켈레톤이 있습니다. 확실히 로딩 스피너보단 사용자 경험상 좋은거 같아요 그렇기 때문에 많이 사용되는거 같고
사진
짧을땐 스켈레톤이 나은데 길때는 프로그래스 바로 퍼센트 알려주는게 더 낫다네요
오오! 참고할게요!
TriplexLab님은 최근에 관심있는 게 어떤거에요?
webpack 설정에 관해서 공부중에 있어요~
유튜브 찾아가면서 알아보고 있는데.. 리액트도 자동완성 해주는 세팅도 사실은 webpack으로 설정이 된건가요??
리액트에서 자동완성을 해주는 세팅이라는거에 대해서 조금 더 구체적으로 알려주실수 있나요?
npx create-react-app
로 하는거요~
npx랑 webpack은 다른 개념입니다. npx는 매번 하는 프로젝트 세팅을 도울 수 있도록 git에 미리 세팅된 프로젝트를 올려둬서 언제든지 같은 세팅으로 개발을 할 수 있도록 도와주는 도구입니다.
npx create-react-app 프로젝트 패키지 안에 webpack이라는 번들 도구와 config 설정이 미리 되어 있는거라고 보시면 될 것 같아요
기억상으론 cra한 프로젝트에 npm run eject 하시면 숨겨졌던 config 폴더가 보였던걸로 기억합니다. 거기에 webpack 파일 있을거에요
아 그렇쿤요.. 감사합니다. webpack으로 리액트 환경설정 세팅부터 해볼려고 알아보고 있어요~ 근데 실무에서 주로 어떤 방법으로 프로젝트를 진행하나요??
npx create-react-app로 진행을 하나요?? 아니면 webpack 같은 번들러로 처음부터 환경 세팅을 만드나요??
부바부입니다. 저희팀은 vite를 좋아해서 vite를 쓰고 있습니다.
vite라는것은 무슨 계념이죠??ㅎㅎ
이것도 webpack과 같은 건가요?
최근에 와서는 typescript로 거의 빌드가 끝나다보니 특별히 번들에서 커스텀하게 세팅할 것들이 없어요
프론트엔드 개발 툴킷이라고 보시면 될것 같아요. Vue를 만든 Evan you가 개발, 번들 이런 툴이라고 생각하면 될것 같아요
오 그런것도 있군요ㅎㅎ
vite로도 한번 알아봐야 겠네요ㅎㅎ 감사합니다 :)
세팅이 엄청 쉽고 빌드가 webapck보다 빨라서 좋아요
오 그렇쿤요ㅎㅎ
우와아..다들 친절한 설명과 답변 감사드립니다!! :) 공부할 것들이 정말 많은데 싫진 않네요!! 뭔가 재미있는 영화들 리스트를 뽑아 놓은거 같아요 ㅋㅋㅋ 천천히 하나씩 봐야겠어요.
ㅋㅋㅋ 재미있는 영화 리스트라니 표현 좋네요
이모티콘 매일매일 고급진 정보들 배워가서 너무 너무 행복하네용 정말 감사합니다!!!
혹시 웹을 최적화하는 대표적인 방법이 무엇이 있을까요??
사진
크롬에서 개발자 탭에서 LightHouse 돌린다음에 시키는대로 하면 됩니다 ㅋㅋ
사실 최적화는 분야별로 방법이 다양해서 혹시 관심있는 최적화 분야가 있으실까요?
현재 그림판매 쇼핑몰을 만드는 프로젝트를 하고 있는데 (https://www.lumieregallery.site/) 작가페이지와 작품보기 페이지에서 응답속도가 늦으면 2초이상 넘어가는 경우도 생겨서 개선하려면 어떤 방식으로 접근해야하는지 궁금합니다..!
일단 썸네일로 써야 하는 이미지 사이즈가 1920x1920 사이즈를 쓰고 있어요
지금 목록 크기가 23rem으로 고정되어 있는데 이 이상 이미지가 클 필요가 없어서 자동으로 리사이즈를 하는 해주는 게 필요할 것 같구요
그게 아니더라도 1920x1920 이미지를 불러주는데 걸리는 시간이 너무 오래걸리는데 잠시만요
아.. 썸네일을 따로 안만들어나서 그렇군요...!!
*놔서
이미지 압축 라이브러리는 어떠신가요?
백엔드도 직접하시나요?
압축하면 화질도 같이 깨지려나🥲
백엔드는 팀원이 하구있어요ㅎㅎ!
이미지 리소스 로딩이 너무 과도하게 느린데 원인을 현재로써 파악하기가 힘드네요.
정적 리소스 핸들링하는 부분에 대해서 한번 확인해보라고 해주세요.
현업에서는 이미지는 cdn 서비스를 쓰도록 하고 있어서 그러면 보통 압축이랑 썸네일 서비스도 같이 제공하고 있으니까 한번 검토 해보심도 ... 물론 비용이 들어가긴 하니까 검토는 필요하실거에요
이미지를 클라이언트단에서 s3로 바로 저장/불러오기 하고 있는데 s3서버의 응답이 느린 것 같습니다 ㅠㅠ
다들 여기 이미지 로딩 속도 괜찮으신가요? s3인데 느리네요.
저는 잘 안뜨네요 꽤 오래 기다렸는데
저도 굉장히 오래 걸리네요
사진
저도 대강 이정도 걸리네요
도움이 못 되드릴것 같아요. 원인은 이미지가 맞는데 지금 느린 이유는 모르겠어요. 썸네일용 이미지는 따로 만들어서 쓰면 더 좋아지긴 할거에요.
응? 지금 그냥 인터넷이 다 느린것 같네요;;;
썸네일용 이미지룰 따로 저장하는 해야할까요?? 아니면 원본이미지를 불러올때 해상도를 낮춰야할까요???
요새는 이미지 관련 서비스들이 url에 끝에 사이즈를 query로 넘기면 자동으로 만들고 보관해주고 해서 프론트개발자들이 필요한 만큼 지정해서 쓰고 있는데
요청하면 그때 썸네일을 만들고 다음번에는 해당 이미지를 보여주는 방식은 어떠신가요?
미리 저장해두면 나중에 화면을 바꾸는데 제약이 생겨버려서요
요청할때 만드는 방식은 url요청-s3에 해당크기 저장 - 다음에 같은크기 요청시 해당쿠기 반환 하는 프로세스 일까요???
우와 .. 이런게 있었군요!!!
aws s3 ondemand image resize 이 키워드로 검색해보세요. 저는 그냥 제공받는 거를 쓰고 있어서 백엔드 구현레벨까지는 잘 모르곘네요
이모티콘 조언해주셔서 감사합니다!!!
구현 방법 관련 포스트들이 다양하네요. 저는 쓰기만 하는 입장에서 백엔드 개발자분 화이팅입니다. ㅋㅋㅋㅋ
파이팅하는 무지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
오 좋은 아티클 소개 감사드립니다 이런 용도로 쓰는거였군요
안녕하세요 화이팅하는 무지님 반갑습니다 :)
안녕하세요^ㅡ^ 인사가 늦었네요~좋은글 보고 들어왔습니다.
감사합니다 :) 여기서는 그냥 프론트엔드 궁금한 거 질문하고 관심있거나 재미난 소식들 공유하고 있어요 ㅎㅎ
그렇군요!! 저두 같이 공유하겠습니다~!
감사합니다! 요즘에는 뭐에 관심이 있어요?
개발잘하고싶님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요~! velog 글보고 들어왔습니다! 현재 프론트엔드 개발자 취준생이며 면접보고 다니고 있는 중입니다 잘 부탁드립니다!
안녕하세요 개발잘하고싶님 ㅋㅋ 환영합니다 잘 부탁드립니다
이모티콘
제가 항상 처음 오시는 분들에게는 물어보는 질문인데~ 요새 어떤게 제일 관심이 가시나요?
제가 기존에 리액트를 공부하면서 취업 준비를 했는데요
최근에 본 회사에서는 뷰를 쓰더라고요
거기 있으신 대표님이랑 개발자분들이랑 얘기를 하면서 사람들이 좋다라는 생각을 받아서
뷰를 배워야 하나 생각 중입니다..
면접을 봤습니당
뷰도 괜찮죠. 좋은 결과 있길 바랍니다. ㅎ
감사합니다!!
웹 프레임워크 뭐가 됐든 한번 해봤던 가닥이 있다면 금방 하실꺼에요.
그렇겠죠? ㅎㅎㅎ 나머지 면접봐서 붙는 곳으로 가겠지만 뭐든 열심히 해야죠
프론트엔드의 경우 워낙 기술들이 빨리 바뀌다보니 특정 하나를 오래한 전문가를 원하는 것 보다 이것저것 다양하게 기술을 빨리 갈아탈줄 아는 걸 선호해서
이모티콘
찍먹 좋아합니다
혹시나 나중에 리액트로 이직 안되면 어떻하나 이런 고민은 안하셔도 될거에요. ㅎ
ㅋㅋㅋㅋㅋㅋ
이모티콘
이모티콘 위로 감사합니다 ㅎㅎ
아직 시장에는 리액트가 더 많더라고요 화이팅입니다!
국내 시장은 외국 시장에 비해 많이 늦은편 같아요~
리액트에서 뷰로 가는 추세인가요??
리액트 점유율이 50%를 넘기도 하거니와 점유율 상승 요인에는 NEXT.js와 같은 서버와 결합된 프레임워크는 죄다 React 기반으로 나오고 있어서 더 가속화가 되는 것 같아요.
아뇨 당장은 그러지 못할거에요
엊그제 리액트 책 샀는데 다행이네요ㅋㅋㅋㅋㅋ
뷰가 리액트보다 개발속도나 환경에 더 편해서 많이들 쓰고 있긴 하지만 요즘 클라리언트 프레임워크가 아니라 서버와 결합된 라이브러리들이 계속 나오는 추세라
vue나 제가 밀고 있는(?) svetle나 모두 서버를 기반으로 하는 프레임워크를 만드려로 하는데 이게 판도를 뒤집기 전에는 힘들거에요 이미 React로 개발된 서비스들이 워낙 많아서
대신 새로운 프로젝트를 하거나 중소규모의 프로젝트를 하기에는 react가 부담일 수도 있기도 하고 어차피 프레임워크의 본질은 크게 차이나지 않아서 대기업에서는 두루두루 뽑는 편이구요
인력을 많이 뽑을 수 없는 곳에서는 가급적 현재 회사에 세팅되어 있는 환경을 하는 사람을 원할텐데 국내 시장은 확실히 React비중이 높고 그 다음이 vue인듯 합니다
오홍..ㅎㅎ 요즘 뷰도 많이 보이긴하지만 리액트를 원하는 곳이 더 많이 보이긴 하더라구요!!
그렇죠 리액트생태계가 워낙 크니까요 ㅠㅠ
그래도 배우다보니까 익숙해지면 또 하게 되더라구요 ㅋㅋㅋ 리액트 요즘은 좋아졌어요 😁
문법때문에 정 안가다가..😅
공감합니다~ 그래서 저도 별로 안 좋아 했는데;; 옛날옛적 리액트가 주류가 아닌 시절에는 리액트에 관심을 안 뒀던 부메랑을 좀 겪고 나서 뭐든 주류가 될만하다 싶은 애들은 꼭 챙겨보고 있어요
그렇군요!! 그런면에서 저는 잘 가고있나봅니다 🤣 확실히 프론트엔드는 트렌드를 잘 알아야하나봐요.
용태님은 보통 그런 정보들은 어디서 보는편인가요??
저는 어디서 봤는데 깃허브 트렌드? 그런 것도 있다고 들었는데
저는 보통 유튜브에서 개발 유튜버분들이 올려주는 영상 보거든요.
일단 해마다 하는 설문 사이트들을 주로 이용합니다 stateofjs stateofcss
유튜브도 소식 알려주는 유투브는 잘 이용하고 있어요 fireship같은
여기도 가끔씩 관찰하고 있고요
대기업에 다니니까 회사내 소식지도 괜찮고
직장인이 아니었을땨에는 naver나 kakao 테크 블로그도 가끔씩 봤었어요
특히 2021 기술 동향 이런 키워드로요
오홍..아 맞아요! 기술 블로그도 좋은 것 같아요 아무래도 회사내에서 쓰는 기술들을 알려주다보니
서비스 수명은 오픈 하고 나도 생각보다 긴데 기술이 바뀌는 주기가 너무 빠르다보니까 한번씩 갈아타지 않으면 레거시 코드를 처리하는게 너무 스트레스기도 하고
*오픈하고나서도
나중에 레거시만 붙잡고 있다보면 올드한 개발자가 되어 이직이나 재취업에 너무 불리했던 적이 있어서 좀 경감심을 가지고 있습니다!!
*경각심
https://github.com/naver/fe-news
저도 의식하고 자주 관심을 가져야겠네요..! 네카라쿠배당토는 아무래도 FE 경력직을 뽑다보니 시간을 허투루 쓰면 안되겠단 생각이 들어요!
오... 대박
어디 링크 모음은 공지에나가 걸어 놓으면 좋겠네요 https://bestofjs.org/ 여기도 전에 소개한 사이트 입니다
오 이건 최신 트랜드 기술을 한눈에 볼수 있는것 같네요
네~ 저 같은 경우에는 현업레벨에서 사용할 라이브러리를 찾는다기보다 사람들이 어떤걸 개선하고 싶어 하는지 관심사 체크 용도로 활용하고 있어요
오 그렇쿤요ㅎ 유용한 사이트 네요 감사합니다
한가지 궁금한게 있는데요. 회사들 마다 다르겠지만.. 어떤 서비스를 출시하고 나서 시간이 어느 정도 지나서 라이프러리나, 플러그인 트랜드가 바뀌면 최신 트랜드로 다시 리팩토링 하는 작업 많이 하나요??
그렇죠~ 그러지 않으면 무엇보다 신입이 들어오질 않을걸요? ㅋㅋ
아 그렇쿤요ㅎㅎ
효율도 효율이지만 지금은 아마 jquery개발자 보다 react 개발자 구하는게 더 쉬울거에요 ㅋㅋ
ㅋㅋㅋㅋㅋㅋ
네 그건 그렇죠ㅎㅎ
재밌는 사실은 대부분의 경우 초창기 멤버가 퇴사하거나 하면서 인수인계를 받는 사람들이
이 고대 유물은 뭐지!?
몇년 전만해도 제이쿼리 얘기만 나왔던 걸로 기억하는데 요즘엔 리액트 얘기만 하는 걸보니 트렌드 변화가 정말 빠른것같아요
하면서 아~ 이건 도저히 유지보수 못할것 같으니 새로합시다! 혹은 좀 바꿀게요 하면서 바뀌죠 ㅋㅋ
ㅋㅋㅋㅋㅋ
프론트가 공부할게 계속 생겨서 넘 재밌는 것 같아요ㅎㅎㅎ
그쵸 주식이나 코인 마냥 떡상할것 같은거 잘 갈아타야 합니다!
용태님이 보셨을 때 스벨트 떡상할것같으신가요 ???
그쳐 저는 이미 풀매수하고 존버중입니다 ㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋ
용태님은 스벨트가 왜 좋으신가요?
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
저의 철학이랑 스벨트가 꽤 일치하는데 길지만 요약하면
리액트랑 비교했을때 프레임워크가 뭘 안할수록 빠른건데 코드 수가 적은 거랑 근본이 JS가 아니라 HTML인 점이요
스벨트 개발자 버셀 들어갔대서 리액트가 더 커지지 않을까라고 저는. 생각했었어요
저도 그 소식에 엄청 좋았습니다 일종의 호재죠 ㅋ
오 스벨트의 호재로 보시나요
스벨트가 spa에서는 검증된 프레임워크인데 현업에서 쓰기 힘든건 라우터 기반의 프레임워크랑 결합하기 힘들어서 라고 생각하거든요
next를 만드는 회사로 갔으니 뭔가 좋은게 나오겠죠
용태님의 스벨트 영업 글도 기대해보겠습니다 ㅎㅎ
오! 입문글에 잠깐 쓰긴 했지만 작정하고 쓸 법도 하네요ㅋㅋ 음... 취업하는 분들에게는 헷갈리기만 할텐데 걱정이 됩니다
회사에서도 svelte로 서비스 만든다고 할때도 우려의 시선이 많았었기 때문에 ㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋ
그래도 프레임워크들의 차이점이나 트렌드가 어떻게 변하고 있는지에 대해서 가져갈 수 있지 않을까..!
는 모르겠고 사실 용태님 글이 너무 재밌어요 ㅋㅋㅋ
회사내에서 svetle를 전파하기 위해 만든 ppt가 이미 있어서 그거 정리해서 올릴게요 ㅋ
옹! 너무 기대됩니다 ㅎㅎ
사내유머(?)코드로 프레임워크는 일종의 종교와도 같은거라서 회사내부도 angular파 react파 vue파 svetle파가 다 있어서 개종이 쉽지 않아요 ㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋ
스벨트 교주 용태님 ㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋ
맞아요 저도 주변에 취준생들 뿐이라서 다른 프레임워크 추천할수가 없는게.. 리액트 시장이 너무 커서 ㅠㅠ
뷰 갔던분들도 돌아오시는분들이 있을정도였어요...
ㅋㅋㅋㅋ 그런 이미지 맞아요ㅋ 내부에 vue교주님도 있어서 맨날 각자 소식 복음으로 전파하고 그러고 있어요 ㅋ
맞아요 저희 회사의 가장 큰 강점으로 꼽는데 기술스택의 자유라고 생각합니다. 초기 프로젝트가 많아서 그런거라 금방 대기업스러워지겠지만요
어제 면접을 봤는데, 일 대 다 면접을 비대면으로 처음 봐서 정말 힘들었던 경험이 있네요 ㅋㅋㅋㅋ ㅜㅜ
포트폴리오와 자바스크립트 질문이 대부분이였는데 꼬리 물기로 정말 20개 넘는 질문을 받은 것 같아요
읔... 힘드시군요 ㅋㅋ 요새는 적어도 1차는 그런식으로 하는 것 같아요 ㅋㅋ
어떠셨나요?
저도 나름 모던 자바스크립트 딥다이브 2회독 하면서 정리한 부분이 많아서
꾸준히 보고 있었는데도
뭔가 책에서 벗어나는? 질문을 하면
정말 당황하게 되더라구요 ㅋㅋㅋㅋ,,,
가비지 컬렉션에 대한 내용도 깊이 있게 물어보셨는데
저는 그저 선언하고 호출이후에 더이상 호출되지 않으면
가비지컬렉션이요? ㅋㅋ
가비지 컬렉션에 의해 소멸한다 정도로만
알고 있었는데
네네 ㅋㅋㅋㅋ ㅜㅜ
자스는 자동으로 된다고 알고있어서 ㅠㅠ 저도 그정도만 알고있는데 자세히 물어보나요..
그리고 예를 들면
프로미스 패턴과 asycn await의 차이점은 뭔가 많이 생각해봤는데
async await의 단점이 뭔가요 (?)
이런 질문을 주시거나
ㅋㅋㅋㅋ 맞아요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ,,,
호이스팅의 장점이 뭔가요??
오호 괜찮은 질문이다 ㅋ
저도 이 부분에 대해서
XMLHttpRequest와 fetch 함수의 차이점
질문받았던거가타요
적어놔야지~~
이런것들을 물어보시더라구요
아직도 모르고있습니다..
그리고 조금 더 원론적인 질문(?)
약간 저희는 이정도는 안물어보겠지 하는 것도
프로미스가 뭔가요 콜백이 뭔가요 이런 식으로도 물어보셔서
async 함수는 가시성이 장점이다 라고했는데 chaining도 똑같지 않냐?라는 질문도 들었던거같아요
조금 더 탄탄히 준비를 해야겠다는 생각이 들었습니다..
맞아요
저도 그런식으로 대답하고 같은 답변을 들었네요 ㅋㅋㅋ ㅜㅜ
결국엔 promise 도 후속 처리 메서드를 통해서
.then() .then() …
뭐 대변해주시는 뭐하지만 면접을 볼때 정답을 알고 있는지 모르고 있는지가 궁금해서 물어보는 건 아니라서요 혹 대답을 못하더라도 너무 실망마세요;;
으로 될거고 await 도 같이 되는 거면 그걸 단점으로 볼 수 있냐(?)
ㅋㅋㅋㅋㅋ ㅜㅜ 맞습니다
비대면에여서 시선처리가 더욱 안됐던 것 같아요 ㅜㅜ
저는 그래서 보통 면접 끝나고나면 처음 들었거나 얕게 알았던거를 되묻기도합니다
저는 https 핸드쉐이크에 대해서 물어보셔서 얼탔어요
이벤트 루프에서
전공자한테 물어보니 기초적인거라고...
태스크 큐 마이크로 태스크 큐까지 가서
진땀을 뺐습니다
ㅋㅋㅋㅋㅋ,,
좋은데 면접 보셨군요 ㅋㅋ
와우 초보면접관으로써 도움이 될만한 정보네요 ㅋㅋ 감사합니다 ㅋㅋ
부족한 점을 알아가는 면접이 좋은거 같아요 ㅋㅋㅋ
11월에 좀 몰아쳐서 면접보다가
소강상태였는데, 뭔가 한번도 도전해보니
한번 더 도전해보니 정신이 없네요
저는 프로미스를 호이스팅해서 사용할수도 있다라고 들었는데.. 아직도 그거에 관련된 키워드를 못찾았어요
뭔가 실무에서 코드 짜면서 배워야 알 법한 내용이군요...!!
제가 공부한 깊이로는 스스로 짤 생각도 안해볼 것 같습니다 ㅋㅋㅋㅋ,,,
;; 그건 좀
저는 더글락스크락포드 영향을 좀 받은 케이스인데 뭔가 굳이 엄청 특수한 상황을 deep하게 알아야만 해결 할 수 있는 것을 알아야 하는 것에 대해서 회의적인 입장이라
이론을 위해 깊게 들어가는 거에 대해서는 그게 실무에서는 어떻게 쓰이나요? 라고 하면 .... 안되겠죠? 으음....
그래도 면접관분이 그런걸 다 알고있으니까 질문을 하시는거잖아요 좋은 분이 있는 회사니 좋은 결과 있었으면 좋겠네요
이모티콘
진짜 내가 얼만큼 잘하는지를 증명하거나 평가한다는게 어려운거 같아요 ㅠㅠ
삭제된 메시지입니다.
그래서 회사에서 사람을 뽑을데 결국 추천으로 뽑는 경우가 많아서 어디든 입사하셨다면 평판작 잘해두시기 바랍니다
현실적인 꿀팁 조언이네요 ㅋㅋㅋㅋ
현실 호감작...
맞아요. 결국 일 잘하고 싶은 사람을 뽑고 싶은건데 일은 같이 해봐야 하는거니까요
용태님..! 제가 이번달, 빠르면 다음달에 디자이너와 협업을 할 것 같아요. 그러다 용태님 글을 정리하고, 제가 보고 느낀 것들을 이것저것 덧붙이다 보니 블로그 글을 쓸 정도가 됐어요. 😀 혹시 괜찮으시다면 글 출처를 남기고 블로그 글을 올려도 될까요? 아니면 용태님 메일로 내용을 먼저 보내드리겠습니다! :D
*빠르면 이번달, 다음달
와! 글을 퍼가건 인용하건 아무런 상관없어요. 더 많은 사람에게 보여주신다면야 저야 마다할 이유가 없어요 ㅋ 감사합니다!
저야말로 감사드립니다! ㅎㅎ 좋은 글들이 너무 많아요!!!!
퍼블퍼블님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 초롱초롱 네오님~ 반갑습니다 :)
안녕하세요!!
프론트엔드 관련된 질문이나 관심사를 남겨주시면 서로 답변들 하고있습니다. 간간히 프론트엔드 소식이나 괜칞은 링크등도 공유 하고 있어요. 취미로 하는거라 부담없이 언제든지 글 남겨 주세요 :)
이게 어떤 내용이에요?
log4j 라이브러리 보안이슈가 발생했다네요..!
오~ 그렇군요~ 좋은 정보 감사합니다 :)
사진
난리 났었곘네요.. 휴우.. 프론트라서 다행이네요 ㅋㅋ
ㅋㅋㅋㅋㅋㅋ
이거 진짜 장난아니네요
구글링 해보면 어떻게 보안을 뚫는지에 대한 문서도 찾아볼 수 있다네요!!
프론트만세..ㅎㅎㅎㅎ
주니어개발자님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 주니어개발자님~ 반갑습니다 :)
자율님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 자율님 반갑습니다~
안녕하세요 벨로그 글 보고 들어왔어요
감사합니다~ 늦게까지 공부를 하시는구요!! ㅎㅎ
네에ㅋㅋㅋ 알고리즘 풀고 있는데 다음주부터는 태오님이 올려주신 게임들 만들어봐야겠어요 !!
우와! 기대하겠습니다. +_+ 여기에 올려주시면 아마 다같이 즐겨볼수 있을것 같아요 ㅎ
주니어 프론트엔드 개발자가 읽으면 좋은 혹은 꼭 읽어야하는 책이 뭐가 있을까요??!
사지는 마세요!! 저는 이 책이 참 좋았었는데 너무 오래된 책이라... ㅋㅋ http://www.yes24.com/Product/Goods/3071412
아! 잠시만요
만화도 괜찮고 원본도 좋아요! 프론트엔드 개발자를 위한 책은 아니지만 협업을 하거나 특히 회사일을 하는데 있어서 엄청난 인사이트를 줍니다!
개발서적은 요새 거의 인터넷으로만 배워서 따로 책을 읽지는 못했던거 같아요. 개발서적은 나중에 한번 훑어보고 추천드려 볼게요
만화버전으로 바로 구매했습니당!!
후기보니까 글로 읽으면 어렵다고해서..ㅎㅎㅎㅎ
네~ 저도 그랬습니다 ㅎ
이모티콘 좋은 책 공유해주셔서 정말 감사합니다!!!
네 도움이 되었으면 좋겠습니다.
음악듣는 어피치님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
를_좋아하나요_.png?w=768)
오..! 새로운 글이군여!!
와 대박...!
바로 글 써주셨네요!! 너무 감사드려요🤭
이모티콘 저야말로 감사합니다~ 글을 쓰는 것 보다 뭐 쓸지 고민하는게 더 어려운 데 덕분에 주말에 일사천리로 작성되었습니다 ㅎㅎ
글 진짜 너무 재밌게 읽었습니다. 기술관련 글이 이렇게 재밌을수 있나? 싶을 정도에요 ㅋㅋㅋ
우왕~~ 감사합니다 :)
프레임워크의 역사나 각종 외부 자료도 너무 흥미로웠구요. 많이 배워갑니다!! 앵귤러가 한 시대를 풍미한 강자였다니 그건 몰랐습니다. 사실 svelte 잘모르고 듣기만 했었는데 글을 읽으니 커뮤니티 지원이나 관리 주체가 회사가 아니고 커뮤니티라는 부분 라이브러리가 부족한 부분 빼고는 너무 좋은 프레임워크네요. html css js를 그대로 쓰면 된다니 조금 충격적이었습니다... 호감이 생겨버렸네요 ㅋㅋㅋ 그리고 자체 개발하신 프레임워크도 깃허브에서 쭉 봤는데 문법이 어떻고 보다는 주니어 개발자인 저는 이미 만들어진 프레임워크들을 사용하기 때문에 직접 만들어서 사용하신게 너무 신기했습니다 ㅋㅋ 글너무 재밌게 봤습니다 감사합니다😊👍
이모티콘 아이구 엄청난 감상문 감사합니다 :) ㅋㅋㅋ 다른 사람들도 볼 수 있게 velog댓글로도 .... 하하하;; ㅋㅋㅋㅋ 고맙습니다!!
(하트)
궁금한게 있는데 혹시 프론트엔드 하시는 분들 중에서 DB를 쓰거나 공부하고 계신게 있으신가요?
저는 개인프로젝트 하기위해서 몽고디비나 파이어베이스 이용해서 조금씩 해보고있어요
그렇군요. MongoDB랑 Firebase 괜찮네요. 감사합니다.
테오님 svelt는 no virtual dom이라 하셨는데 그럼 svelt는 어떤 기술을 이용해서 spa를 구현하는건가요?
svelte문법으로 만든 코드를 직접 바닐라JS로 만들어준다고 보시면 되요
사진
사진
앱이 바이너리로 컴파일 하듯이 svelte는 JS로 컴파일을 해주는 기술을 사용합니다. 그리고 이 안에 반응형-바인딩 기술이 같이 내장되어 있어요
아하! 어떤건지 감이 잡혔어요 감사합니다!! svelt 영업글 잘 봤어요! 성능적인 부분보고 약간 홀렸습니다 ㅋㅋㅋ
오 이거 저도 궁금했던 부분인데 너무 좋은 질문!!!
저도 댓글 달았습니다 ㅎㅎ
그런식으로 사내에서도 영업중입니다 ㅋㅋ
프론트준비생님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 벨로그에서 글보고왔습니다
안녕하세요~~ 프론트준비생님 반갑습니다 :)
벨로그에서글잘보고있습니다
감사합니다! +_+ 어떤 글이 여기로 인도했나요? ㅋㅋ
저는 알고리즘글하고 css글봤습니다
그렇군요~ :) 여기에서는 블로그와는 관계없이 프론트엔드에서 그때 그때 궁금한 것들 남겨주시면 답변 드리고 있어요~ 저도 여기서 최근 동향이나 블로그 주제도 얻고 있어서 물어보시는 거에는 전혀 부담 가지지 마시고 편하게 물어보세요 ㅎ 그냥 관심사 공유나 프론트엔드 소식링크 같은 것도 공유하고 있어요
프론트준비생님은 최근에 관심있는 주제가 뭐에요? :)
음.. 저같은경우 이제프론트엔드쪽을 독학중이여서 html css js공부중인데요 html css도 막상공부해보니 되게 깊게공부할수도 있기도하고 css자체도 되게 원리적으로되있더라구요 그래서 프론트엔드 취업에있어서 요구되는 html css수준이 어느정도필요한지 그리고 처음공부하는입장에서 html css를 어느정도 공부하고 js로 공부하면 좋을지궁금합니다
프엔공부중님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요~ 프엔공부중님 반갑습니다 :)
취업에서 당장 목표하고자 하는 분야에 따라 요구수준이 다르긴합니다~ 관심분야는 어디인가요?
음.. 사실 아직 구체적으로 어느분야로 취업하고싶은지는 안정했구요 그래도 어느정도 규모있는곳에서 시작하고싶어서 코딩테스트도 준비하고있습니다
아 그리고 코딩테스트 관련해서여쭤보고싶은것도있는데 저는 js로 공부중에있긴한데 비전공자기도하고 알고리즘자료구조 수업도 안들은상태입니다 원래 코테는 언어상관없이 논리전개과정을보는 시험이라길래 코테에서 유리하다고하는 파이썬으로 준비하려다가 프론트엔드같은경우는 js로만 보는기업이 많다해서 js로준비중이긴한데.. js가 파이썬에비해서 코뎅테스트 자료가 많이없긴하더라구요.. 이런상태에서 그냥 js로 계속준비하는게나을까요?
안녕하세요! velog 글 너무 잘 읽고 있어서 카톡방 들어오게 되었습니다!
네~ 프론트엔드를 지향하신다면 굳이 파이썬으로 코테 준비 하시지 마세요
회사마다 평가기준이 다를 수 있으니 절대적인 것은 아니지만 저희는 프론트엔드 개발자가 다른 언어로 코테를 보는 것이 좀 의아해 하긴 하고 있어요 결국 JS를 다룰 사람들이니까요
아 역시 그렇군요...
현직에 계신분이 그러시니까 그냥 지금하고있는데로 계속해야겠네요 감사합니다
프론트에서 평가를 하고 싶은 항목은 알고리즘을 아느냐가 아니라 지문을 보고 문제를 제대로 이해하고 구현 능력이 있는지를 알고 싶은 거에요 업무에서는 기획서를 읽고 원하는 걸 만들어야 하니까요 :)
감사합니다! 궁금한 내용이나 최근에 생긴 관심사가 있다면 언제든지 편안하게 글 남겨주세요
단순호기심으로 오픈카톡방에들어온거였는데.. 제가 생각한것보다 자세하게알려주셔서 감사합니다 ㄷ
저 개인적으로 느끼기엔 점점 프론트엔드 개발자는 코테보다 과제를 많이 주는 것 같아요..! 코테를 보더라도 JS로 제한하는 경우도 있었구요! 이번 네이버 파이낸셜 채용도 백엔드는 코테를 보고 프론트는 기술과제를 수행했어요. 제 경험으론 기술과제를 보거나 화상면접 때 코드를 보여주고 결과값을 예측하는 걸 많이 하시더라구요.
맞아요 저희도 사내에서 특히 프론트엔드에서는 코테 무용론이 한창 논의가 되어서 코테시 알고리즘이 아니라 시간내에 과제 구현으로 변경됐어요
오..카카오도 변경 되었군요!!
점점 프론트와 백엔드의 역할이 뚜렷해지는 것 같아요 제 기분탓인진 몰라도 ㅋㅋㅋㅋ
오.. 정보감사합니다
계열사랑 팀마다 전형마다 달라서 저희만;; ㅋ
일반화는 아직 ㄴㄴ 입니다 ㅋㅋ
ㅋㅋㅋㅋㅋ 알겠습니다 😆
알고리즘 무섭지만 언젠가 한번 해보세요 재밌어요 ㅋㅋㅋ 어느 순간부터 재미 없어지겠지만...
ㅋㅋㅋㅋㅋㅋ
특히 화상면접 때 코드를 보여주고 결과값을 예측해보라고 하면 답만 내놓지 마시고 그 과정을 천천히 설명해보시면 좋은 결과 나올거에요!!
저는 프로그래머스 레벨2에서 계속 정체 중..ㅋㅋ
카카오 3레벨에서 벽느껴요...
시간내에 구현하는건 예를들어 일주일정도 기한을 주고 구현하라는 건가요? 아니면 현장에서 몇시간인가요?
와..3레벨까지 가셨군요 ㅠㅠ 능력자시네요!!
저 멘토님 질문있습니다 혼자서독학중인데요 혼자공부하다보니 소위 부트캠프곳같은곳에 가면어떨까?라는 생각이 종종듭니다.. 왜냐하면 혼자하면 일단 내가 공부하는 방향이 정말 맞는건지 걱정이되서 부트캠프에 대한 생각이 종종드는데.. 멘토님이 보시기에 비전공자로 혼자공부하는입장에서 부트캠프같은 학원이 필수적으로 도움된다고생각하시나요? 근데막상 부트캠프 가고싶어서 가격이너무비싸서 혼자하는거라 그냥 푸념이긴합니다 ㅋㅋ..ㅠ
저희 전형은 3시간 당일 과제였습니다
감사합니다 ㅜ 저희도 과제때문에 고민이 많아서요.
프론트준비생님 청년정책 쓸 거 다 쓰세요!! 그런거 관련 대출이 많습니다. 제 동기분 같은 경우도 정책으로 대출 받아서 700 중에 600정도 대출 받은 걸로 알고 있어요. 6개월 동안 한달 50씩 주는 것도 있구요. 저도 그 질문을 드린 적이 있었는데 인적 네트워크가 생긴다는게 제일 큰 장점이라고 하더라구요. 주변에 개발자가 많아지고 커뮤니티가 생긴다는점?
도움은 분명히 될겁니다. 회사일 비슷한 기획과 협업 경험은 독학으로 채우기 힘들긴 하죠~ 근데 부캠이 학습의 장이라고 보기는 어려운것 같아요 가서 보면 잘 하는 사람이 잘하더라구요;;
알고리즘 자체 보단 알고리즘문제 해결할때 그 에티튜드를 보는거같더라고요
상당히 좋은 표현이네요!
어.. 대학졸업한상태라 사실상 무직인상태인데.. 무직한테도 대출이나오나요..?? ㄷ
저는 현재 코드스테이츠라는 부트캠프를 하고 있는데 커리큘럼과 개발자 친구가 생긴다는 점에서는 굉장히 만족중입니다!!
엇.. 저 혹시 궁금한게있는데 질문좀드려도될까요?
네!!
디자이너 기획자 개발자 모여서 구글 스프린트 같은거 1주일만 경험해봐도 느낄수 있는게 진짜 많은데 책임감 있게 하기가 참 어려워서 그 책임감을 돈으로 묶어 두는 기분입니다 ㅋ
저도 주변에 위코드 개발자와 항해분들 있는데
이런느낌이 맞는거같아요....
취업못하면 그 돈 날리는게 되는거니...
네! 청년대출이라 상관없을 거에요. 청년 정책을 활용하시면 훨씬 부담이 덜하실거에요. 살고 계신 지역과 청년정책을 검색해보시면 됩니다!
진현님이다니시는부트캠프 저도 좀 알아보긴했는데 거기가 막상 다녀보니 가르쳐주는건 거의없고 어떤걸 배우는지만 알려주고 대부분 자기스스로 자료찾고 해서 공부하는식이기도하고 관리도 잘안된다느말이많던데.. 혹시 현재다니시는분입장에서 이부분에대해서는 어떻게생각하시나요?
넵..가르쳐주는거 일절 없습니다.. !
부트캠프 이야기 저도 항해랑 위코드 들어보면
아하..
둘다 비슷한거 같아요
비슷하군요..동기분은 위코드였는데 다 스스로 해야한다고 하더라구요
이게 책임감을 가지고 각자 역할을 하면 부트캠프인데
한명이 좀 대충하기 시작하면 조별과제 되는건 순식간이라서
그렇군요 ㄷ 가르켜주는게 일절없다고 하셨는데.. 음.. 그럼 커리큘럼이 만족하신다는말씀은 어떤부분에서 만족하다는말씀이신가요??
전 국비지원 학원이였는데 뼈저리게 느꼈습니다..그래서 다음 프로젝트땐 제가 팀장 했었어요
학원안다녀본 입장에서 부트캠프에대한환상(?)이 좀 있었는데 여기계신분들말씀들어보면 뭔가 엄청난걸 가르쳐주는거같진않고.. 그냥 프로젝트용(?)으로 다니는느낌이 좀 나는거같기도하고그러네요
보니까 거의혼자하는게많다면 700-800내고 다닐정도인가? 라는생각이사실좀 듭니다 ㄷ
맞아요 커뮤니티와 프로젝트 봐주고 코드리뷰해서 좋은방향으로 갈수 잇게 해주는 비용..?
수강생 관리에대한 부분도 전혀 없고 코드리뷰도 없습니다.. 단지 개념에 대한 문서와 하루 1시간남짓한 실시간 설명세션(그것도 개발안해보신 인턴분들이 해줍니다..)만 있습니다.
어.. 그런데도 만족하시는건가요?? 솔직히 제가 코드스테이츠다닌다고하면 좀.. 불만족인부분이 더 클거같은데 흠..
사진
이런식으로 매일매일 몇시에 뭘 해야하는지 커리큘럼이 잘 짜여있고
아하 ㄷ
중간중간 페어프로그래밍도 같이 넣어놔서 공부를 게을리 못하게 만들어놨어요ㅎㅎ
환경적인부분에서 만족하시는게맞나요??
850만원이라는 거금을 생각하면 불만족이 맞는데
교육내용은.. 거의 혼자하는거같으시고
노력을 남들보다 배로하시면 돈이 안아까울수도 있을 것 같아요..
공부는 원래 혼자하는거라 저는 그런 공간제공과 프로젝트 구성원 모아주고 코드리뷰 및 방향성 제시 해줘서 취업까지 거의 성공하니
아하.. 그렇군요 정보감사합니다
제가 돌이켜 생각해봤을때 독학으로 했다면 이렇게 단기간에 많은 개념들은 절대 못배웠을 것 같아요
맞아요 혼자하는사람은
굳이 필요없는데
진형님은 혹시 수업내용들은 주로 어디서배우시는건가요?? 인프런이나 그런사이트애서 인강으로 배우시는건가요??
구글링이요..!
혹시 더 궁금한거 있으시면 gojh 로 개인톡 주세요!
헉 감사합니다 ㅋㅋ
친구들 중에 다른 부트캠프 갔던친구들도 있어서 장단점에 대해서 설명해드릴 수 있을 것 같아요ㅎㅎ
따로톡드리겠습니다
전에 velog보니까 인프런에서 스터디도 모집하던데
간단한 5일 스프린트나 하루 해커톤 이런 커뮤니티는 없나요?
holaworld.io
제가 아는분이 만들었는데
사이드프로젝트 모으는 사이트도 있고
짧게 몇일 이런건 없는거같아요
장기로 가는 멤버 모집이 진짜 안 쉽거든요
맞아요 ㅠㅠ 저 프로젝트해서 완성해본적이 한번도 없어요… 회사에서 하는거 말곤,ㄴ..
열정이 식는 시기가 다 달라서
그러면 여기서 스프린트모집을...
맞아요. 그래서 돈을 걸어두는거죠
그래서 저 디비쪽 몽고를 배운게 혼자 프로젝트해야 완성할거같아서
몽고디비로 간단하게 프로젝트 해보려고.. ㅠㅠ
혹시 5일만 진행하면 해보고 싶으신분 계신가요? 원격으로?
하루 1시간
오..어떤건가요?
저는 너무 해보고싶어요....
너무너무 원합니다...
그냥 구글 스프린트 5일만 돌려보는거에요 잘 되든 말든
좋습니다 ㅎㅎ 저 지금도 혼자서 카페와서 강의 보면서 공부중인데
저는 그냥 소개만 진행만하고 빠지고 알아서 하시고
ㅋㅋㅋ
너무 좋습니다
저도 지금 혼자 카페에요 ㅋㅋㅋㅋ
오 좋네요 ㅎㅎ
좋습니다!
근데 프론트끼리만 할수있을까요? ㅋㅋ
그런 과제를 하나 선정해야죠
ㅋㅋㅋㅋㅋㅋㅋㅋ 저 SQL은 할 줄 아는데..하하
그냥 삽질한답시고 해도 저는 좋습니다
저 간단하게 백앤드도 가능하기도 하고 파이어베이스로 간단하게 구현 가능하더라고요
저도 좋습니다!!
백도 좋아요
구글 스프린트 해보신적 있으신가요?
저는 처음입니다
얘기만 들어보고 한번도 안해봤어요~
그 시계놓고하는거
저도 이야기만 들어보고 처음 해봐요
뽀모도로
그러면 코딩을 하는건 부담스러울수 있으니까 진행만 배우는걸로 해봐요
좋습니다!
혹시 다들 직장이나 학교 다니시나요? 1시간을 낼 수 있는 시간대 공유 한번씩만 알려주세요
이번에 체험해보고 들어간지 3주되었지만.. 회사에 적용해볼수 있으면 적용해봐야겠네요 ㅎㅎ
이모티콘 기대된당...
저는 땡기면 4시까지 퇴근 가능해서
4시 이후에 가능합니다
용태님 저도 하고싶습니다 !
그러면 일단 다같이 시간을 낼 수 있는 1시간만 맞춰봅시다. 해보고 싶은 분들 중에 안되는 시간만 먼저 알려주세요
오후 8시 30분 이전에는 힘들것같습니다
그럼 공지사항 같은곳에 올려놓고
채팅은 휘발성이 강해서
공지사항 댓글로 남기게 해서 모으는게 좋을거같아요
테오의 스프린트 1기 모집..!
저도 해보고싶습니다!!!!
오..!! ㅋㅋㅋ 테오의 스프린트 1기!
기대가 됩니다
저는 6시 30분에 퇴근이라 바로 카페로 향하면 7시 이후에 가능할 것 같습니다.
[공지] [테오의 스프린트 1기 모집..!] 재미삼아 구글 스프린트 5일만 한번 다같이 해보려고 합니다. 역할이 분명하지 않고 사람들이 많아 산으로 갈 지도 모릅니다. 큰 기대 하지 말고 가능하신분은 가능한 시간대를 기록해주시면 최종 시간대 결정하고 잡아보곘습니다. 진행 방식은 온라인으로 진행할 예정입니다.
톡게시판 '공지': [공지] [테오의 스프린트 1기 모집..!] 재미삼아 구글 스프린트 5일만 한번 다같이 해보려고 합니다. 역할이 분명하지 않고 사람들이 많아 산으로 갈 지도 모릅니다. 큰 기대 하지 말고 가능하신분은 가능한 시간대를 기록해주시면 최종 시간대 결정하고 잡아보곘습니다. 진행 방식은 온라인으로 진행할 예정입니다.
이거 수정이 안되는 군요. 스프린트 하려면 월요일 부터 시작해야 되는 데 다다음주는 크리스마스 껴 있어서 ㅋㅋㅋ 내일부터 괜찮으세요? ㅋ
저는 내일부터 가능합니다
내일부터도 가능합니다!
가능한 인원이 4명정도가 되면 해보고 아니면 다음주로 할게요~
저도 내일부터 가능합니다! ㅎㅎ
저도 가능합니다!!
공지 댓글에 남겨주신 남대영님이 가장 늦은 8시 30분이시니까 일단 8시 30분 부터 9시 30분 까지로 잠정 결론을 지어놓고 남대영님 답변 기다려 본 다음에 이렇게 한번 뭐가 되든 해볼게요~ :)
이모티콘
일단 저지른 느낌이라 이런 기분이긴 한데
그래야 뭐라도 하겠죠 ㅋ 신청해주신 분들께 감사합니다. 잘 준비해볼게요
제가 직장인이라 8시 30분 이후에 가능하고 최대한 집에 빨리 달려가보겠습니다! 내일부터 가능합니다!
아 기대된다 ㅋㅋㅋ
ㄴㄴ 기대 금지요 ㅠㅠ
저도 슬쩍... 참가할게요
모든 분들이 함께 기획자, 디자이너, 개발자 역할을 하는건가요???
저희가 만나서 몇시간씩 하는게 아니라서 실제 스프린트처럼 타이머를 정하고 얘기하고 이런건 현실적으로 힘들어요. 그래서 숙제방식으로 진행하려고 합니다. 이것도 해봤는데 효과는 비슷했어요.
네 그렇게 해야겠죠?
좋습니다 이런거 경험해보고싶었어요 ㅠㅠ
스프린트 !!!
내일 8시 30분전까지 시트 1과 시트 2는 작성을 해오시고 시트 3은 발표 준비만 하고 공유는 하지 않으셔도 되요
궁금하신거 있으면 언제든지 물어보세요~
12/13(월) ~ 12/17(금) 5일간 구글 스프린트 소개 및 체험 https://docs.google.com/spreadsheets/d/1rFzchyf_CutQOTd3-SLHWSEyFZPCRJF7wSyRh27Mbjk/edit#gid=0 내일 8시 30분전까지 시트 1과 시트 2는 작성을 해오시고 시트 3은 발표 준비만 하고 공유는 하지 않으셔도 되요 궁금하신거 있으면 언제든지 물어보세요~
톡게시판 '공지': 12/13(월) ~ 12/17(금) 5일간 구글 스프린트 소개 및 체험 https://docs.google.com/spreadsheets/d/1rFzchyf_CutQOTd3-SLHWSEyFZPCRJF7wSyRh27Mbjk/edit#gid=0 내일 8시 30분전까지 시트 1과 시트 2는 작성을 해오시고 시트 3은 발표 준비만 하고 공유는 하지 않으셔도 되요 궁금하신거 있으면 언제든지 물어보세요~
초보자라서 폐가될까봐 참여가 망설여지는데 최소 이정도는 돼야한다 하는게 있을까요?
마이크를 든 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
아니요~ 시간만 잘 지키고 적극적이시라면 아무런 문제가 되지 않을겁니다. ㅋㅋ
안녕하세요 마이크를 든 라이언님 반갑습니다 :)
애초에 목적이 스프린트 '체험' 이니까요. ㅋ
다행이네요ㅎㅎ 신청했씁니다 좋은 기회 만들어주셔서 감사합니다
네 안녕하세요! 잘 부탁드립니다 :)
각자 궁금한 내용이나 관심사가 있으면 그때그때 공유 하고 답변 드리고 있어요 :) 언제든지 부담없이 편하게 글 남겨주세요~~
네! 감사합니다~~:)
라이언님은 최근 관심사가 뭐에요?
테오의 스프린트 1기 한 눈에 보기 쉽게 한번 정리해봤어요! 필요하신 분은 링크를 통해 보시면 좋을 것 같습니다!! https://vintz.notion.site/1-d037a5812ba54c8ca052022ffef2739b
코딩을 시작한지 얼마 안됐는데, 좋은 기회로 프론트쪽 지식을 많이 배우게 되어서 지금은 그쪽에 관심이 많습니다!
와! 너무 멋지네요! 감사합니다 저도 노션 좀 하야 되는데 이것도 트렌드를 좀 쫓아가야 될것 같아요!! ㅎㅎ
와우 멋지네여..! 실행력 짱
이모티콘
오! 감사합니다! 보기좋게 잘 정리되어있어요
오오! 잘됬네요~ 이제는 배울게 하도 많아서 좀 전략적으로 잘 배우는 것도 필요한걸 같아요
이모티콘
테오님 그러면 일단 배포까지는 안하는건가요 ?
할거에요~ 잘 되든 아니든 제가 velog에 링크랑 git이랑 다 공유 할 생각입니다.
원래 스프린트에 실패라는 건 없고 마지막날이 데모가 될지 회고가 될지는 해보면 알겠죠 ㅎㅎ
저 aws 30만크레딧있는데 서버필요하시면
제 계정으루하면어떨까요..?
30만 크레딧이요 ?!
₩_₩
ㅋㅋㅋㅋ
넵!!!ㅎㅎㅎㅎㅎ
와우,.!!ㅋㅋㅋㅋ
부자다!!
자고 일어났더니 벌써 이렇게나!!
이모티콘
사진
어제 주문했는데 벌써 왔네요...
저 내용으로도 글 쓸거 있는데 재밌을꺼에요~ 꼭 읽고 후기(?) 한번 기대해봅니다. ㅎㅎ
다 읽고 꼭 후기 써보겠습니다!!!ㅎㅎㅎ
스프린트 하실분들 조금 더 어떻게 하게 될지 상상해보실 수 있게 더 구체적으로 기술했습니다. 진행은 화상회의로 할 예정이구요. 링크는 내일 따로 공유 드리겠습니다.
개발닥님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요
안녕하세요 개발닥님~~ 반갑습니다 :)
반갑습니당
여기서는 각자 궁금한거나 관심사 같은 거 글 남기면 답변 해주고 있습니다. 가끔 개발관련 소식이나 좋은 링크 있으면 공유해주고 있어요 :) 부담없이 궁금한 내용을 있으실때 글 남겨주세요 ㅎ
공지에 있는 스프린트는 뭔가요?
아 오늘 부스트캠프가 비싼 값을 하는가? 이런 주제로 한번 대화가 있었는데요. 여차저차햐서 그러면 우리끼리 한번 짧게 해보는건 어떨까요? 해서 급 일정을 한번 잡아 보았습니다
오호 재밌겠네요
그래서 다들 직장이랑 학생이니 길게하면 너무 부담일 것 같아서 일종의 체험 느낌으로만 5일만 딱 해볼까 합니다. 프로젝트 진향 결과는 velog에 공유할 생각합니다
Fe=철님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 fe=철 님 반갑습니다
안녕하세요 글이 너무 좋아서 들어왔습니다 :D
감사합니다~ 저도 이런 이야기 들을때마다 열심히 해야겠다는 생각이 들고 기분 좋고 즐겁습니다 :)
혹시 구글 스프린트 지금도 참여 가능 한가요??
네 오늘 오후 8시 30분까지 공지에 적힌 시트 12작성하고 시트3에 있는 해보고 싶은 프로젝트 발표내용만 준비하시면 됩니다
네~
KOOK님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 초롱초롱 어피치님 반갑습니다 :)
네 안녕하세요 velog글 보고 들어왔습니다
감사합니다~ 개인적인 궁금함인데 어떤 글이었나요? :)
CSS 공부 어떻게 해야 하나요? - 이론편 (feat. figma) 이 글이었습니다
알려주셔서 감사합니다 :) 이 방에서는 각자 궁금하거나 관심있는 부분 남겨주시면 답변 드리고 있습니다. 개발 관련 뉴스나 좋은 링크 있으면 서로 공유 하고 있어요 :) 언제든지 궁금한게 생기면 편하게 글 남겨 주세요~
네 알겠습니다
어피치님은 최근에 관심이 있는 것들은 어떤거에요?
css는 시작하는 단계라서 이것 저것 많이 읽어보고 있습니다 부트스트랩으로 간단히 만들어보고 있구요
알려주셔서 감사합니다. CSS는 자전거타기? 뭐 그런 느낌이라 처음에는 이게 왜 안되지 하다가도 일단 한번 굴러가고 나면 그 다음 부터는 생각없이 쭉 그냥 하시게 될거에요 ㅎ
CSS 관련 글로 더 나왔으면 하는 내용들이 있으실까요?
지금 올려주신 글들도 다 이해를 다 못하는 단계라 좀 더 생각해보겠습니다
네 알겠습니다. 하다가 궁금한거 생기면 언제든지 글 남겨주세요 :)
사이트 전체 레이아웃 잡는 방법이 여러가지가 있을텐데 빨리빨리 되지가 않더라고요 많은 연습이 있어야겠지만 flex나 grid 사용해서 어떻게 전반적인 레이아웃 잡으시는지 궁금해요 css 각각의 속성 어떤건지는 대강 아는데 효과적으로 사이트 만드는 건 또 다른 이야기인거 같아서... 어떻게 보면 그리드 시스템? 에 대한 궁금증일 수도 있을거 같습니다만 너무 구체적인 활용예가 궁금한거 같기도 하네요...ㅎ
예제같은건
네이버나 큰 쇼핑몰 가시면
거기 컨텐츠들이 많은데 깔끔하게 잘 해놓은데가 많아서
그거 보시면 좋을거같아요
컨텐츠 많은데 깔끔하게 하는게 제일 어려운..
저도 css 사실 너무 어려운데 연습이 필요합니다 ㅠㅠ
뭐든 그렇겠지만
근데 혹시 서핏이라고 컨텐츠 추천해주는 서비스 인데 알고 있으신가요 모두??
전 최근에 알게되어서 가입했는데.. 좋더라고요
이건가용?
네네 맞아요
관심사 등록하면 관련한 컨텐츠 보여줘요~ㅎ
옹
진짜 좋네요!!
감사합니다 ㅎㅎ
크롬 확장 프로그램 이용하서 쓰고 있는데 좋아요~ㅎㅎ
사진
용태님 글 바로 상단 ㅋㅋㅋ
네네 저도 여기서 발견했어요ㅎㅎ 용태님 글
감사합니다 ㅎㅎ
잘쓸거같네요~!
ㅎㅎ네
확장프로그램은 무슨 용도인가요?
크롬에 확장 프로그램 설치하면 크롬 키자마자 컨텐츠를 볼수 있어요~
여기요
오 잘써보겠습니다 ㅎㅎ
ㅎㅎ 네~
우와 리액트 카테고리가 따로 있네요 ㅎㅎ 메인탭을 여기로 바꿔야겠어요! 좋은 정보 감사합니다
오 저도 설치해야겠네요 좋은 정보 감사합니다!
오 좋은정보 감사합니다.!!
오 서핏 너무 좋네요! 감사합니다
ㅎㅎ 네넹 :)
좋은 정보 감사합니다!
계속 눈팅은 하고 있었는데 사정이 있어 답장이 늦었네요~ 사람마다 제각각이긴 한데 제 방식으로 한번 실습편 형식으로 한번 준비해볼게요 :) 제안 주셔서 감사합니다~
ㄴ 요거요
서핏 감사합니다 :) 저도 활용해볼게요~ ㅎ
ㅎㅎ 네네
이모티콘
저는 서핏에 디렉토리 라고 자신을 소개하고 커리어와 포트폴리오를 공유하는 공간이 있는데 이번에 등록하게 되었어요~
사진
시간 날때 한번 놀러 오세요~ㅎㅎ
오 대박....
많이 배워가겠습니다
저도 배워야 하는 입장이라…ㅋㅎ 서로 좋은 정보 공유할수 있는거면 모두 공유 해요 :)
서핏 공유 감사해요 ! 좋네요
공유 감사합니다 ~!
네넹 :)
너무 좋네요 유용하게 쓰겠습니다!
ㅎㅎ 네네~
준영님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 준영님 반갑습니다. :)
안녕하세요 유용태님 velog 게시글 보고 감명받아 들어오게 되었습니다 ㅎㅎ
감명씩이나 하다니~ 영광입니다! +_+ 고맙습니다. ㅎ 어떤 글이었나요?
velog 트렌딩 게시글에
거의 절반의 게시글이 teo님 꺼였습니다...ㅎㅎ 이것도 유튜브 알고리즘처럼 되어있는건가요?
벨로그 연예인✨
제가 본 것은 프론트엔드 개발자에게 알고리즘 공부가 미치는 영향이었습니다 ㅎㅎ
아.. 저도 얼떨떨합니다. 거의 이틀에 한번 꼴로 쓰고 있어서 물량빨이 아닐까 생각합니다. ^^;; 감사합니다.
ㅎㅎㅎ 물량빨이라기에는 글에 짜임새나 퀄리티가 너무 좋은걸여
감사합니다. 열심히 하겠습니다!
점심시간이라 스프린트 아이디어 짜는중입니다ㅎㅎ
저는 대학교 막 졸업하고
여기는 글 내용도 좋고 기타 서로 궁금한 내용이나 관심사 등을 남기면 답변 하고 있습니다. 그리고 개발 소식이 좋은 링크 있으면 서로 공유 하고 있어요
저희 과는 주로 네트워크 ㄱ엔지니어 쪾으로 취업하느데 이쪽으로는 저와 적성이 안 맞는 것 같아 개발자의 길로 전향하게 되었습니다 잘ㅈ부탁드립니다 ㅎㅎ
기대하곘습니다. ㅎㅎ
저도 잘 부탁드립니다. 하다가 궁금한거 있으면 언제든지 편한게 글 남겨 주세요
네네!
혹시 태오님은 개발을 알게된 때가 언제인지 그리고 왜 개발에 흥미가 생기셨는지 여쭤봐도 될까요?
혹시 회사에서 Next.js 쓰시는 분 계신가요? 이 프레임워크 장점 대부분이 SSR에 있다고만 나와서 실 사용자가 계시면 어떤지 여쭈고 싶어요~!
그리고 SSR을 하는 이유가 SEO 보다는 스켈레톤, 즉 사용자가 맨 처음 보는 화면의 속도를 빠르게 하는 것에 있지 않을까 싶은데..요즘은 SPA도 SEO가 잘 된다고 해서 다른 분들은 어떻게 생각하는지 궁금합니다!
운동하는 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 손흔드는 라이언님 반갑습니다.
안녕하세요ㅎㅎ
개발은 초등학교 4학년때 집에 코딩으로 게임 만들기 책이 있어서 그때부터 흥미를 느꼈습니다.
와우 초등학교
일찍부터 코딩에 관심가지신분들은 시작이 거의다 게임인것같아요
저희는 여기서 각자 궁금한 내용이니 관심사를 공유하면서 답변해주고 있어요. 재미난 소식이나 좋은 자료 있으면 공유하고 있습니다. ㅎ 언제든지 편하게 글 남겨 주세요.
저두 고등학생때 마인크래프트 하다가… ㅋㅋㅋㅋㅋ
자바를 시작했네여
저희 회사는 백엔드가 대부분 자바라서 Next는 아직 안쓰고 있어서 답변이 어렵네요. 저도 Next 실사용자가 궁금하네요. ㅋㅋ
넥스트 같은경우에는 프론트에서 많이 사용하는거같아요
아무래도 "코딩을 하겠어!" 이라기 보다는 게임을 즐기다가 "아! 나도 게임 만들어 보고싶다!" 이런식으로 발전하게 되는거 같아요 ㅎ
ㅎㅎ 그렇군여
혹시 게임 만들어보고 싶다하셔서 처음 만드신 게임이 있으신가여?
저는 "달걀받기"라고... 초등학교 6학년때 달걀이 포물선으로 떨어지는거를 아래 쟁반같은데다가 받아서 좌우에 있는 판매소에 갖다주면 되는 그런 거 만들었었어요.
와....실행력
ㅋㅋㅋㅋ
대단하세요 증말...
스테이지가 올라가면 썪은 달걀도 나오고 좌우로 흔들리기도 하고 그랬는데 그때는 BASIC 세대라서
와우
교수님들이 간간히 말씀하시는 basic ㅋㅋ
헐. ㅠㅠ
basic에서 이어받은 문법 보시면 엄청 좋아하시고 그러시는데요 ㅋㅋㅋ
저는 그 이후 중 고등학생때는 그냥 대학교를 가기 위한 학생모드여서 개발을 제대로 한것은 대학교 부터긴 해요 ㅎ
개발과 입시를 둘다챙기는건 사실상 불가하긴 하죠ㅎㅎ
개발 재밌으신가요
저는 요즘 너무 재밌습니다 ㅎ
ㅋㅋㅋㅋ 저두 요즘 개발이 재밌어졌어요
태오님은 백엔드가 아닌 프론트엔드를 선택하신
이유가 있을까요?? 갑자기 인터뷰를 하게 되네요ㅋㅋㅋ
괜찮습니다. ㅋㅋ
관심의 시작은 자바스크립트가 좋아서 였는데
제가 할 당시에는 프론트엔드라는 개념은 딱히 없었어요.
아하 그렇군영
프론트는 디자이너가 하던 시절인가요..?
그래서 Java, Php, Python 이런 백엔드 개발을 했었구요.
그쳐 디자이너가 해주면 돈을 더 받을 수 있는 시절
네이버에 입사를 해야지 했지만 떨어지고 나서
떨고있는 어피치님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
너무 길어지겠데.. 여차저차해서 사업을 하다보니까 백엔드 보다는 프론트 수정사항이 훨씬 더 많아서 자연스럽게 프론트엔드를 하게 되었습니다. 끝
안녕하세요 떨고있는 어피치님 반갑습니다 :)
개발에서는 백엔드가 안되면 애초에 사업이 성립이 안되는 거지만 막상 시작을 하고 나면 아이디어나 요구사항들은 다 프론트에서 나와서 자연스럽게(?) 프론트엔드 쪽으로 전문가가 되어버렸습니다.
호오 감사해요 !!
백엔드가 중요해질만큼 사업이 못 커졌다는 반증이기도 하구요 커흑 ㅠㅠ
혹시 그 아이디어나 요구사항을 예시로 조금만 들어주실 수 있나요??
안녕하세요~ 현재 만 1년차 프론트엔드 개발자로 일하고 있는 사람입니다 올려주신 벨로그 글들 너무너무 잘 읽었습니다!
감사합니다!!! :)
점점 거대해지는 테오방...
어느새 41명이네요
마쟈여.. 40명돌파!
이정도면 커뮤니티인데요 ㅋㅋㅋㅋ
전 요즘
현타 많이오네여 개발 재밌으신분들 부럽당
ㅋㅋㅋㅋㅋㅋ
저도 매일매일 출근할때마다 기분이 바뀌어요
왜 현타오셨어요?
가령 인디음악 판매 사이트 이런거 했었을때에도 아티스트를 위한 홈페이지 디자인 변경이라던가 구성이라던가 음악 재생이라던가 이런 요구사항이 많지요. 백엔드를 더 잘되게 해주세요 보다는.. ㅋ
맞아요. 그러지 마요. ㅋ
모르겠습니다
사람문제에요? 아니면 일 문제에요?
그냥 현타고 오더라구여 ㅎ
역량부족이 원인일수도 있구
둘다인가요 ...ㅎㅎ
저는 그럴때 메모장키고 지금 상황을 쭉 나열해보면서 이유를 찾기도 해요
업무가 재미가 없는것도 있어요
저도 메모장 애용합니다
저는 그래서 저 따로 사이드 프로젝트로
업무가 재미없는건 좀 크죠! 인정합니다. ㅋ
커리어 고민도 좀 많네요..
제가 하고싶은걸 하기도 합니다
다들 HTML CSS 안하는 프론트엔드 개발자 어떻게 생각하시나요?
요새는 좀 그런 기류가 있습니다. ㅎ
큰기업에 계신가봐요
저는 취업전엔 프론트 개발자가 HTML CSS 다 챙겨야 하는걸 당연히 생각했는데
기능개발 같은 것만 하는건가요??
막상 오니 저희가 안하고 퍼블리셔분들이 해주더라구요
거의 그렇죠 기능개발만 해요
아하
프론트엔드도 디자인과 협업하는 프론트 백엔드와 협업하는 프론트 기획과 협업하는 프론트가 좀 나뉘죠
요 애기도 하고 싶긴 했는데
요게 커리어적으로 고민이 많아요
요새 점점 퍼블리셔분들이 줄어들고 있따고 듣긴했어요
초록회사 사람들은 퍼블안하는 데신에 bff 로 백엔드도 한다고 들었는데
저는 진짜 JS만 건들고 있고 수정 사항이 있어도 다른 사람 거쳐서 해야하는게 답답하고 힘드네여..
저희 회사도 마크업팀 따로 있어요
개발닥님 말씀 들어봐서는 스타트업에서 원하는 직무를 하실수 있을것같네요
원하는 처우는... 모르겠씁니다
예.. 그 생각이 많이 들어요
ㅋㅋㅋㅋㅋ
오..규모가 커지면 이런식으로 나뉘는군요
친구는 저랑 비슷한 처우에 스타트업에서 BFF, 심지어 쿠버네티스까지 만지고 있는데 저는 JS만 꼼지락 하니 뭔가 처지는 느낌이 많이 드네요
혹시 몇년차이신기 여쭤봐도 될까요?
이제 1년차에요
으흠... 프론트가 쿠버네티스까지 해야 된다면 열악한거 아닐까요? ㅋㅋㅋ
저랑 고민이 비슷하셔요 저도 빅테크 이직을 준비해야할지 스타트업에서 자아실현할지 고민중입니다
열악하기보단 거기는 프론트가 프론트 서빙까지 담당해야한다는 생각이 꽤 있는것 같아요
next.js를 쿠버네티스로 뭔가 하고 있다고 들었어요
와..정말 회바회네요..
이렇게 업무들이 다르다니
취업을 준비하는 저에게는 정말 도움이되는 고민이 아니신가 생각이듭니다. 고민나눠주셔서 감사합니다
뭐 배포나 인프라를 굳이 일로 배워야 하나 싶긴합니다.
아 그런가요
배포는 따로 안하나요??
저는 빌드해서 사내 cdn에 올리는 걸로 배포 끝입니다.
오…
어차피 프론트 코드가 html, js, css 밖에 없는데
그냥 그 파일이 cdn에만 올라가 있으면
어디든 <head><link... > <script src=.... > 뭐 대충 이것만 있으면 되지 않겠어요? ㅋ
이것도 저희는 프로젝트마다 프로젝트리더가 결정하는거라서 팀마다 추구하는 가치에 따라 다 다릅니다
개발닥님도 뭔가 자기 가치를 좀 잘 정리해보시면
선택과 집중을 하는데 있어서 마음이 좀 편하시지 않을까 싶어요
어차피 1인 개발로는 한계가 있어서 다 잘할 필요는 없다는게 제 생각이라
내가 잘하는 것을 일로 하고 아닌 것은 공부나 취미로 하면 된다고 생각해요
혹시 회사에 디자인 시스템 구축하신 분들 계실까요? 도입해보자고 설득하고 싶은데 어떤거 참고해서 시작해야 할지 너무 막막하네요...
저두 궁금하네여
디자인 시스템이란 말이 요즘 자주 보이네요
뭐 저는 1인회사 1인 개발자 경험을 했고 그안에서 미친듯이 갈려봤기 때문에 지금의 대기업 생활을 만족하는 걸수도 있습니다. 경험을 하기 전까지는 안 경험해본 세계는 계속 궁금하고 환상을 가지는 거라서 충분히 이것저것 다 경험하는 것은 추천합니다
디자인 시스템은 저희 회사는 이제 막 구축 해보려고 하는 중입니다. 올해 목표로 알고 있어요
아예 디자인 시스템 팀을 구축해서 채용하는 회사도 여럿 있더라고요
용태님 회사는 퍼블리셔가 따로 있는데 디자인 시스템 구축 어떻게 진행되시나여?
여기 잘 정리 하셨다더라구요
TOSS도 디자인 시스템에는 좀 진심(?) 인 느낌? ㅋㅋ
안가봐서 모르긴합니다. ㅎ
이것도 재밌게 봤어요
오! 맞아요 ㅋㅋ
오... 뱅샐 자료는 못봤는데 감사합니다!
네 ㅋㅋㅋㅋ 사실 저거 보고 뽐뿌 세게와서...
저희는 그게 문제입니다. 회사는 하나인데 디자인 시스템을 구축할 수 있는 하나의 대형 프로젝트가 있는게 아니라서
그래서 디자인 시스템이 안 만들어지거나 무용론 처럼 된 부분도 있구요
음…
제 ifkakao 세션도 그런 맥락인데 디자인 시스템 없이 디자인을 적용하는데 포커싱을 둔 거라
저도 디자인 시스템을 보면 빠르게 무언갈 만들고 검증해보고 싶은 회사들에게 필요한 시스템이 아닌가 싶은데 제 생각이 맞는진 모르겠네요
하나의 큰 서비스에 많은 사람들이 해야 하는 서비스들은 한번 구축된 시스템을 정리하면서 다 갖추는것 같아요
곽은욱님이 맞는게 한바퀴가 이미 돌고나서 덩치를 키워가며 유지관리를 할때 필요한게 디자인 시스템이구요
없는데서 디자인 시스템부터 만들면 좀 산으로 가는 경향이 생겨고 디자인 시스템의 정의가 유연하지 않지만 정형화된 블록을 통해서 효율적인 것을 만드는 레고 같은 개념인데
어렵네요.. 디자인 시스템 같은거 보면 프론트 개발자가 마크업 롤을 가져가야 한다는 확신이 자꾸만 드네요..
반대로 마크업 개발자가 컴포넌트를 만들어서 주면 백엔드 데이터 연동을 통해서 시나리오와 조립만 해야 할 수도 있는거라서요 ㅎ
마크업이 있는 팀에서 일을 할때에는
경계가 허물어질것 같아요 프론트와 마크업롤이요
시나리오 한바퀴를 프론트엔드와 백엔드가 개발한 내용을 바탕위에 디자인을 맞춰주는 식으로 작업을 하고 있긴 해요
개발자의 입장에서는 저는 무조건 둘다 잘해야 한다고 생각을 하고 있습니다. 다만 이건 사업적인 관점에서 나뉘는 롤이라서
아시다시피 마크업만 잘하는 사람들이 있는데 단가는 좀 싼 편이구요
생각보다 CSS가 익숙해지는데 까지는 시간이 걸려서 주니어들이 잘 못하는 편이긴 해요
여기다 제 생각 말하니까 왠지 속이 후련해지네여
짬이 안돼서 이런 말 못해서 답답햇는데 휴..
그렇지만 CSS가 일정 이상의 난이도가 필요한 작업은 아니긴 합니다. 대신 품이 많이 들어가는 작업이라서 아무리 짬이 많은 개발자라고 해도 그냥 절대적인 시간이 좀 필요한 작업이에요
그러다보니 좀 더 단가가 싼 전문 인력을로 화면을 만들게 하고 백엔드 연동쪽으로 포커싱을 두는 주니어 프론트엔드 개발자들로 하여금 양분화 되고 있다
이렇게 봐주시면 좋을 것 같아요
그리고 특히 CMS나 Admin과 같은 콘솔류 등은 디자인의 역할이 높지 않는데 반해 품은 훨씬 더 많이 들어가다 보니 더더욱 심화 되는거 같아요
개발닥님이 개발에 재미가 떨어진 이유는 회사의 상황과 자신의 생각이 부딪히면서 생기는 고민과 걱정때문이 아닐까싶네요
더 말하고 싶은거 있으면 언제든지 하세요. ㅋㅋ
테오님 진행하는 구글 스프린트는 5일간 진행하고 다들 빠빠이하는건가요?
딱 5일만 할거구요 그 이상의 열정을 서로에게 요구하지 않도록 하겠습니다.
ground rule 에 적혀있네용
네 원하시면 따로 계속 해도 되지만 여지는 두지 않으려고 합니다.
아하 감사함다
오오! 감사합니다. ㅋㅋ
걱정 반 설렘 반입니다ㅎㅎ
같은 마음입니다. ㅎ
혹시 깃허브에서 Repository를 만들면 기본 브런치가 main으로 지정 되는데요
vs code에서 보다보니깐 main이라는 브런치 옆에 origin/HEAD라고 있어 있는 것도 보이는데
이것은 두개의 차이점이 뭔지 아세요??
사진
이렇게요
현재 리모트가 origin이라는 것을 나타는거 아닌가요?
head는 저도 구글링 해봐야겠네요 ㅎ..
head는 현재 작업중인 브랜치를 의미하는거래요. 잘 몰라서 구글링하고 왔어요 ㅎ
아 네 맞는것 같네요ㅎㅎ
감사합니다~~
저도 몰랐고 관심을 안 가지고 있었는데 덕분에 뭔지 알게되었어요 ㅎㅎ
그렇쿤요ㅎㅎ
vs code에서
이것 설치해서 히스토리 보고 있는데 가독성이 좋더라고요ㅋㅋ
추천 드려요~ㅎㅎ
오 한번 설치해봐야겠네요 ㅎ
감사합니다!
넹ㅋ
Kyle님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 Kyle님~ 반갑습니다 :)
안녕하세요 프론트엔드 준비중인 학생입니다
반갑습니다. 여기에서는 각자 궁금한 내용을 질문하고 답변해주고 있습니다. ㅎ 재미난 개발 관련 소식이나 링크 있으면 공유 하고 있어요. 언제든지 궁금한 내용이 있다면 편하게 글 남겨주세요 :)
감사합니다 ㅎㅎ
테오 스프린트 1기 벌써 10명 모집~!!
참여율 4분의 1 ㅋㅋㅋㅋㅋ
시작부터 엄청난 참여율입니다
이모티콘
무섭네요;;
스프린트 참가 신청해주신 분들 너무 감사합니다. 급작스러운 이벤트였는데 참여율이 굉장히 높네요! 참가 신청하신 분들께 메일 전달 드렸습니다. 확인 후 메일을 받지 못하신 분은 developer.1px@gmail.com 으로 연락주세요 :)
톡게시판 '공지': 스프린트 참가 신청해주신 분들 너무 감사합니다. 급작스러운 이벤트였는데 참여율이 굉장히 높네요! 참가 신청하신 분들께 메일 전달 드렸습니다. 확인 후 메일을 받지 못하신 분은 developer.1px@gmail.com 으로 연락주세요 :)
죄송합니다 오타가있었네요
syhwan88@gmail.com
입니다 ㅠㅠ
99년생으로 오해될뻔
ㅋㅋ 다시 전달드렸습니다 :)
넵 감사합니다!
확인되었습니다
썰님 88년생 큰형님이시군요...
ㅠㅠ 그래도 주니어입니다..
제가 늦게시작해서..
메일에 주신 링크를 눌러서 들어갔는데 닉네임 작성 하라는곳은 안보아네요..
8시 30분에 입장하실때 쓰면 됩니다 :)
아 그렇쿤요ㅋㅋㅋ
고생많으셨습니다 아 생각보다 긴장되네요
잼썼습니다!
너무 재밌다 ㅋㅋ
카페 10시까지였는데
딱 맞았네요 ㅋㅋㅋ케
저두요 ㅋㅋㅋ
네 저도 제 차례될때마다 긴장되었는데.. 잼있었습니다..
다들 얘기 더 많이 나누고 싶었는데 다음에 기회가 있겠죠?!
그럼요~
저도 더 얘기나누고싶었는데 셧다운제 룰이 있어서 자제했씁니다
스프린트가 뭐죠??
이제 봤네요 ㅎㅎ
다들 재미있었다니 다행입니다. 저도 긴장 많이 했어요. 다들 수고 많으셨습니다. 오늘은 시간이 길어져 저없는 뒤풀이시간도 못드렸네요 ㅠ 내일 부터는 시간 계획 조금 더 타이트하게 짜보겠습니다.
내일은 집에서 해야겠네요 시간이늦어지면 끊어져서 퓨
부트캠프 이야기로 시작해서 다같이 협업하는 경험을 해보고 싶다는 얘기가 있어서 구글 스프린트 체험 참가자를 구해서 온라인으로 한번 진행해보고 있습니다.
일상속의 고민들을 해결해주는 서비스! 1. 플로우 작성하기 스토리보드 참고해서 작성해봐요 사용자의 입장에서 서비스를 사용한다면 어떤 느낌일지 생각해본다면 구체적인 아이디어가 나올 수 있어요! (구체적인 시나리오) 2. 서비스 이름 짓기 재밌는 이름도 좋고 멋있는 이름도 좋습니다. 3. 내가 무슨 역할을 할지 생각해오기 역할이 겹칠것 같은 생각보다는 뭘 하고 싶은지 분명히 생각하면 좋아요 구현을 못하고 책임지지 못하는 것을 하려고 하면 안됩니다!
정리해봤습니다 ㅎㅎ 빠진거 있으면 말씀해주세요
톡게시판 '공지': 일상속의 고민들을 해결해주는 서비스! 1. 플로우 작성하기 스토리보드 참고해서 작성해봐요 사용자의 입장에서 서비스를 사용한다면 어떤 느낌일지 생각해본다면 구체적인 아이디어가 나올 수 있어요! (구체적인 시나리오) 2. 서비스 이름 짓기 재밌는 이름도 좋고 멋있는 이름도 좋습니다. 3. 내가 무슨 역할을 할지 생각해오기 역할이 겹칠것 같은 생각보다는 뭘 하고 싶은지 분명히 생각하면 좋아요 구현을 못하고 책임지지 못하는 것을 하려고 하면 안됩니다!
오..! 정리 감사합니다 ㅎㅎ 다들 고생하셨어요! 굿밤되세요~!!
오늘 재밌었습니다 ~~ 내일 뵐게요
이모티콘
열심히 일하는 네오님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
열심히 일하는 네오님 반갑습니다~ 새벽에 들어오셔서 제가 확인을 늦었네요 :)
여기서는 개발관련 궁금한 내용이나 관심사를 공유하고 대답해드리고 하고 있습니다~ 재미난 소식이나 공유하고픈 링크들도 올리고 있으니 부담없이 필요하실때 글 남겨주세요~
새삼 테오가 대단하다는 생각이 들었습니다...
???
스프린트 준비 퇴근후 스프린트 출근전 이른 시간 메일보내기 출근
리스펙 안할 수가 없는 분 ㅋㅋㅋ
오 메일 지금봤어요
게더타운!!
감사합니다~ 사실은 취미생활로 즐기로 있는거라서 살짝 민망하지만 칭찬으로 받겠습니다. :)
게더타운 사파리나 웨일로는 접속이 안되더라구요! 크롬은 정상 동작합니다 ㅎㅎ..!
오 저도 메일 받았습니다!!
나만 메일 못 받은건가....
메일 주소가 어떻게 되나요?
thdbsgh3443@naver.com
이요~
다시 보내드렸습니다~
네 지금 확인 했습니다~
정말 대단 하신것 같아요
이모티콘
저 다른분들의 생각이 궁금한게 있습니다
외주업체처럼 다른 기업체의 홈페이지 제작을 하는 그런 회사는 어떤가요?
어떤게 어떤거에요?
SI라고 하던가요?
이런쪽으로도 취업하는게 좋은지? 잘모르겠어서요
면접 제안이 들어왔는데 구글링해봐도 무슨 느낌인지 잘와닿지가 않아서;;
제가 지금 SI 업체에서 인턴으로 근무중입니다
언뜻보기에는 안좋다라고 하는거같은데 왜 안좋은지도 모르겠네요..
엇 어떠신가요??
개발자 커뮤니티에서 si업체의 안좋은 얘기를 워낙 많이해서 저도 부정적인 생각을 갖고 있었는데
si도 괜찮은 회사는 괜찮더라구요
아 회사마다 다르군요?
제가 자체 서비스 회사에서는 일을 안해봐서 잘 모르지만
네
그냥 다른 회사랑 크게 다른점은 없겠죠?
어디에 가치를 두냐 <- 이 차이인것 같아요
아하
제가 느끼는 si업체는 일반 서비스 회사보다는 새로운 것을 많이 많들어 볼 수 있는 부분이 좀 다른거 같아요
많 -> 만
오…재밌겠네요
아닌..가?ㅎㅎ
SI 서비스가 안 좋다고 하는 이유는 대부분의 SI 업체가 성장이나 트렌드가 회사의 우선순위가 아니라는 점에 있어요
아하..
회사문화가 정착이 되기 힘든 구조니까 내부에 진짜 슈퍼개발자가 없는 이상에는 본인의 성장이나 공부를 본인이 끌고 가셔야 해요
그게 안좋다는 건 아닙니다. 프엔님 말대로 여러가지 업무를 해볼 수 있어서 좋아요
양날의 검 같네요
네 아무래도 분위기가 서로서로 성장하자는 분위기는 조금 없는 것 같아요
아예 없는건 아니지만
프로젝트 완성에 초점이 더 가나보네요
넵 맞아요
프엔님 그럼 혹시 회사에서
고객사 프로젝트의 기간도 있고 하니
피그마는 사용하시나요?
프로젝트에 계속 매달려야 하는 부분이 단점일 수 있겠네요
아무래도 기한내에 만들어주는거 자체가 목표인 회사다보니 ㅎㅎ
네 저희는 피그마 사용중이에요
프엔님이 직접 사용하시나용?
요즘 계속 피그마에 눈이 가서
보통 방향성이 다르다고 생각해요 si는 완성이 목표지만 인하우스 개발자들은 완성하고 나서도 생각을 해야되기 때문에
시간을 투자해서 배울만할지 고민중이에요
저는 직접 디자인은 하지는 않고 디자이너 분이나 고객사에서 만들어준 피그마 보고 작업 합니다
안정성 고려해서 만들어야되니까.
오..많은걸 배워가네요ㅎㅎ
조금 더 생각을 해봐야겠네요 제가 추구하는 방향이 어디인지
맞아요 그래서 여기서는 기능 구현이 너무 깊게 들어가지 말라고 하더라구요
노는 것 보다는 하는게 좋은데
넵 사람마다 정말 다를것 같더라구요
흐음..그렇군요
si 가 맞는 분도 있으시고
서비스 회사가 맞는 분도 있으실 것 같아요
그래서 인하우스 개발자들은 안정성을 우선으로 생각하면서 개발하는데 si개발자들은 속도를 우선으로해서 기간내 목표 완성을 목표로 하시더라고요
마음같아서는? 둘 다 경험해보고싶네요ㅎㅎ..
그쵸 SI는 마감이 제일 중요하니까요. 그건 서비스회사도 마찬가지긴 한데
너무 욕심쟁인가ㅋㅋ
나쁘지 않다고 생각합니다~!
저는 개인적으로 짧게 인턴이라도
경험해보시는걸 추천드려요
아 우선이라는 말이 경시한다는 말은 아니었는데 읽어보니 속도를 버린다 라는 뉘앙스 이긴 하네요
이모티콘 모두 감사합니다
놀거나 공부를 하는 중이시라면 짧게 SI 경험을 하는건 나쁘지 않다고 생각합니다. 대기업도 공채를 잘 안 뽑는 추세이기도 하구요. 대신 기술 스택이 올드하다거나 내가 활동 할 수 있는 영역이 얼마나 되는지는 꼭 체크하시길 바랍니다. 특히 프론트엔드는 1~2년만 지나도 옛날 기술이 되는데 혹여나 레거시를 담당해버리시면 경험이 아니게 될 수도 있습니다. SI의 프로젝트를 좋은 실습교보재라는 생각으로 접근하면 나쁘지 않아요. 대신 타성에 젖어서 눌러앉게 되거나 트렌드를 읽지 못하면 진짜 올드한 개발자가 됩니다.
공감합니다.. 저희는 리액트랑 next를 써서 만족하지만
아닌곳도 많더라구요 ㅠ
맞아요. 면접을 보다보면 경력에 비해 기술스택이 올드한 분이 계신데 좀 안타깝죠 ㅠ
좋은 말씀 감사합니다 :)
혹시 사수에대해서 어떻게 생각하시나요?
신입개발자에게 사수가 꼭 필요할까요?
생각해볼만한 질문이네요! ㅎ
아 네 신입은 사수가 필요 하다고 생각 합니다. 전ㅋ
사수라는 단어는 잘 모르겠지만 같이 일하는 개발자는 반드시 있어야 하는 입장입니다
저도 사수라는단어는 잘 모르겠지만
동료는 필요하다는말에 동감합니다
아네 태오 말이 정확하네요
서로 같이 발전할수 있는동료가 필요하다고 생각합니다
경력과 관계없이 혼자 일하는 것 보다 같이 일하는게 무조건 더 빨리 성장해요.
네네 맞아요ㅎ 전 전직상 디자인에이전시였는데 2년 3개월 정도 동안 혼자 퍼블르셔 역활을 했었습니다…
퍼블리셔
전 직장..
오타 장렬이다..ㅋ
4명이긴 하지만 다들 과묵하신 분들이라 시너지가 안나요 사수라기보단 저도 같이 성장할 동료가 필요한데 같이 공부하는 문화가 안되어있어서 걱정입니다
다만 이런게 있어요. 회사 일이란게 누가 해도 해야 되는 일이라는게 있는데... 오히려 시니어 개발자가 하면 더 비효율적인 일들이 있어요
단순히 시간만 들이면 할수잇는것들?
그런걸 신입이 맡게 되면 좀 불만이 될 수가 있는데 그런데서 오는 조율의 문제는 항상 있는거 같아요
저흰 엄청 바빠서 공부하는 문화가 없습니당
그렇
케케케
저희도 이번 프로젝트끝나고
스터디 하기로 했어요 ㅎㅎ
대부분 스터디를 하는 데까지는 힘들거에요. 다만 그런 성장을 도모하는 대화를 얼마나 하는 분위기인지가 더 중요한거 같아요
맞아요 마감기한때문에 공부할 수 없는 것도 한몫해요 ㅎㅎㅎ
대화없음 + 바쁨의 콜라보인것 같네요
사회인이란
다들 QA처리하러가서 대화가 없네여
대기업이 좋은 점은 DeView나 카카오테크 처럼 그런 것들을 전문적으로 하는 팀이 있다보니까
뒤에서 한번쯤은 밀어주는 경우가 생기고 사람이 많다보니까 개 중 그런거에 관심있는 1명만 있어도 전파가 되니까요
오 전문팀이 있는건 진짜 좋네요 사내스터디 부럽따
큰회사 아니면 좀 하기 힘든건사실인거같아요
케케케 큰 회사도 팀바팀이져
스터디 하다 프로젝트 들어가면 또
시간없어서 흐지부지되고
맞아요
겉멋들어서 유튜브를 자주 보는데 스터디 리드해주시는 팀장님들도 많으시더라구요
다들 수고하셨습니다!
고생하셨습니다~~~
다들 고생하셨습니다~
삭제된 메시지입니다.
https://2021.stateofcss.com/en-US/ 언제뜨나 기다렸는데 오늘 떴네요. CSS에 관심이 있으신 분들은 한번 가서 2021 CSS 트렌드가 어땠는지 확인해보세요 :)
톡게시판 '공지': https://2021.stateofcss.com/en-US/ 언제뜨나 기다렸는데 오늘 떴네요. CSS에 관심이 있으신 분들은 한번 가서 2021 CSS 트렌드가 어땠는지 확인해보세요 :)
감사합니다~ㅎ
감사합니다!
오 감사합니다!
감사합니다~
감사합니당 ㅎㅎㅎ
에딘 제코님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 에딘 제코님 반갑습니다 :)
와 ㅎㅎ 진짜 빠르시네요… 그새 정리를 다 하셨군용
오..외국분들은 정보를 트위터에서 많이 접하나보네요
의외다
저도 그게 조금 의외였어용
네임드 개발자들이 트위터에서 많이 활동하는 것 같더라구요~ 개발 진행도나 새소식을 전하는 용도로
그렇군요..!
21년 들어서는 대부분 그리드 레이아웃을 사용해봤군여
플렉스가 쉽기도하고 모바일 디폴트가 플랙스인거같아서 많이 쓰던데
그리드도 그 나름대로 쓰임새가 있다고 생각합니다
네~ 저도 grid는 사용하는 쓰임새가 flex에 비해 한정적인데 반해 써야할 스펙이 너무 번잡해서 잘 쓰고 있지는 않습니다.
지금 지난번 질문하셨던 것 중에서 전반적인 레이아웃과 Grid System 그런 관련된 글을 쓰는 중인데 Grid Layout을 어떻게 쓰면 좋을지 찾아보니 제법 쓰임새가 있어 보이는데 실전성에 대해서는 계속 검증해보는 중입니다.
오호..그렇군요 저는 grid-template-areas로 복잡한 레이아웃을 쉽게 구현하는 것을 보고 되게 신기했었어요.
그러니까요~ 막상 그런걸 보면 쓸만할 것 같은데 막상 실전에 쓰려고 하면 좀 막막한게 있어요. 아직 제가 방법을 못 찾는거 겠지만 Bottom-up식으로 컨텐츠를 먼저 만들어서 배치하는게 아니라 레이아웃을 먼저 작성하려니까 힘들더라구요
저 테오님 질문있습니다 프론트엔드경우 기술변화가 타분야에비해서 빠르다고들었는데 프론트엔드관련정보는혹시 어디서얻으시나요?
외국사이트나 트위터로얻으시나요?
🤔 그렇군요 막상 실사용엔 그렇게 간단하진 않나보네요
일단 굵직한 정보는 stateofCSS stateofJS를 통해서 먼저 획득을 합니다. 이번 자료를 보면 CSS in JS에 몰리고 있다는 것을 알수가 있곘죠. 그래서 새로 나온 기술 테크 사이트를 일단 보다 보면 Background에 참고한 기술이나 내용들이 나오면 고구마 줄기 엮듯이 묶어내서 필요한 키워드들을 따 놓는 편입니다.
오 그렇군요
그러고 나서 짬짬이 관련 키워드로 유튜브나 웹사이트에서 검색을 하는 편이에요.
이게 타 분야에 비해 빠른거지 매일 매일 새로운 뉴스거리 까지는 아니라서... 하지만 블로그를 시작하다보니 좀 빨리 알아야 될 것 같아서 뉴스레터 같은거는 좀 구독해보고 있는 중입니다. ㅎ
호오 https://svelte.dev/ 홈페이지 리뉴얼 했네요 ㅎ
오 그리드 레이아웃 글 나올때까지 숨 참아보겠습니다 ㅋㅋㅋㅋㅋㅋㅋㅋ
이번 글도 감사히 잘 읽었습니다! 🙇🏻♂️
좋은 글들 알려주셔서 감사합니다☺️☺️☺️
글 너무 재밌네요 공유 감사해요 👏👏👏
또리님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 또리님 반갑습니다 :)
안녕하세요!
여기서는 각자 궁금한 질문이나 관심사를 공유하고 아는 내용이라면 누구든 답변 드리고 있어요! :) 길게 써야 할 깊은 질문의 경우에는 블로그에 글 형식으로 작성을 하고 있습니다~
그리고 가끔 새로운 소식이나 좋은 링크 있으면 공유 하고 있어요~ 언제든지 궁금한 내용 있으시면 편안하게 글 남겨 주세요~~
네 감사합니다!!
임세원님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요~ 임세원님! 반갑습니다 :)
안녕하세요. 눈팅하면서 배우고 싶어 왔습니다 :)
환영합니다~ 감사합니다! 여기서는 정해진 컨텐츠는 아직 없어요. 대신 궁금한게 있다면 언제든지 물어보세요 :) 간단한 대답이면 바로 길게 답해야 할 내용이라면 velog에 글로써 적어 있습니다~ 잘 부탁드려요 ㅎ
그리도 다들 알게되는 새소식이나 좋은 링크가 있다면 각자 공유 하고 있습니다~
https://web.dev/structured-clone/ 최근 단방향 아키텍쳐나 함수형 프로그래밍에서 불변성을 위해서 사용되던 Object deep-copy 기능이 JS 정식 API가 될 모양입니다. 아직은 특정 브라우저에서만 동작하는 스펙이니 알고만 있다가 정식 스펙이 되면 (한참 걸리겠지만...) 사용해보세요. :)
오 좋네요 감사합니다
오~ 감사합니다~
혹시 이 영상 보신분 계신가요? 저는 이 영상보고 뜨끔해서 이력서 업데이트 했습니다..ㅎㅎ
와닿는 말이 많네요. 저도 매번 얘기드리는 것 중 하나인데 추상적인 나열이 아니라 구체적인 본인의 경험을 쓰라고 조언을 드리지만 그래서 어떻게 해야 되는데요? 라고 하면 참 힘들죠 ㅠ 화이팅입니다!
정말 반성하게 되는 영상이네요...좋은 영상 공유 감사합니다
쉬다가 구직할 찎님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 쉬다가 구직할 찍님~ 반갑습니다. :)
안녕하세요:)) 벨로그 글 보고 들어왔습니다!!
반갑습니다. 환영합니다 ㅎ 저희는 서로 궁금한 내용들을 질문하고 대답해주고 또 좋은 자료나 소식들이 있으면 공유하고자 하고 있어요ㅎ
언제든 궁금하거나 필요한 내용이 있다면 편하게 글 남겨주세요!~~
배민 주 32시간 완전 자율 출퇴근
너모 부럽네여
정말 가고싶은 회사인데 점점 멀어지는 느낌이네요...ㅠ
배민 너모가고싶네요
32시간 개발자도 해당인가요..?
게시글 보니 비난적 댓글밖에 없네여 ㅎㅎ
당연하죠
개발자들 좋으라고 적용하는건데
저는 개인적으로 좋은건가? 잘 모르곘네요 ㅋㅋ 주말도 요새는 버거운데 ㅠ
짱이죠.. 일단 32시간 넘어가면 초과근무 찍히니 월급이 늘어나고, 플젝 끝나서 널널한 기간이면 주4일 가능해서 좋고요..
아! 초과근무 ㅋㅋ 그러네요 그 생각을 못했네요 ㅎ
배민은 1분 단위로 초과근무금액을 줍니당 (비포괄임금제라서)
호오~ 좋은 회사네요! 확실히 개발자를 꼬실 줄 아는 회사라고 생각해요 ㅎ
저 용태님질문있ㅅ브니다
네 좋아요~ 뭐에요? +_+
혹시 영어로된자료 많이보시나요??
개발쪽공부하다보니 영어로된자료를 볼일이많은거같은데.. 영어독해를 잘하는편이아니여서 한번 영어로된자료공부하려할떄 어려움이크네요 ㅠㅠ 혹시 다른분들은 영어로된강의나 자료보실때 괜찮으신가요??
네 대부분 자료들이 영어로 되어 있으니까요
크롬 - 우클릭 - 한국어로 번역
구글은 위대합니다. ㅋㅋㅋ
그래서 Discode등 커뮤니티로 가게 되면 좀 힘들긴해요 ㅠ
어.. 번역많이이용하시나요??
음.. 저는 영어를 이제 배울수 있을까?... 싶어서 그러는거긴 한데요;; 일단 번역을 해서 전체 흐름을 파악하고 나서
다시 원문을 읽는 편이긴 합니다. 일단 하고자하는 말이 뭔지 알고나면 영어로도 이해하기가 편해서요.
아 그렇군요
현직에 계신분도 그렇게하시니 괜히 안도감(?)이 생기네요
ㅋㅋㅋ ㅠㅠ
안도감을 드릴 수 있어서 행복하네요
솔직히 커뮤니티에 영어로 질문해서 답변 받는 분들 보면 엄청 부러워요
자료를 접할때에는 영어가 그래도 큰 장벽이 아닌데 제가 만든 것을 영어로 문서화 하려고 하거나 커뮤니티에서의 영어는 진짜 벽이 느껴지더라구요 ㅠㅠ
아하 ㅠㅠ
저도뭔가 텍스트나 인강으로 영어글읽으면 70퍼정도는알거같긴한데 세세한부분까지는 이해를못해서
그게좀힘드네요
맞아요. 근데 영어를 잘 몰라도 해당 분야를 굉장히 많이 알고 있으면 영어가 자동으로 읽히는(?) 것도 있어서 ㅋㅋㅋ 영어공부가 소홀하게 됩니다. ㅋㅋ 사실 핑계고 좀 큰 계기가 필요할 것 같아요. 매번 아는데 동기부여가 쉽지가 않네요
조언감사합니다!!!
일단 Svelte, Vite Discord 커뮤니티 입성!, 내 라이브러리 영어로 문서화 하기! 뭐 이런 대의(!)를 목표로 해보겠다 이 정도로 저는 동기부여를 세팅하는 중입니다.
\오.. 대단하십니다
그럴 수 있기를 희망합니다. 꿈은 가질 수 있는 거잖아요. ㅋㅋ
좋은말씀 감사합니다 ㅋㅋ
이모티콘
저 역시 감사합니다. 잊고있던 영어 공부를 해야겠다는 생각을 다시 일깨워주셨네요!!
파이버님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요, 프론트엔드 관련 벨로그 글 보고 질문이 생겨 여쭤보러 왔습니다. https://velog.io/@teo/프론트엔드에서-MV-아키텍쳐란-무엇인가요 이 글 관련 질문입니다. 먼저 글 잘 읽었고, 좋은 글 감사드립니다! 😀 글 중반의 [FLUX 패턴과 Redux] 와 그 전 챕터에 따르면 1. 기존의 React는 MVVM 아키텍쳐를 이용했었고 2. MVC의 단점을 지적하며 Flux 패턴이 등장하였고 3. 추상적인 개념이었던 Flux를 잘 구현한 redux가 등장하며 리덕스가 Flux의 대표격이 되었다 약간 이런 느낌으로 이해했습니다. 혹시 제가 잘 이해한 게 맞을까요?
네 맞습니다. :) 굳이 엄밀히 말하자면 FLUX가 추상적이었다기 보다는 Facebook내부에서 사용하는 방법이라고 컨퍼런스에서 소개를 했지만 외부에 쓸 수 있는 공개 라이브러리 형태는 아니었고, https://facebook.github.io/flux/ Redux는 FLUX의 아키텍쳐를 본땄지만 single store라는 컨셉등 FLUX와 완전 동이하지는 않지만 오픈 라이브러리가 되어 대중화가 되었습니다.
아하 넵넵 알겠습니다! 이해되었습니다 감사합니다 :)
질문 감사드립니다 :) 인사가 늦었네요~ 언제든지 블로그 글 외에 뭐든 궁금한 내용이나 관심사 공유 해주시면 답변 드리겠습니다 :)
테오님 이제 막 취업이 된 새내기 프론트 개발자인데요 혹시 신입이 알아두면? 좋을만한 그런게 있을까요?ㅎㅎㅎㅎ
벨로그에서 신입개발자에 관해서 찾아보고있긴한데 테오님의 생각도 궁금하네요!
김태현님 질문 감사드립니다 ;) 회사규모가 어느 정도인지는 모르나 신입이 알아두면 좋은 것 첫번째는 업무에 필요한 사내 문서들이 어디에 있는지 체크 해두고 북마크 만들어 두는거 중요합니다
생각보다 그런거 인수인계가 구두로 되고 암묵지로 알고 있는 것들이 많아서 다들 알고 있는 컨텍스트를 숙지 못하고 대화하다보면 좀 힘들수가 있어서 알아두시면 좋아요~ 온 보딩시 알아야 할 문서 같은 게 정리가 안되어 있다면 한번 해보셔서 공유 하면 사람들이 엄청 좋아할겁니다 ㅋㅋ
오…팁 감사합니다ㅎㅎ
화요일부터 첫 출근인데 두근두근하네요ㅎㅎ
그리고 비슷한 맥락인데 커뮤니케이션 채널 라인과 업무 프로세스 파이프라인을 파악하시는 것도 중요합니다
첫 출근 축하드려요
오오~ 아직이시군요 ㅋㅋ 축하드립니다 :)
감사합니다!!
ㅎㅎ감사합니다!!
https://velog.io/@teo/google-sprint-1 급작스런 이벤트에 열정적으로 참여해주신 분들께 다시 한번 감사의 인사 드립니다. :)
_1기.png?w=768)
삭제된 메시지입니다.
긴 글인데 너무 재미있게 잘 읽었습니다! 덕분에 구글 스프린트라는 흥미로운 프로세스도 알았어요. 열심히 공부해서 저도 언제 한번 시도해 봐야겠습니다! ㅎㅎ
네 꼭 해보세요! 사람 쥐어짜는(!) 참 잘 만든 프로세스랍니다. ㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋ 네 그런것 같네요. 매우 인텐스하였을거 같지만 진행도 그만큼 빠르니 재미있었을거 같아요!!ㅎㅎ
맞습니다!! ㅎ
재미있었어요 ㅎㅎㅎ
저두요!
와!
일주일 전에 여쭤본 질문인데 잊지 않으시고 글까지 써주시다니... 감사한 마음으로 읽겠습니다!
감사합니다! 그 때부터 계속 글을 쓰고 있었는데 분량조절이 계속 제대로 안되서 특히 grid때문에 그래서 그리드 시스템이나 실전형 레이아웃은 또 따로 작성할 예정입니다~
와 대박!!
이모티콘 감사합니다!
자바스크립트 함수형 프로그래밍 공부해보려고 책을 구매하려고 하는데 혹시 추천해주실만한 책 있을까요?
사진
1,3 번중에 고민이긴 합니다 ㅠ
안녕하세용 ㅋㅋㅋ 작은 스타트업에서 0년차 프론트엔드 개발자로 일하고있습니다. react, typescript 조합으로 주로 쓰고 있으며, 일부 레포는 nextJS를 추가로 사용중에 있습니다. CSS는 styled-component로 처리중입니다. 혹시 조언을 구해도 괜찮을까요? 1. 상태 or 변수/상수 관리 local state로 관리할 것, global state로 관리할 것, 그냥 const, let 등 변수로 관리할 것을 어떤 기준으로 주로 나누시는지 궁금합니다. 2. 폴더트리 src 아래 어떤 식으로 폴더트리를 구성하시나요? types, api, CSS 등을 다 분리해서 관리하시나요? 저는 현재 View와 비즈니스 로직은 분리하기 위해 메인이 되는 index.tsx 파일은 로직만 있으며 페이지 내 적당한 단위별로 components로 빼서 관리하고있습니다.
1. 저는 거의 const 씁니다 진짜 피치못하게 수정해야될것만 let써요
제가 함수형 프로그래밍은 책으로 공부한게 아니라서 둘 다 읽어보고 추천 드릴게요
폴더트리는 회사마다 다르지않나요👀
맞아요 구조는 회사마다
다 달라서 딱 말씀드리기 애매
회사마다도 다르고 프로젝트 규모나 기술 스택 따라 또 다르고
근데 프로젝트 세팅할 때마다 폴더 구조가 고민이라서 어떻게들 하고 계신지 궁금하긴 하네요 ㅋㅋㅋ
medium 같은데 베스트 프렉티스라고 올라와있는거 봐도 갸우뚱...
폴더구조는
리액트에서 추천하는거 있지 않나여?
사진
사진
사진
케케
깊게 생각하지말래요
그렇군요.. 답변 감사합니다!
말씀해주신 주제는 둘 다 팀끼리 논의하면 거의 1시간동안도 토의가 이어지는 상황과 가치관에 따라 달라지는 거라 그냥 제 기준만 말씀드릴게요. 저는 아시다시피 캘린더 서비스를 만들고 있습니다. 개발 환경은 Svelte이고 이제 막 만들기 시작해서 1년이 안된 SPA 프로젝트 기준입니다. 1 저는 대부분은 데이터는 Global State로 관리를 합니다. 저는 MVI 아키텍쳐의 방향성을 선호합니다. 특히 디자인과 뷰를 자주 수정해야 하는 SPA 서비스인 만큼 View와 Model을 완전히 분리해두면 디자인과 비지니스 로직이 완전히 분리되어 좋다고 생각합니다. 이렇게 해서 비지니스 로직이 없는 컴포넌트들로 구성이 되어 컴포넌트 분리나 리팩토링 디자인 수정에는 상당히 용이해집니다. (React로 따지면 const {data} = useQueryXXX()와 on:click=dispatch(xxx)만 컴포넌트내에 존재하는 구조) 대신 화면을 중심으로 비지니스 로직 파악이 어려워서 처음 적응할때는 구조를 이해하기 좀 힘들어지긴 합니다. 그래서 CMS류를 주로 하는 프로젝트들은 Page 중심으로 구성하는 것을 더 선호하시더라구요. 2 일단 지금 제가 쓰고 있는 폴더명입니다. 알파벳순으로 정렬되기 때문에 components를 screens로 effect를 stories로 좀 바꿔서 정렬을 맞춰 봤습니다. Svelte에서도 Best Practice가 없어서 아직 찾고 있는 중입니다. ㅠㅠ 파일 구조는 정답이 없으니까 github에서 대형 프로젝트들을 돌아다니면서 좋은 구조가 나오면 저에게도 좀 공유 부탁드립니다. src/ assests - 이미지, 사운드 등 에셋 파일 css - global css, theme css libs - 내부 라이브러리, 유틸 screens - Component services - fetch, WEB API 등 states - 상태 관리 stories - 상태도 아니고 화면도 아닌 비지니스 로직 ex) URL처리, 단축키 test - 테스트 types - typescript 타입
카카오에서도 스벨트를 쓰는건가요?
카카오는 잘 모르겠어요. 저는 카카오엔터프라이즈에 다니고 있고 제가 쓰고 있습니다! 정식 prod은 제가 쓰고 있구요 사내에 전파중인데 몇몇 작은 프로젝트들이 Svelte로 만들어보고 있는 중이에요~
오오.. 그렇군요 감사합니다!
오…….모든 분들 친절한 답변 감사합니다… 테오님은 모든걸 다 글로벌에 담아두시는군요… 저는 한 번도 그렇게는 생각 안해봤는데, 그런 방향으로도 한 번 고민해보겠습니다. 폴더트리는 말씀하신대로 회사마다 레포마다 다르긴한데 그래도 뭔가 기준별로라도 bestPractice를 꼭 찾고싶긴 하네용…. ㅜㅜㅜ 할 때마다 고민이 되는 것같아요! 테오님이 작성해주신 것도 참고해보겠습니다. states, stories가 제 기준에서는 약간 특이하네요!
네 s로 정렬을 맞추려고 좀 억지로 지어본 이름입니다. 너무 의미 부여하진 마세요^^;;
감사합니다 ! 회사에 개발자가 6명있는데도 다들 스타일이 통일이 되지않아서 고민입니당… 취향?이 다르다보니......
ㅋㅋㅋ 압니다 무슨 느낌이신지
이 참에 한번 Best Practice 찾아보기로 회사내에서 한번 끝장토론을 해보심이 어떠신가요? ㅋ
사진
저는 리액트를 사용하고 있고 개인 취향 기준으로는 대강 이런 식으로 쓰고 있어요 작은 프로젝트 기준이라 도움이 될지 모르겠네요
(next.js)
폴더트리는 아니지만 ESLint 옵션 배틀 한번 했는데 각자의 철학을 이해할 수 있게 되어서 재밌더라구요 ㅎ
끝장토론하고싶네요……. 저는 이게 너무 중요하다고 생각하는데 다른 사람들은 또 그게 뭐가 중요하냐…해서 하여튼 그런 상태입니다......
중요하다 생각하시는 이유가 먼가여?
협업을 하는 입장에서, 다른 사람이 작성한 코드도 대응해야할 때가 있는데, 각자 스타일이 달라서 코드를 파악하는데만 시간이 걸리니까, 통일되면 전체적인 생산성이 더 올라가지않을까? 생각해서 그렇습니당....
그거 그대로 말씀하심 납득할것 같은데
이걸 통일하자! 그러면 반발감이 생길거에요~ 괜히 했다가 구조를 다 바꿔야 될 것 같으니, 사람이 자기가 쭉 해왔던 것을 스스로가 아니라 외부로 인해서 변하는 것은 싫어하자나요
맞아요 케케
" 내가 왜 바꿔야함 " 이렇게 받아들이는게 사람이여서
그러니까 일단 시작은 재미를 위한 각자 네이밍 철학의 공유 차원에서 접근해보세요 ㅎ 통일해봅시다 이런식으로 가면 베타적으로 논의하게 되어 끝이 좋지 않으실거에요 ㅋㅋ
조언 감사합니다….! ㅎㅎㅎ
또 재밌는 주제가 나왔네요 ㅎㅎ 저도 항상 프로젝트마다 고민하는 주제입니다.
제레인트20님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 제레인트20님 반갑습니다. :)
안녕하세요!
반갑습니다~ 어서오세요!! ㅎㅎ
맞아요. 한번 각자 폴더구조를 공유 해볼까요? ㅎㅎ
궁금한 것들이나 재미난 관심사가 생기면 서로 공유하고 또 생각을 나눠보고 있습니다. 괜찮은 링크가 보이면 또 공유하고 있어요. 또 저에게 질문을 하시면 바로 바로 답변을 해드리고 있습니다. 언제든지 편하게 글 남겨주세요 :)
넵넵. 일단은 눈팅좀 하다가 참여할만한 이야기가 생기면 참여할께요 ㅎㅎ 일단은 테오님 글 읽다가 커뮤니티 있다는걸 알고 들어온거라 막 대화 주제가 있진 않아요
네~ 감사합니다! :)
이엘로님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요~~
벌써 50명이네요
안녕하세요!!
반갑습니다 ㅎㅎ
안녕하세요 이엘로님 반갑습니다!! :)
반갑습니다 ♡♡
개발관련 궁금한 내용이나 관심사 있으면 각자 공유하면서 얘기 나눠보고 있어요. 언제든지 궁금한 일이 생기면 편하게 글 남겨주세요 :)
넵 감사해요!
React UI State를 URL에 저장해야하는 이유와 방법 https://betterprogramming.pub/how-and-why-you-should-store-react-ui-state-in-the-url-f2013a204cb2
일단 그 2책과 또 다른 함수형 책 1권 주문을 했습니다 :) 읽어보고 나서 제가 답변 꼭 드릴게요. 미리보기로 봤을때에는 3번이 좀 더 최근에 가까워보이는데 봐야 알겠죠 ㅎ
와... 정말요?? 감사합니다!!!
처음 블로그 시작하면서 Svelte와 AdorableCSS 그리고 rxjs 함수형 프로그래밍 이렇게 3개를 주력으로 쓰려고 했는데 함수형 프로그래밍은 좀 쓰다가 막혀서 ㅋㅋ 안그래도 좀 사볼까 했는데 다들 좀 연식이 오래되어 긴가민가 했었어요. 결심할 좋은 기회라고 생각했습니다 (그리고 회사복지로 결제할거라서... ㅋㅋ)
오 카엔프에서 rxjs쓰시나요?
오.. ㅋㅋ 회사복지 좋네요 ㅋㅋㅋ
제가요 ㅋㅋ
svelte랑 rxjs랑 궁합이 좋나요?
리액트랑은 별로던데 svelte 궁금하네요
아주 좋습니다! https://www.youtube.com/watch?v=DLH9EwV-AYE
와
엄청 깔끔하게 적용되네요
테오님 혹시
주제와 좀 벗어나는 질문을 해도되나여?? 테오님뿐만 아니라 여기계신 다른분들꼐도 질문드리고싶은 것인데
사실 저렇게 store로 변환할 필요도 없이 그냥 쓰면 되도돍 만들어 났어요
네~
스벨트랑 rxjs랑 궁합 딱이네요
아예 공식으로 지원도 해주고 좋당
혹시 42서울의 교육방식에 대해서 어떻게 생각하시는지 궁금해여
좋던데여
저는 뭔지 몰라서 지금 홈페이지 보고 있어요
제가 취업준비생인데 프론트엔드 쪽을 집중해서 가르치는 부트캠프를 지원할지 아니면 서울42에서 "소프트웨어 개발"이라는 큰 범주 안에서 저의 역량을 찾는 시간을 가질지 고민이에여
거기 가면 프론트는 별로 안만져요
음.. 공식적인 커리큘럼에는 없어요
네...
스스로 공부해야하고 거기는 C 위주로 문제해결 위주의 학습이 주에요
specific한 스킬을 가리치는건 아니라는점
그리고 교육 기간이 2년이라는점. 취업이 목표면 인내하는 기간이 길어질것 같아요
혹시 프론트엔드가 로그인 페이지 구현할때 어디까지 해야하는지 알려주실 수 있나요??? 한번도 안해봐서 뭐부터 봐야할지 잘 모르겠어요ㅠㅠ
네 맞아여 헌데 2년이긴 한데 그 중간에 인턴쉽할 수 있는 기회도 있고 개인별 역량에 따라서 기간은 축소된다고 하더라고요
저는 Node까지 스스로 해서 적어도 세션 + 쿠키 기반의 로그인 시스템 구현은 한번 해보셔야 된다고 생각해요.
세션맺는 방식은 이해했는데 해본적은 없네여 ㅠㅠ
스벨트 + rxjs 너무 멋진대요?
인정합니다!
이렇게 깔끔하게 딱 떨어지는 라이브러리는 진짜 첨이네요
스벨트는 아직 킬러 상태관리 라이브러이가 없어서 만들어서 쓰고 있는데 rxjs를 같이 쓰고 있어요 ㅎ
크… 이게 컴파일러의 힘일까요
너무 감동했습니다 ㅋㅋㅋㅋ
react면 항상 .subscribe(()=>{ … 스테이트 바꿈 }) 이라던가 앵귤러면 위에 | async 파이프 도배해야하는데 스벨트는 이쁘게 딱딱 해주네요
저도 스벨트 코인 탑승하겠습니다 ㅋㅋㅋ
ㅋㅋㅋ 그쵸 svlete는 $만 입력해주면 됩니다
https://github.com/developer-1px/adorable 제가 AdorableCSS보다도 먼저 Adorable이름의 원ㅈ인 상태관리 라이브러리 입니다. 아직은 내부 개발용으로만 쓰고 있는데 얘도 문서화를 꼭 해서 발표를 해보고 싶어요 ㅎ
라이브러리 직접 만드는 것 너무 멋있어요.. 나중에 저도 꼭 하나 만들어 보고 싶네요
우와~ 감사합니다 :)
제가 42서울 다니구있는데 취업이 급하시면 비추이고 취업이 급하지 않으시다면 강추입니다!
헉 ㅎㅎ 대단하세여👍👍
하.. 너무 고민되네여 ㅜ
일단 넣어여
요즘 경쟁률 치열해서 가고싶다고 해도 못가는뎅..
맞는 것 같네요 ㅋㅋㅋ
라피신 경험해보고 결정하셔도 늦지 않으실 거에요ㅎㅎ
일단 넣어보세요 ㅋㅋ
저도 현 대학교 4학년 2학기 재학중인 취준생인데
처음에는 한 곳만 써도 붙을줄 알고 매우 소심하게 지원했었는데
나중에는 20곳 씩 지원하고 그러고 있습니다 ㅋㅋ 준영님께 관심을 가져주는 기업이나 팀을 바탕으로 다시 생각해보시는 것도 좋을 것 같아요
그렇군여..다들 감사합니다ㅔ
이모티콘 테오님 혹시 개인프로젝트 피드백 부탁드려도 괜찮을까요?? 주소는 https://www.lumieregallery.site/ 이고 깃헙주소는 https://github.com/codestates/Lumiere 입니다..!
와.. ㅋㅋ
사이트 너무 멋있는데여.... 갑자기 그림 사고 싶어지는
사진
이부분 제가봤을 때 조금 어색하게 보입니다 전체적인 것은 멋있네요 .. 이정도는 만들어야 프로젝트라고 할수있군여
헉 감사합니다..!
네 확인해볼게요 :)
디자인도 직접 하신거에요? +_+
감사합니다!! 어드민 계정은 admin@test.com 이구 비밀번호는 asdf1234입니다!
네 ㅎㅎㅎㅎ!
혹시 기획하시고 배포하시는데까지 기간이 얼마나 걸리셨는지 여쭤봐도 되나요??
11월 23일에 시작해서 12월 19일에 끝났습니다!
4주 정도 걸린 것 같아요
우와 진짜 잘 만들었네요. 일단 컨텐츠가 주력인 사이트에서 컨텐츠에 집중할 수 있도록 잘 만들어져 있는게 너무 멋져요!
피드백이 코드 스타일일까요? 아니면 사이트 일까요?
헐..혹시 코드 스타일 피드백 요청드려도 괜찮을까요???...
둘다 올려주셨길래요^^ ㅋ
이모티콘 사이트 피드백만으로도 감사합니다!!!
오.. 주제도 좋네요 잘하신다..
진짜 깔끔하네여
메일로 보냈습니다. 정말 잘만들었다고 생각해요. +_+b 계속 진행하실거라고 생각해서 수정했으면 좋겠다는 부분 몇 가지만 적어 보았습니다~
톡게시판 '공지': 테오님 혹시 개인프로젝트 피드백 부탁드려도 괜찮을까요?? 주소는 https://www.lumieregallery.site/ 이고 깃헙주소는 https://github.com/codestates/Lumiere 입니다..!
해당 데이터를 바인딩한 백엔드 개발자분도 대단하네요.. 혼자신데 연결된 데이터 들이 정말 많네요
정말 감사합니다ㅜㅜ 이렇게 시니어분에게 피드백 받을 수 있는 기회는 살면서 없을 거라 생각했었는데.. 엄청나게 세세하게 해주셔서 정말 감사합니다ㅠㅠ 적어주신 피드백들 적용해서 보다 더 이쁜 사이트 만들어보겠습니다!! 정말 정말 감사합니다…!!!!!
영보떼님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
볼수록 근데 지금도 너무 예뻐요! 기대하겠습니다. :)
안녕하세요 윤영님 반갑습니다 :)
안뇽하세요 !
저 프로필 바꾸는 법좀 ㅜ보고 인사 다시 드릴게요 !
ㅋㅋㅋ 네!
안녕하세요 !
전공은 광고관데 프론트엔드라는 직종에 2주전부터 관심 생겨 요새 정보 알아보고 있는 학생입니다 !
와! 멋지네요!
저희가 정보를 생산하는 건 아니지만 궁금한 게 생기거나 관심사가 생길때 마다 글 남겨주시면 각자 아는대로 대답해주고 있어요 :) 언제든지 편하게 생각나면 글 남겨 주세요~~ +_+
아직 공부법이나 커리큘럼 짜구 있는데 이것조차 처음보는 사이트나 프로그램?이 많아서 헷갈리네요ㅜㅜ
감사합니다 !
프론트엔드에서도 어떤 쪽으로 생각하고 계시는거에요?
만들어보고 싶은거?
아직 봐두 잘 구분이 안되고 접해보지 않아서 그냥 넓게 프론트로 정한 수준입니다 ,, ㅎ🥲🥲
그러시군요~ 다른분들은 완전 처음에는 공부를 뭐로 시작하셨어요?
저는 책으로 처음 접하고 유튜브로 찾아본 것 같아요! ㅎㅎㅎ
샵검색 : #나는 아마존에서 미래를 다녔다
이 책이 간접 경험? 하기 좋아요 ㅋㅋㅋㅋㅋ
혼자공부하다가 저는 패캠으로 인강들었는데.. 어려웠어요!!ㅠㅠ
전 부트캠프 갔다가 탈출하고 노마드코더 들었어요.
맨 처음에 뭘 모르고 시작하면 뭐가 제일 어려운가요? 난감한거? 애로사항?
전 분야를 정하는게 제일 어려웠어요. 분야에 따라 개발 공부할께 달라진다는데, 어떤 분야가 어떤건지 나한테 잘 맞을지 뭘 알고? 란 느낌이 들어서 힘들었던 거 같아요.
오 저랑 비슷하신거 같아요!
아! 그렇겠네요~
톡게시판 '공지': 전 분야를 정하는게 제일 어려웠어요. 분야에 따라 개발 공부할께 달라진다는데, 어떤 분야가 어떤건지 나한테 잘 맞을지 뭘 알고? 란 느낌이 들어서 힘들었던 거 같아요.
공감이 많이 갑니다 모르는 사람에게는 뭘 할 수 있는지를 모르겠군요~ 좋은 인사이트 감사합니다
저 근데 html css JavaScript java 이 순으로 공부하려 하는데 괜찮나유 ..?
헉 저두요 ㅠㅠ
어떻게 정하셨나요 ,,, 저 아직 학교 졸업한게 아니라 광고과랑 병행해야해서 좀 효율적으로 공부해야해서요 🥺
네~ html과 css화면을 만들어보는게 로직이 없어서 뭔가 영어를 타이핑해서(?) 뭔가를 만드는 개념을 먼저 익히시면 좋을 것 같아요 ㅋ
듣기 좋은 생활코딩..추천드립니다 ㅎㅎ
저는 그냥 만들어 보고 싶은거 하나 정해서 xxx만드는 법 이런식으로 검색해서 하나씩 필요한걸 수집하면서 했어요
Html css는 교양으로 들어서
저는 클론코딩을 통해서
어떤식으로 돌아가는지는 알구 있는데 나머지가 아예 감이 안잡혀서 방향성을 못잡겠네요 🥺
아 웹페이지가 이렇게 구현되는구나 감을 잡는데 좋은것같아요
근데 개발공부하면서 항상 느끼는것은
내가 뭘 만들고 싶은가 계속 자문해보는것같아요 ㅜ 이게 없으면 동기부여가 잘 안되는
저와 같이 시작점에 계신분들이 좀 계신거 같아서 같이 고민해가며 배울 수 있겠네요…ㅎ
ㅠㅠ다들
실례지만 몇살이세요 ..?
나이는 공개 금지 할게요
괜히 서열이 생기는건 원하지 않아요 20대 30대는 괜찮아요 ㅋㅋ
앗 ㅠㅠ넹 제가 혹시 너
너무 늦게 시작하나해서용
아직 졸업도 안 하셨다면서요~ 충분히 안 늦었어요 ㅋ
저 난치병때문에 대학 엄청 늦게 들어갔어요 !
30대에 이직하시는 분들도 많아요!
20대건 30대건 늦은건 없다고 생각합니다 걱정마세요 ㅎㅎ
저 30 넘은 뒤에 신입 개발자로 들어갔어요 걱정마세요
요새 IT에서 수평적인 문화를 추구하면서 나이는 안 물어봐요
보여지는 나이가 중요하니까 젊다고 믿고 화이팅해보세요 ㅋㅋ
앗 감사합니다 !
당장 취업이 목적이 아니시라면 제가 추천하는 svetle로 가위바위보 게임 만들기 한번 해보심을 추천드립니다. 방법은 인터넷 검색을 해가면서 좀 찾아보시면서요
로직이 있는 단순한 프로그램 뭐든 하나정도를 맨땅에서 만들어서 완성해보시면 이 과정이 힘든거랑 재미쪽에서 어느쪽이 더 큰지 느껴보시면 좋을 것 같아요 ㅎ
저는 ! 제가 예전에 쇼핑몰 운영했었는데
제 사이트를 제가 직접 다 꾸미고 만들고 기능추가하고 싶은뎅 그럼 퍼블리싱쪽일까용 ?
네~ 로직이나 데이터를 다루는 부분을 많이 줄이고 디자인을 구현하는 쪽이라면 퍼블리싱이 맞아요
근데 제가 어디선가 들었던 거 같은데 디자이너분들이 프론트 언어 좀 하실줄 아시는 분들 많고, 개발자분들도 디자인 어느 정도 해서
이게 품을 줄이기가 힘든 직군이라 어디서든 니즈는 있는데 비싼 돈을 주기는 어려운 직군이기도 해요
퍼블리셔 입지가 많이 좁아졌다 하더라구요 ㅠ.ㅠ.. 생각하기 나름이겠지만 !
아아 역시 그렇군용 ㅠ.ㅠ..!
퍼블리셔 입지는 원래부터 좁았지요 ㅠㅠ
물론 그 분야도 깊게 판 전문가는 대접을 받습니다.
https://ko.khanacademy.org/computing/computer-programming/html-css 좀 늦은 것 같지만 저 완전 처음 자바스크립트 입문을 이 사이트에서 했었는데 html/css 코스 보내드립니다! 엄청 친절해요 진행이 느리다고 느낄만큼.. 건너뛰어 가면서 하시면 좋을 것 같아요 html css 익숙하시면 html/js 코스도 있으니까 참고해보세요!!
톡게시판 '공지': https://ko.khanacademy.org/computing/computer-programming/html-css 좀 늦은 것 같지만 저 완전 처음 자바스크립트 입문을 이 사이트에서 했었는데 html/css 코스 보내드립니다! 엄청 친절해요 진행이 느리다고 느낄만큼.. 건너뛰어 가면서 하시면 좋을 것 같아요 html css 익숙하시면 html/js 코스도 있으니까 참고해보세요!!
프론트엔드는 모두와 협업하는 직군인데 디자인 기획이랑 가까우냐 백엔드 개발자와 가까우냐에 따라 좀 나뉘어요~ 퍼블리셔도 앞쪽 개발자긴 하구요 파면 깊은 세계가 있습니다 ;)
전 디자인 기획이랑 가깝구 싶어요 !!
태오님
태오님이 보셨을 때에 프론트직군이 백엔드를 다루는 것에 비해 가장 큰매력은 무엇이라고 생각하세여??
사용자에게 더 가까우니까요 :)
우리가 앱을 다룬다라고 하면 일반적으로 프론트엔드가 만는 것을 다룬다고 생각하지 백엔드의 것을 만진다고 생각하지 않자나요 ㅎㅎ
캬
사업을 하면서 백엔드 수정 요구사항은 한번도 들어 본적 없어요 ㅋ
넘 멋찐 말씀,,
물론 그 사람들이 몰라서겠지만
(물론 프론트엔드는 없어도 돌아가지만 백엔드는 없으면 사업이 아예 안되요~ 쿨록 쿨럭)
그래서 백엔드 몸값이 비싼겁니다 ㅋㅋ
테오님 사업 경험도 있으신가봐요! :)
사업을 하기느했지만 그냥 대학생 수준입니다;; 투자고 뭐고 그런걸 잘 몰랐어요
ㅎㅎㅎ 그래도 대단하세요! 다음이 또 있겠죠! :D
그냥 잘만들면 돈 벌수 있을 줄 알았던 시절이라서 ㅠㅠ 나중에는 거의 외주위주로 돌아갔고 내가 CTO인 프리랜서를 했다 라고 생각합니다
나중에 여기 취직하고 나서 안 건데 사업도 수순이 있고 다 방법이 있는거드라구요 ㅋㅋ 저는 지금 생각해보면 저는 사업이 하고 싶었던게 아니라 회사일 말고 내가 만들고 싶은 걸 해보고싶었다 라고 생각해요
사업도 수순이 정말 있는거 같아요.. 아직 그 프로세스가 큰 경영처럼 정립되진 않았을지 모르지만요! :)
맞아요 그래서 경영이나 사업과 같은 부사랑 전공이 있는 거겠죠?! 개발처럼 ㅋ
아까 영무룩님께 말을 하다 말았는데 요새 흔히 말하는 네키라쿠베등에서 뽑으려는 몸값 높은 프론트엔드들은 대부분 백엔드와 함께하는 프론트엔지니어 쪽에 조금 더 포커싱이 되어 있어요 지금 취업시장이나 커리큘럼도 그렇구요
그러니 예상은 예상은 하시고 html css를 전문가급으로 잘해도 퍼블리셔가 아니라 프론트엔드라는 타이틀을 따려면 조금 더 전문성을 가져야 합니다
넹 ! 감사합니다
근데 혹시 유튜브 무료강의랑 유료 강의랑 질 차이가 많이 나나요 ?
아시는 분 있나요? 저는 강의는 들어본적이 없어서요~
강의가 얼마든지는 상관 없고 걍 정말 퀄 좋은 강의를 원합니다 🥲
그게 강의를 들어도 결국 스스로가 코드로 구현하는 물리적인 시간을 늘리는게 중요하더라고요
강의는 애플코딩 , 노마드코더 추천합니다!
저는 애플코딩 들어봤는데 숙제를 계속 내줘서 하다보니까 저도 모르게 제가 코드로 직접 구현하게 되더라고요 ㅎㅎ 저는 예제나 숙제가 있는 강의가 좋은 강의인것같습니디
그쵸 알려주는 걸 하는 거는 문법을 배울때만 유용하지 스스로 사고 하고 찾는 법은 상황이 닥쳐야 만들어지는 거라 좋은 과제를 많이 내주는 건 좋아보이네요~
아하 감사합니다 !
혹시 친구가 추천해준거긴한데
패스트컴퍼스 아시는분 있나요?
패캠 유명하져 유료강의사이트로 유명합니다
저 패캠과정 듣고 있습니다~
오홍
자주 보이는 강의 사이트들 나열해보면 드림코딩, 노마드코더, 코딩애플, 인프런, 패스트캠버스 이렇게 인거 같아요
혹시 이거 들으세요
?
할인해서 240마넌이면 좀 쎈데
강의 괜차느면 결제하게요 !
혹시 MIT 오픈코스 들어보신분도 계실까요..? 저의 목적이 1년내에 좋은곳?에 개발자 취업을 목표로 한다고 했을때 들어볼만 할 지 감이 안 와서요..! :)
일단 김민태님 강의는 무조건 추천입니다
온라인 강의 이야기가 나오길래.. 혹시 시도해보신분 계실까 싶어서 조심스레 여쭤봐요..ㅋㅋㅋ
사진
영무룩님 혹시 개발을 이강의로 처음 접하시는 건가요?
네 !
교양으로 html, css 좀 했는데
그 개념자체를 아예 몰라서 걍 처음이라 보심 대유
노마드코더에 기초 강의들은 무료인걸로 아는데
240만원이 말도 안되는 것 같아서 보니까 보신 게 풀스택 강의 5과목에 맥북프로까지인 것 같네요…
거기서부터 시작하시는건 어떤가요
앗 그러네요 ,,!
여기 밑에 22만원짜리 이 강의만 구매하기 있습니다!
저거 제일 초보 강의도 제가 듣기엔 조금 버거울 수 있을까용 ?
보여주긴 패캠 컨텐츠는 분명 좋아보이는데 입문용은 아직 아닐것 같은데요
사실 이게 사람바이사람이라 추천드리기 조심스러운 부분이 있는데 처음이시라면 저는 리액트 초격차 패키지를 추천합니다 근데 리액트 같은경우 무료강의도 충분히 좋은 강의들이 있어서 굳이 유료결제를 추천하지 않습니다
https://nomadcoders.co/courses
여기 보시면 기초 강의는 무료에요
인프런에도 무료 강의들 많을거고 일단 무료로 접해보세요 무료도 퀄리티가 나쁘진 않아요 ㅎㅎ
저가 배웠던 커리큘럼이 혹시나 도움이 되실까 공유합니다! js기초(변수/함수/조건문/반복문) -> html,css -> 우분투(CLI명령어) -> git(workflow) -> js(배열/객체) -> Css(레이아웃/셀렉터) -> js(원시,참조 자료형/스코프/클로저) -> js(Dom) -> js(고차함수) -> React(jsx/spa/router/state/props) -> js(객체지향) -> 자료구조(재귀/stringifyJSON/treeUI) -> 자료구조 기초(stack,queue/ graph,tree,bst/ bfs,dfs ) -> js (동기/비동기) -> http/네트워크 -> React(데이터흐름, 비동기 요청처리 ) -> webServer(cors, express) -> react(컴포넌트디자인, styled-component) -> 상태관리(redux) -> 백엔드부분
생활코딩 노마드코더가 입문자용으로 유명하죠 ㅎㅎ
와우ㅠ
먼말인지 모르겠지만 감사합니다 !
노마드코더는 먼가 노션같이 생겼네용 ..!
저는 갠적으로 html css js기초 다지기는 유튜브에 드림코딩 엘리를 추천합니다
저도 엘리 추천드려요
근데 꼭 유료라고 퀄 좋고
무료라고 퀄 안좋고 그런건 없겠쥬..?
전혀 모르는 입장에서 잘 이해시키는 강의는 드림코딩이 최고인거 같긴 해요
우왕 ㅠㅠ
소중한 정보 넘 감사해요 ,,,
그리고 노마드에서 단순 강의만 하는게 아니라
https://nomadcoders.co/challenges
무료강의도 자기 이름걸고 강의하는거라 퀄리티가 나쁠수가 없다고 생각합니다 개인적인 생각입니다
지나가다 저도 혹시 도움 되실까 해서 공유드리자면 저는 돈 안들이고 벨로퍼트님 블로그로 처음 리액트 공부했고 공식문서 읽고 학교 개발 동아리에서 경험쌓고 주니어 취업했었어요! 꼭 돈이 중요한 건 아닌거같아요
이런식으로 챌린지도 하는데 시간 맞으면 참여해보세요
지금 정보주신거 다
북마크에 저장하구 이써요
감사합니다 !
영어 듣기 잘 하시면
유데미라는 해외 사이트도 좋은거 같아요
우선 제가 너무 초보기 때문에 다들 추천하신 드림코딩 엘리님꺼 들어볼게요,, 💙
저는 패스트캠퍼스 유료강의는 다들 퀄리티 대비 비싸다라는 평들이 많아서
zerocho도 좋은데 이제 입문하시는 분에게는 좀 어려울수 잇다고 생각합니다
영어 난리나도록 못해요ㅠ
저도 여기서 HTML CSS 무료 유튭 들었는데 정말 이해하기 편하게 말씀해주세요~ :)
캬 이미 맘이 엘리님으로
99% 접혔네유
보통 유튜브에서
프론트엔드 쪽으로
엘리님 노마드님이 유명하신것같아여
생활코딩 VS 엘리님 VS 둘 다 들어라
개인적으로 패캠에 김민태의 프론트엔드 아카데미 1강은 추천합니다
하나만 들어서 집중하시는게 좋을것같긴해여
뭐든 다다익선이죠 ㅋ
아마 거기 사이트 가시면 이런 순서로 강의 들어라~ 하는 커리큘럼 같은 거 있을거에여
저는 드림코딩 노마드 두개로 충분하다 생각해요~!
일단 생코 들어보시고
저두여~
무료강의도 많습니다
무료강의 찾아서 들어보시고
아하 근데 여러분 저처럼 완전 초보들은 포폴을 아직 만들 수 없는 단계잖아유 ! 그래서 강의 들을 때 궁금하거나 배웠던 내용을 정리하고 싶은데
다들 어디에다가 정리하시나요 ?
드림코딩 유료 들어보신 분도 계실까요?
걍 블로그에 해도 될까요 ?
보통다들 블로그 하던데요
깃허브같은데는 친구가
여기는 아마 다들 velog 에서 오신분들이지 않나 싶어여
초반에 넘 어려울 거 같다해서ㅜ
깃허브는 필수입니다…
저 브라우저101인가 그거 들엇어요
저 처음 시작할때
깃헙부터 친구 알려주는데..
저두요! ㅋㅋㅋ 브라우저101 좋져
저도 그럼 좀 어려워도 깃허브에다가
정리하는게 나을까여?
코드는 거기 올리고
공부한 내용은 블로그 쓰셔요
넹 ><
아까 블로그
개설했어요
저도 코드는 깃헙에 무조건 올리고 내용은 벨로그 추천드려요!
최고입니다 ㅋㅋㅋ
ㅎ_ㅎ
굳굳
굳이 공개하실게 아니면 노션이라는 노트 앱 쓰셔두 되요 ㅋㅋ
벨로그로 하면 편합니다
저 노션 ! 쓰고있어요
블로그는 취업할때 엄청 도움 됩니다 공개해서 쓰세요~
공개..하는게 좋아요 취업목적이면
티스토리인가 머시기인가 그거 말구
블로그가 낫쥬?
테오님과 같은의견입니다
티스토리도 블로그 한 종류죠!
다들 블로그 하시면 구경 가두 대나요 ? 어떤식으로 정리하시는지 궁금한딩 ,,
벨로그가 간편해서 좋고 미디움은 수익성이지만 외국인들위주이고 티스토리는 꾸미는대로 이뻐지는데 못꾸미면 별로고..
벨로그 트렌딩 부분만 봐도 많은 참고가 됩니다!
네이버 블로그는 개발자들중에 하는사람 많이 못봤고요
헉
블로그 괜히 꾸몄당
여기로 와서 markdown에 익숙해지세요 ㅋㅋ
전 이제 마크다운 지원 안하면 글을 못쓰겠더라고요 😅
맞아요 마크다운 익숙해지니까
이거만써요 ㅋㅋ케
노션 깃헙 리드미 전부
나중에 git에서 readme 쓸데도 좋고
벨로그가 딱 폰트도 이쁘고 시리즈 기능도 있고 가볍고 깔끔하게 쓰기 좋은거같아요
맞습니다 못써도 무난히 깔끔해서
이미지 캡션 기능만 주면 참 좋겠는데 ㅠㅠ
그냥 어렵더라도 나중을 위해서 정리하는 곳을 추천하신다면
저
Velog인가유?
벨로그가 제일 쉽고 깔끔한거같아요
나중을 위해서라기 보다 수익 목적이 아니라면 추천합니다
그냥 딱 까먹을 때 보는 용도 + 복습용이 될 거 같습니다 !
https://github.com/velopert/velog-client 가서 PR 올리면 검토 안해주시려나요..? ㅋㅋㅋㅋㅋㅋ
맞아요 취업목적이라면
취업목적두 있슴다 !
벨로그가 어렵진 않아요! 개발자들이 많이하는 블로그고 깃헙은 코드저장소라고 생각하심 될것같아요 둘다 무조건 하셔요!
근데 저 갑자기 궁금한게 있는데
아항 ㅎ감사합니다
취업할떄 보통 포트폴리오로 깃헙 주소나 기술블로그 게시하잖아요
화이팅
TODO에 올려놔야겠네요
면접관 분들이 제가 올린 기술블로그의 게시글을 쭉 읽어보시는 건가요??
저는 올라오면 보는편입니다
무슨공부하고있고 요새 무슨코드 작성중이고
대부분 읽어보죠 읽으라고 링크를 이력서에 뒀을테니까요 ㅋㅋ
역시 그렇겠군여
벨로그는
카테고리 못 나누나바용 ,,?'
저는 돌아보면서 공부하시는 스타일 살펴보는 편입니다
태그로 다시면 카테고리가 저절로 생깁니다!
오오 !
시리즈 기능도 있어여
태그로 나누고 시리즈
늦었네
ㅋㅋㅋㅋㅋ
영무룩님 질문덕에 저도 드림코딩 엘리님 알아가요ㅎㅎ 감사해요
아 훈훈해 ㅋㅋ 기분이 좋네요 ㅋㅋ
깃허브는 제가 보기에 좀 복잡한 웹사이트네요ㅜ
앗 아니예요 !
상고펭님이 펭귄인가
여기 계신분들
네맞습니다ㅋㅋㅋ
ㅋㅋㅋ 엘리는 프론트 위주에요
다들 왠많치 인성이 좋으신분들 같아여 말씀하시는게 다들 친절하시네여 ㅋㅋ
무료 유튜브 강의 많아요
한번 보시고…
깃허브도 무서울뿐 어렵진 않아요 ㅋㅋ
아직 몰라서 무서우신거에요
ㅋㅋㅋㅋㅋㅋㅋ
간단히 처음에는 clone pull push까지만 할수있으면
나중에 더 명령어 배우시면 됩니다
처음부터 다 알려면 머리아플거에요…
음... 저는 그냥 sourcetree씁니다
git 명령어 잘 몰라요 ㅋㅋ
저도 vscode깃탭만 사용했는데
rmsep rndr
근데 궁금한게
가끔 회사내에 개발자면 명령어 써야지
이런분들이있어서 ㅠㅠ
걍 벨로그나 블로그에 코드 적으면 되는데
왜 굳이 깃허브에 적는지 궁금합니다 !
깃허브는
저장소 그 이상이에요
버전관리 협업 전부 가능해서
남들이 하는것좀 보고 시작해야 겠네요 !
아 그럼 우선 아직 저한테는
일단 저장소기능만이라도 사용해서
그렇게 쓸모있는 사이트는 아닌가유 ..?!
익숙해지라는거에요 ㅎㅎ
나중엔 매일 사용합니다…
사진
이런거 보구 이써요 !
아하 ,,
제가 제일 먼저 개발을 배우겠다고 하는 사람에게 처음 시키는게
근데 영보뗀데 영보트라하네요
넹!
약간 회사 들어가면 당연히 알고왔지??
이런느낌이라서
저 저거 개인용으로 가입했눈데,,
github에 repo하나 파서 뭐든 하나 올려서 외부로 배포해라
뭔말인지는 인터넷 찾아서 스스로 확인하고 다되면 URL 보내줘
제가 느끼기엔.. 블로그가 MS Word라면. Git은 Google Doc 같은거 같아요.. 협업이 가능하고 서로 한 독큐먼트를 동시에 작업이 가능한,,? 전 이렇게 느꼈었는데 맞는 표현인지 모르겠네요..ㅎㅎ
그냥 뭔지 몰라도 무섭다고 미루지말고
아하 ㅎ 감사합니다 !
저는 코드를 저장해서
나중에 필요할때 복붙해서 쓰는건가
혼자 이렇게 생각했었네유 ㅎㅎ
근데 사실 혼자 처음 쓰시다 보면 이걸 왜 쓰지 싶으실 거 같긴 해요
복붙은 아니고 다운로드가능합니다
구총? 그럼 우선 낼부터 html, css 공부 시작인데
벨로그에 다 정리해보려구요 !
일단 모든코드는
깃헙에 올린다고
생각하시고 시작하세요 ㅎㅎㅎ
생각보다 잘하는거보다 자기가 얼마나 발전했는지 보여주는거도 중요하더라고요
hello 영무룩 :) 보이는 개인 페이지 하나 올리는거 숙제!
저 벨로그랑 블로그랑 깃허브 우선 만들어놨는데
업로드하믄 되나요 ?
그리고 틀려도 에러나도 괜찮으니
깃 나중에는 문제 생겼을 때 커밋 찾고 복구하고 협업하고 막 커밋으로 춤을 추다 보면 와 진짜 대박이다 싶은데 첨엔 필요성을 느끼기 쉽지 않은 거 같아요
일단 막해보세요
여기에 제 벨로그 주소랑 깃허브 주소 올려두 대용 ? 제가 공부하는거 가끔씩 들어와서,, 봐주세요 호호
저는 자동배포도 깃헙액션으로 해결해서
혼자할때도 잘사용하면 좋은것들이 많다고 생각합니다
깃 이슈 깃 프로젝트
네 누구든 보여주고 싶으면 자기 글 여기 올려서 홍보하세요~
다 잘사용하면 혼자써도 좋아요 ㅎㅎㅎ
저도 맨날 제가 쓴 글 여기에 올려요 ㅋㅋ
사진
혹시 다들 이거 데스크탑 vs 브라우저 뭘로 하셨나요 ..?
대학교 이메일이랑 학생증 깃헙에 인증하면 좋은 컨텐츠도 제공 받을 수 있어요!
사진
우왕 감사합니다 !
그럼 rn책 공부못하게
막는 고양이사진
공유를..
요즘 코드서버때문에 다운로드 받을때 저렇게 보여주나봐요. 데스크탑으로 하시면 됩니다.
와후
쩜 어렵네용
브라우저는 설치 없이 브라우저만 켜서 할수있을거에요
감사합니다 !
이런거보고
제 벨로그예용 >< !!
하나씩 따라해보세요
아 상부터 들업보세요
오 감사합니다
유튜브 뒤져보면 무료강의 많아요 ㅎㅎ
영무룩님 혹시 여기 화면 어딘지 주소 알수있을까요??
영어가 된다면 무료강의에 폭이 넓어지긴 하지만 ㅠㅠㅠ
사진
저 그냥 오른쪽 귀하의 코드 공간 눌렀어요 !
사진
우왕 어플두 이써요
어플보단
뉴비 조와
ㅋㅋㅋㅋㅋ
두근두근 낼 html 한거
이모티콘 엄청 써서
올려야징 ,,
화이팅입니다
화이팅~!!
모르시면 많이 물어보셔요 ㅎㅎ
감사합니당 >< !!
여러분들은 천사예요 ! !
이모티콘
여기 화면은 git 인가요?
깃허브예유 !
이미 로그인 되어서 저화면은 익숙치 않네요 ㅋㅋㅋㅋㅋ
아까 알려드린 데스크탑이 맞는지 모르겠네요 ㅠ 저는 vscode 다운로드 화면이라고 생각했어서..
사진
정리 해써요
다시 바꿀 수 있지 않을까용 ?!
여기도 왕왕 추천드립니다
뭔가... 싹이 보이시는 분이시네요...
와! 오늘 나온거 다 정리해서 올려주면 뉴비 온보딩용으로 참 쓸만하겠네요 ㅋㅋ
나중에 잘하실것같은 느낌...
그럼 여기도… https://poiemaweb.com/
거기도 좋죠! 저 분 책을 사셔도 좋습니다 ㅋㅋ
우왕ㅠ 다들 진짜 넘 천사세유 ,,
나중에 사서 꼭 볼려고 합니다 ㅎㅎ
사진
꺄 아직 어느 사이트가 무슨 사이튼지 구분 가진 않지만,, !
공부할 수 있는 좋은 사이트 많이 알아서 기분 좋아유 ,,,
항상 새책은 기분이 좋죠
ㅎㅎㅎㅎㅎㅎ맞아요,,, 1/4정도가 저한텐 고비네요 ,,,ㅎㅎㅎ
velog 첫 글 기대할게요! ㅋㅋ
github 첫 배포도!
다들 IDE는 어떤거 사용하시나요?
넹 ><!
vscode가 많겠죠?
저는 옛날 사람이라 jetbrain입니다
오늘 깃허브 하는법이랑 현직개발자 영상분들 보면서
잠들어야게써요
vscode사용합니다
전 vs 다운 받아놨어요 !
젯브레인 유료..
돈값을 합니다 ㅋ
저는 웹스톰이요!
vscode 씁니다!
인정하긴합니다 ㅋㅋㅋ
지금은 회사가 내주고 있지만요 ㅋ
유료인값은 하는데
테마는 https://marketplace.visualstudio.com/items?itemName=sdras.night-owl 부엉이!
제가내기는 아까운..
vscode에 웹스톰 테마씁니다…ㅋㅋㅋㅋ
jetbrain font 좋아요 추천합니다
저는 블루로코? 뭔가 채도 높은 테마 써요
트렌드에 맞춰서 Vscode로 옮겨야 되나 싶은데 그 웹스톰 특유의 딴딴한 느낌때문에 못옮기는 중입니다ㅜ
백퍼 인정합니다 ㅋㅋ 우측 쉬프트키 2타를 버리기가 어려워요 ㅠ
https://www.jetbrains.com/lp/mono/
공유들 감사합니다
사진
비포 에프터 보여주는 방식이 신기하네요..
다들 좋은 아침입니다!! ㅎㅎㅎ 질문이 있습니다..! 제가 깃허브 하나의 저장소에 여러 프로젝트들을 넣어놨는데 따로 빼서 별도의 저장소로 옮기는 방법을 알고 계신분이 있을까요? 플젝이 좀 커지고 리드미를 따로 작성해서 관리하고 싶어서요!!
하나의 저장소라는게 하나의 레포지토리를 말씀하시는 건가요?
넵 맞습니다!
사진
여기 있는 next 앱을 별도의 레포에 저장하고 싶어서요
별다른 방법이 없으면 수작업으로 할까 생각중입니다 ㅎㅎㅎ;
remote 를 새로 추가할 레포 주소로 만들어서 push 하면 안될까요?
저도 안해봐서 ㅎ..
헉 저두 넘 궁금한 사항이니ㅔ용
git submodule이라는게 있긴한데 써보지는 않았어서 해보시면 되지만 repo를 그냥 나누는걸 추천해요
저는 사용해보긴 했는데 관리하기 너무 까다롭더라고요..
저도 그냥 나누는걸 추천드립니다
처음 넣을 때 잘 구분해야하는군용 ….!
저 html css 코드는 저장소에 넣을 때
이걸 그냥 html/ css 폴더 생성하고 넣으면 되겠죠 ?
네~ 그냥 하다보면 스스로 불편해서 정리하시게 될거게요 ㅋㅋ
아하 신입프론트에오님 말 들으니까
그렇군요 역시 그냥 나누는 게 나을 것 같네요 🤣
뭔가 나중에 바꾸기 어려워보여성 ..
ㅋㅋㅋㅋㅋㅋ 아니에요 어렵진 않습니다..!
다른 방법이 있나 찾아본거에요!
헤헹 다행이네용 저 저런거 자주 바꾸거든용 ❤️
저 벨로그 읽는데
다들 필력이 장난 아니시네요 .
회사 일 하면 코딩도 코딩인데 문서 쓸일도 많아서 문서를 잘 쓰는 것도 요새 잘 보는 능력입죠
사진
근데 전 왜 저 카테고리 수정이 안될까요 ?ㅠㅠ
태그에 넣었눈데 ..
오
축하드립니다
저거 카테고리보다 태그 수정하셔야되요
글하나 쓰셨네요
엇 다시 지웠어요,, ㅎㅎ 집가서 새벽감성으로 공부 시작글 쓰려구요,,
ㅋㅋㅋㅋㅋ
저 태그에 넣었는데 !
사진
이분처럼 글 쓸 때 이렇게 태그 쓰면 카테고리가 자동 생성 되는 건가용 ?
서칭했는데 제가 원하는 질문이나 답은 없네용 ㅠ.ㅠ
태그 생성하시면 자동으로 옆에 떠요
ㅠ.ㅠ 제가 카테고리 따로 만들고 싶었는데 태그=카테고리군요 ! 감사합니다 !
영무룩님이 원하시는 카테고리는
시리즈로 할 수 있지 않을까요?
아하 💙
친절한 답변 넘 감사드려요 ! !
아 맞아요 카테고리를 여기서 태그나 시리즈로 관리하더라고요
사진
근데 이거 꼭 다운로드 해야하나요 ?
그냥 웹사이트로 접속해두 상관없조 ..?
사진
걍 우선 이거 다운 해봤어요 ,,
포맷 하고 공부 시작하구 시펐지망,,
앗ㅋㅋㅋ 저도 깃허브 데스크탑으로 시작했는데
하다보면 터미널로 갈아타실거에요
ㅋㅋㅋㅋㅋㅋㅋㅋ
헐 왜용 ?
그럼 첨부터 터미널로 하는게 낫나요 ?
은근 터미널이 편하기도 하고
멋있어요
터미널 : 빠르다 손에 익으면 편하다
UI툴 : 보기 좋다
오..정확한거 같아요
배우기 쉽다
장단점입니다
흠
우선 저도 그럼 신입님처럼
깃허브 데스크탑으루 시작하구 터미널로
근데 처음 시작은 그냥 UI툴 하나 잡고 하셔도 됩니다
바꾸면 추후 귀찮거나 불편할 일 없으려나요 ?
넵!
조삼모사입니다
감사합니다아 ❤︎
저는 둘다 사용해요
오호
어짜피 맨날 쓰는거만 터미널 써서 빠르게 작업하고
그냥 한 곳이 편하지 않나요 ? 초보는 두 개 다 사용하는 이유가 궁금합니다,,
네네
가끔 툴써서 하고
어짜피 vscode 에 기본으로 달려있는거 있어요
그래서 그걸로 다합니다
아하 감사합니다 ㅎ
와 !
생각보다 영어가 많네유 ㅎ..
개발 용어는 한글이 별로 없어요..
헤헹 아주 느리게
읽고 있어요
그럴땐 오른쪽 마우스 누르고 한국어로 번역..
오 감사합니다 !
오 저 깃허브는 쩜 겅부하고 해야할듯,, 2회독 했으나 이해가 안돼요 ㅠ.ㅠ
그냥 깃허브 웹에서 add file 하는것도 방법입니다ㅋㅋㅋ
감사합니다 ! 저 우선 학교 과제 때문에
쓸데없는 파일들이 너무 많아서
맥북 재설치 하려궁 !
하려구요 !
깃 시작하시네요!! 깃 쓰실 때 깃허브를 안 쓸 수도 있어요! 깃허브 같은 경우에는 원격 저장소고 다른 컴퓨터에서 사용하거나 협업할 때 좋고요 로컬에만 저장한다 하시면 깃허브 없이 로컬 저장소에만 저장할 수도 있습니다 그럼 커밋 후 푸시할 필요가 없어서 한 단계 줄어들어요!! 전 제 컴퓨터에서 혼자서만 주로 하니까 로컬 저장소 쓰는 프로젝트도 많습니다
그리고 맥북에 기본적으로 깃 깔려 있었던 걸로 기억해요 재설치 하고 나서 깃은 새로 설치 안하셔도 될 거예요
앗 저 이미
포맷 할 준비하고 있어요ㅠ
깃이랑 깃허브랑 다른거군요 ,,
나중을 위해 깃, 깃허브 다하는게 좋다 이것보단
그냥 우선 이엘로님 말씀대로 깃에만 저장해두 나중에 불편하거나 귀찮은 일 없을까요오.. ㅠㅠ
그래도 깃허브도 써보시는 게 좋을거예요 분명히 협업할 일이 생길 테니까요
깃은 카메라라면 깃허브는 유튜브라고 생각하시면 편해요~!
좋은 비유네여
아하 감사합니다 !
근데 제가 협업할 일 수준이 아닌데 깃허브를 사용할 수 있나요 ?ㅠ 엉엉 넘 헷갈리네유 ,, 생소해서
이런거 학원 없나 혼자 이러구 있어유,,,
대부분 개발은 독학으로 하셔야 해서 익숙해지셔야 할 거에요 ㅠ
협업하기 전에 깃허브를 어느정도 숙달하는 것도 좋다고 생각해요!
근데 프로젝트 하면서 자연스럽게 익히면 제일 좋은데
물론 지금 처음이시면 깃허브 까지는 안하셔도 괜찮지만요 ㅎ
깃허브 자체는 어렵지 않아요!! 프로젝트를 인터넷에 저장한다고 생각하시면 될 것 같아요
저 근데 제가 html, css, 자바 스크립트 어느 정도 다룰줄 알게되면
처음 배우시는 분이면 프로젝트 하는거 자체가 장벽이 있어서 어렵네요
다른 분들이랑 프로젝트 할 수 있나유 ..?
걍 깃허브 그때 배우는게 나을거 같아소,, 허허
깃이나 깃헙이 처음에 많이 어려우시면 유튭이나 책을 따로 구매하셔서 공부하시는 것도 추천드려요
저는.. 아날로그..사람이라.. 안그래도 책사려구 교보문고 갈 채비하구 있네요 ..
저도 아직까지는 책이 편하긴 하더라구요 ㅋㅋ
요즘은 전차책을 한번 시도해볼까 고민중이긴 하짐나..
저 아이패드로 리디북스에서
책 결제했는데 ㅠㅠ아날로그책이 편해서
아날로그로 다시 샀어유,, 허허
강의 사보시는 건 어떠세요?
개발 책은 한번 사놓고 거의 안보게 돼서...ㅎ
패스트컴퍼스 구매하려하는데
강의도 마찬가지기는 하지만
왕초보가 하긴 좀 그렇다하셔서 그 전에 추천해주신것들 쭉 보려구요 !
html css만 우선적으루요 !
네 일단 유튜브에 있는거 먼저 보시는게 좋을거 같아요
책 살 때는 날짜나 버전을 잘 보셔야 해요!! 스위프트 공부할 때 낮은 버전 책 사서 내용이 많이 달라 고생한 기억이 있습니다...
네 저런 문제도 있고요
이게 진입장벽이 높을거란 생각은 하긴 했는데
어느정도 알게되면 쑥쑥
알게되겠죠..?
네네 금방 하실 수 있어요! 파이팅입니당 (੭ˊᵕˋ)੭
꺄 감사합니당 ><
유튜브 보시고 해보세요
제가 어제 드렸던 링크?
넵넵 그거 봤어요 !
저 약간 만들고 싶은거 생겼어요 !
무엇인가요??
1분 10초부터 2분정도까지 !
아.. 흠…네..
저런거요
ㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋ
김종민님...
잘하시죠...
사진
이렇게 정리하구 시퍼욧, ,
김종민님이 강의하신것도 있을텐데
html5 기술이랑 아트윅 결합 하셨다눈데 이 두개로 이렇게 만들 수 있나용 ?
막 오른쪽 왼쪽 움직여요 !
자바스크립트까지 하면 할수도 있을거같기도하고..
HTML5의 기술을 저의 아트웍과 결합해서 재미있는 인터랙션으로 보여주는 웹사이트 라고하셔서,, html5만 쓰신줄 알았네유,,
저분은 진짜 잘하시는분이라서 영무룩님 높게 가시겠네요
화이팅입니다
먼가 저렇게 디자인 섞인 게 좋아요 ! 근데 저 저정도가 어느 수준인지 몰라서,, ㅎㅎ,, ㅎㅎㅎ ㅠㅠ
저쪽 업계에서 탑급입니다
저걸 구현하라고 하면 어찌어찌 하겠는데 저걸 생각해내고 구현을 한다는 점이 정말로 대단한것 같아요! ㅎ
저분 구글 아니신가요?
걍 보다가 디자인도 그렇고
기능들이 신기해서 보게 됐어유 !
어디신지는 모르겠네요 전ㅜㅜ
맞아요 저분은 진짜 장난아니시죠.. .저 신입때도 봤었는데 아직도 엄두가 안납니다...
뭐라하지
저렇게 반응형으로 움직이는 ?
그런건 자바스크립트에서 구현 가능한가용 ?
클릭이나 드래그로 움직이는?
오 맞아요 !
정적이 아니라 저렇게 마우스에 따라 동적으로
움직이는게 저한테는 넘 매력적이네요 !
헐
신기해요
저런건
html, css, 자바스크립트 외에 다른 언어를 배워야 하나용 ? (디자인 기술 제외용 !)
저 소리를 만들어주는 것을 머신러닝을 이용해서 만들었다고 하니 음성을 만들어주는 핵심로직은 따로 만들어주겠지만 웹에서 뭘 보여주는 것은 전부 HTML, CSS, JS로 만들어요
우왕
넘 매력적이예용 ㅠ.ㅠ
html, css, JS 세개 나름 할 줄 알면 그래도 조금은 제 머릿속에서 만들고 싶은걸 ! 어느정도 만들 수 있을 거 같은 생각이 드렀어요 ,, 행복하네유 💙
맞아요 진짜 잘하면 뭐든 할수있습니다
저도 프로그래밍 언어는 js만 할줄아는데 기본적인건 다 할수있습니다
우앙
더 매력적으루 느껴지네용 !!!!!
현업에 계신 분들 혹시 백엔드 개발자 하면 어떤 이미지가 떠오르시나요?
퇴사하고 진로 고민중인데 백이냐 프론트냐 고민이 많아서 질문드려봅니다
요새는 백/프론트 비중이 비슷해져가고 있어서 본인 취향이 제일 중요한 것 같아요
아직도 백엔드가 좀 더 중요하다는 것은 부정못할 사실이긴 하죠 ㅋ
여차하면 프론트는 외주를 주면 되는데 백은 그게 안되요 회사에서 꼭 가지고 있어야 하는 인력이라
프론트 하실거면
ㅋㅋㅋ 제가 도와드릴게요 펭귄
저는 백엔드하면 터미널이 생각나요 ㅋㅋㅋ 그리고 뭔가 더 각져있는 느낌이에요.
제 취향을 모르겠어요ㅋㅋㅋㅋㅋㅋ 뭘 좋아해야 프론트인지 뭘 좋아해야 백엔드인지도 모르겠고..
백엔드도 재밌지만 저는 프론트가 훨씬 재밌더라구요
저는 프론트는 뭔가 계속 신기술을 공부하고 제일 상황에 맞는 스택을 이용한다는 느낌이고 백앤드는 하나의 스택으로도 우직하게 안정적인 느낌으로 개발한다는 느낌입니다
javascript가 좋다 vs Java 개발이 좋다
맞아요 백엔드는 안정적인 느낌이 들어요.
트렌드에 약한편인것 같아서.. 역시 백일까요
트렌드 파악하려면 영어를 잘해야할것같은 느낌?
영어는 구글이..
ㅋㅋㅋㅋ
백엔드는 잔잔한 바다같아요. 엄청 깊은..
프론트는 강이나 호수가 여러개 있는 것 같구요 ㅋㅋㅋ
시인같으시네요
백엔드는 서버터지면 집에 못가요 ㅎ
백앤드는 안정적인 느낌이라면 프론트는 뭔가 트렌디한?
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
아 집에가야되는데;;;;
프론트 하세요! ㅎㅎㅎ
배울 것들이 재밌는 영화들이라고 생각하면
저는 그래도 바로 바로 나오는 프론트가 재미있긶 ㅏㅂ니다
골라보는 재미가 있어요
안봐도 그만~
사람들이 명작이라 하면 조금 봐보고 ㅎㅎ
제때 집에가고싶으니 프론트로 하겠습니다 감사합니다
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
좋은 선택입니다
easy~
간혹 배포할때 프론트도 같이 밤새는 경우가 있다는데 어떤 경우에 같이 밤을 새게되나요???
배포했는데 이슈 체크 해야될때?
백앤드 수정하면 프론트도 수정이 불가피한경우가 많거든요
프론트랑 백엔드랑 API 연동되고 있는 아주 중요한 스펙을 prod에서만 확인 할 수 있을떄요? ㅋ
인프라를 바꾼다거나 보안기능이 업데이트 되었다거나 스펙이 업데이트 되었다거나
헉 그렇군요!!!!!
아니면 대대적으로 공지한 시즌2 그랜드 오픈 이런 날에도ㅋㅋ
흠 집에 못가는날이네요 그랜드라니
그랜드 야근
대신 오픈 하고 나면 며칠간 쉬니까 쌤썜입니다 ㅎ
그리고 좀 그런 의식(?) 들이 있어야 오픈했다 이런 느낌이 들어서. ㅋㅋ
그건 맞아요.. 좀 큰 배포다 하면 저는 일단 가라고 해도 야근해서 2~3시간정도 이슈 없는지 확인하고 갑니다..
보통 어떤 종류의 책으로 공부들 하나요?
종류라 하면 언어나 프레임워크를 말씀하시는건가요?
그러니까 책을 폄하하고 싶은건 아닌데 대개 IT책들은 조금 시기가 늦는 경향이 있어서 잘 안사게 되더라구요. 그래서 한동안 책은 잘 안보고 있었는데 책으로도 공부하는게 편하시다고 해서 어떤 점인지 궁금했어요
아아 아무래도 그렇죠 기초 문법이나 기초적인 내용 같은 경우는 저는 책으로 공부했어요 리액트 같은 경우도 제가 공부할 때 리액트를 다루는 기술도 나온지 얼마 안되었어서 괜찮았구요
아무래도 고등학교랑 대학교 때도 계속 책으로 공부하다 보니 그게 익숙해지면서 책이 편했던 것 같아요
아 맞아요.. 기초는 그냥 개본과 목차보고 어떤게 있는지 흐름정도 .. 정말 초보일때는 뭐부터 공부해야할지 막막하므로 저는 책보는거 도움됐어요!
자바스크립트나 리액트를 맨 처음 공부할 때는 구글링이나 도큐를 읽는 습관도 많이 어색했던 시기이기도 했구요
개본말구 개념이여!
좋은 얘기들 감사합니다~ 이해됐어요.
요즘 리액트 내부 동작이라고 할까요? 리액트를 좀 깊게 공부하고 싶은데 참고할만한 문서나 블로그가 있을까요?
리액트 도큐는 조금 깊은 내용까지는 없는 것 같아서..
저는 인프런 이재승님 강의 좋아요
이분은 구현보단 이론이 더 중점인거같아서
아 그런가요? 아무래도 이론적인 내용이 궁금한거 였는데
추천 감사합니다!
리액트 초보들에게는 추천하진 않지만 좀 해보신분들에게는 추천합니다
시작부터 자스 실행컨텍스트부터 건들이는 느낌입니다 ㅋㅋ
오우 ㅋㅋㅋㅋㅋㅋ
건드리는
지금 강의 구성 살짝 봤는데
겉으로 보기엔 초보자 느낌이긴 한데 한번 구매해 봐야겠네요
제가 기억하기론 웹팩설정도 직접하고
그런거 다 해봤던걸로 기억해요
그렇군요 감사합니다!
화가난다 화가나 그래서 난 화가임님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요
안녕하세요 화가야님~ 반갑습니다. ㅋㅋ
안녕하세용 테오님!
네~ 반가워요 :) 뭐가 그렇게 화가나신거죠? ㅋ
모르겠어용 뭐에 화가 난 건지
혹시,
제가 처음으로 프론트엔드와 백엔드를 직접 구성해서 무언가를 해보려하는데요! 프론트엔드만 했을 때는, 원격저장소를 연결하고 커밋하고 푸시하는 일 밖에 없어서 딱히 어려움은 없었는데요! 만약 백엔드도 하나의 원격저장소에 연결이 된다면,
사진
하나의 원격저장소에 저렇게 클라이언트와 서버가 따로 폴더 형태로 저장될 거 같은데용. 저런 식으로 진행을 하려면
하나의 원격 저장소를 만들고, 프론트엔드 개발자랑 백엔드 개발자가 fork를 해서 각각 pull request 형식으로 전달하면 저런 모양이 갖춰지나용?
fork를 하지 않고 하나의 repo에 각자 branch를 만들어서 push하고 PR 하시면 될거같아요. 일반적으로 코드스테이츠 류의 프로젝트에서 저렇게 하고 있지 않나요?
독학중이라서, 잘 모르겠으나 저 깃허브가 코드라이언 수강생의 깃허브이긴 했어용
아 그러면, 하나의 원격저장소에서 굳이 fork를 하지않고, 프론트엔드 개발을 할 때 client 폴더를 따로 만들어서 거기서 작업한뒤에 push-PR하고, 백엔드 개발을 할 때는, server 폴더를 따로 만들어서 push-PR을 하면 될 수도 있다는 소리가 맞을까요?
제가 이해력이 부족해서 재차 물어보네용 ㅠ
네 맞아요 제대로 이해하셨어요.
아주 아주 감사합니다!! 이제는, 제가 더 git에 대해서 찾아보겠습니다.
이거봐여
리액트는 이것만알면 끝
영어를 배우고 싶게끔 만들어지네용
오 좋은 자료 감사합니다!!
요즘 리액트 내부 동작이라고 할까요? 리액트를 좀 깊게 공부하고 싶은데 참고할만한 문서나 블로그가 있을까요? https://www.netlify.com/blog/2019/03/11/deep-dive-how-do-react-hooks-really-work/ 이거봐여 리액트는 이것만알면 끝
톡게시판 '공지': 요즘 리액트 내부 동작이라고 할까요? 리액트를 좀 깊게 공부하고 싶은데 참고할만한 문서나 블로그가 있을까요? https://www.netlify.com/blog/2019/03/11/deep-dive-how-do-react-hooks-really-work/ 이거봐여 리액트는 이것만알면 끝
카톡 답장은 공지가 바로 안되네요;;
저 궁금한게있는데요 프론트분들도 프리랜서많이하시나요??
예전에는 약간의 백엔드랑 함께 해서 많이 있었던것 같은데 요새는 어떤지 잘 모르겠어요
김태경님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 김태경님~ 환영합니다 :)
안녕하세요
여기서는 개발관련 궁금한 내용이나 관심사등을 공유하고 각자아는 내용이면 답해주고 좋은 자료 발견하면 공유하고 필요한거 있으면 홍보하고 그렇게 지내고 있어요
언제든지 궁금한점이나 할 말 있으면 편하게 글 남겨주세요 :)
넵 친절한 설명 감사합니다 ㅎㅎ
사진
복붙이 안되는데 7일 뒤에 돈이 든다는 건 가용?
파파고의 힘을 빌릴 수가 없넹
7일 뒤에 무료의 기능만 한다는 거 같기도하고
무료 가능만 쓸수 있다믄 얘기네요
후우!
continue my 7day trial
이라고 적혀있으니까, 7일간만 무료인줄
알았어용
마지막 두 버튼의 우측에서용 ㅋㅋ
git GUI를 처음 써보겠네용 오늘
내 남은 7일간의 유료체험을 계속 할게요? 이런 뜻인가봐요 ㅋ
git gui 무료 툴 중에서는 sourcetree 괜찮아요
크라켄 좋죠.. 비싸지만
7일동안 모든 기능을 쓸 수 있고 그 후로는 무료 기능만 쓸 수 있다는 것 같네요
보고 있는 블로그에서도 source트리가 주류라고 하는데,
걍 리눅스도 가능한 크라켄을 쓰고, 사실 무엇을 쓰든 한가지를 쓸 줄 아면, 다른 거를 써도 5분안에
배운다고 해서 크라켄 깔았어용 ㅋ
영포자인 저는 웁니다!! 감사합니다
ㅋㅋㅋㅋ
7일은 모든 기능을 공짜로 쓸 수 있고 그 이후로는 다시 기본 무료 요금제로 변경된다네요~
아 답변이 있었군요 ㅎ
감사해용! 반복 학습은 기억력에 좋죠
ㅋㅋㅋ
삭제된 메시지입니다.
삭제된 메시지입니다.
삭제된 메시지입니다.
부끄러워하는 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 벨로그에서 보고 들어왔습니다 :)
이모티콘 안녕하세요! ㅎㅎ
안녕하세요~ 부끄라이언님!! 반갑습니다 :)
혹시부스터샷맞으신분?
저요
예약슬슬해야하는데무섭네요ㄷ
괜찮으셨나요?
솔직히 저는 건강하다 생각하고 저의 자유를 위해.. 맞았습니다
뭐 몸살기운은 좀 있었는데
지금은 쌩쌩합니다
후 솔직히 2차까지맞고 힘들어서 안맞고싶긴한데..지금 상황돌아가는거보니 사회생활하려면 무조건맞아야할거같아서 맞긴해야할거같습니다ㅜ
한 2일 힘들긴 했는데
몸살이라고 생각하고
버티니까 괜찮아졌습니다
4차5차까지 가겠죠..,
일단은 그럴거같긴핟ㄴ데
얼른 위드코로나 되었으면 좋겠네요
제발..
혹시 그립이라는 어플 사용해보신분 계신가요???
그 우버 비슷한 어플 아닌가요?
우버 비슷한건 그랩인거 같아요!
이거 말씀하시나봐요 ㅎ
아하 ㅋㅋㅋㅋ 그렇군욘
그렇군요!
아 여기
최근에 카카오가 산 회사네여
아~~저거 티비 광고로 본적 있어요
실사용후기를 들어보고싶은데.. 주변에서 써보셨다는분이 한분도 안계시네요 ㅠㅠ
라이브 커머스 플랫폼을 따로 빼다니..요즘 많이 하시긴 하는 것 같은데 제 주변 지인들도 쓰는건 못봤어요
사진
와 바로 구입
굿.ㅈ.ㅈ
신입 프론트엔드로취업할때 함수형프로그래밍까지 알아야하나요?
오오..! 후기 기다리고 있겠습니다. !!!
무조건 필요하다! 이건 아니지만 공고에따라서 필요한 회사도 있을거같습니다
저는 아무래도 과제 전형도 조금씩 생기고 있어서 미리 공부를 해보려고 합니다
아뇨~ 함수형 프로그래밍은 호불호가 있어요~ 면접관이 함수형을 좋아하는데 함수형을 좋아합니다 라고 하면 거의 붙을지도 ㅋㅋㅋ
대신 싫어 하는 사람은 싫어해요
잘 공부해두고 혹시 좋아하냐고 선 질문 해야겠네요 ㅎㅎㅎ
테오님 대단하세요… ㅎ
와 ㅎㅎ 답변해주기 위해서 책을 바로 사시는 성실함이... 학생인 저로서 배워야하는 모습인 것 같습니다
저도 더 열정을 키워야겠다는 생각이 드네요… ㅎ
으음;;; 셋 중에 하나를 고르라면 파란책을 추천할게요
오 추천하시는 이유도 궁금합니닷
유인동님의 책은 아쉽게도 낡았습니다. 거의 예제 위주로 구성된 책인데 es5문법으로 작성이 되어 있어서 와닿지 못할거에요.
파란책을 읽고 실전에 함수형 프로그래밍을 할 수 있는지에 대해서는 의문입니다만 적어도 함수형 프로그래밍에서 알아야 하는 개념들이 전부 포함은 되어 있어서
강추 까지는 아닌데 일단 3개중에서는 비교하자면 그렇습니다
오.. 그렇군요 감사합니다!
감사합니다!!
찾아보니깐
유인동님 es6 로는 인프런에서 강의로 내셨더라구요
실전에 적용한다기 보다 책을 통해서 함수형 프로그래밍에 대해서 알아야 할 전반적인 키워드들을 챙기시고 막연하겠지만 이래서 함수형이 좋다고 하는 구나를 느끼시면 좋을 것 같아요
함수형 프로그래밍 너무 어려워요
넵 감사합니다! 우선 책이랑 저 강의랑 같이 보면서 공부를 해봐야겠네요!
유인동님이 학습한 방법대로 함수형 라이브러리를 필요할때마다 구현을 해보는 것을 추천해요.
우리가 Array의 map, filter, reduce를 다 쓰고 있고 이게 함수형 프로그래밍의 시작이라고 하는데
아쉽게도 JS에서는 Array의 내장함수가 그렇게 많지 않아서
distinct나 groupBy나 toObject나 이런 것들이 실전에서 자주 쓰이는데
const c = [1,2,4,2,4].map(x => x * 2).filter(x < 10) // 이렇게 잘 써놓구서 let _tmp = {} let result = [] c.forEach(v => { if (_tmp[v]) return _tmp[v] = true result.push(v) }) 이런식으로 distinct는 구현을 해야하는데
const c = [1,3,2,3,4].map(x => x * 2).filter(x < 10).pipe(distinct) 라던가... const c = _([1,3,2,3,4]).map(x => x * 2).filter(x < 10).distinct() 라던가... const c = pipe(map(x => x * 2), filter(x < 10, distinct([1,3,2,3,4]) 라던가... 라이브러리 마다 저다마 DX는 다른데 저런거 미리 만들어 두고 체이닝(파이프라인) 하는 식으로 쓰자는 개념이라서
프로젝트를 넘어가는 재사용하는 함수를 만들어서 프로그래밍 하자는 방법인건데... https://ramdajs.com/docs/ 이런식으로 너무 많이 만들어 둔게 어려움을 야기시키는 것 같아요
이 말씀이 너무나 공감됩니다. 이번에 인턴하면서 loadash를 처음 알게되고 써봤는데 너무 많아서 필요할 때 어떤 걸 사용해야 할 지 찾기도 어렵고 시간이 많이 들더라구요 ㅠ..
맞아요 실전에서는 그렇게 많이 사용되지는 않아서 pipe랑 operator를 만들 줄 알면 그 이후로는 필요할때 필요한 것만 만들어서 쓰면 된다고 생각해요
그리고 이게 Array -> Promise -> Array + Promise -> (Generator + Iterator) -> Observable 이런식으로 개념이 발전되는데
Generator와 Iterator가 javascript에서 잘 만들어진 개념이 아니라서 몇몇에서는 유용하지만 그냥 Observable를 할 줄 알면 비동기랑 컬렉션을 다 이해하는 거라서
lodash고 Ramda고 필요없고 Rxjs를 그냥 배워보지 않으련? 하고 제가 꼬시는 데
React에서 Rxjs는 주류가 아니라서 뭐 그렇습니다...
헤헤
오.. 그렇군요..
좋은 말씀 너무나 감사합니다
스벨트 전파 밑작업이 필요합니다
리액트랑 rxjs는 진짜 궁합이 너무 별루에요
삭제된 메시지입니다.
아아 취소요.. Rxjs가 잘 어울리는 프로젝트가 따로 있어서 영향력을 미칠 것 같아요
아 말씀주셔서 궁금해진건데 ReactiveX 좋나요? 한번도 안 써봤는데, 리액트만 해봐서 그런지 대충 개념만 들어봤을 때는 굳이 필요한지 잘 모르겠더라고요 🤔
익숙해지면 좋습니다. 비동기처리를 하는데 있어서 상당히 복잡한 코드들을 간단하게 쓸수 있어요.
가령 debounce나 throttle같은 것도 지원하고
특히 복잡한 비동기를 처리하다보면 꼭 이런 문제가 나오는게 서버에 데이터는 요청을 해서 await 이후 코드가 실행이 되고 있는데 화면을 넘어가서 사용자는 cancel은 했지만 코드는 실행되고 있는 문제라던가
서버랑 통신하는 자동 완성 같은거 구현하라고 하면 좀 복잡할 수 있는데 그 과정을 엄청 단순화 시켜주는 코드 형태로 만들어줄 수 있어요
파일: Rxjs를 배우기 위한 빌드업.pdf
나중에 블로그에도 정리해서 공유 할 토픽 중에 하나랍니다~
혹시 Amplify console 써보신분 계신가요?
오오 그건 뭐에요?
AWS에서 제공하는 CI/CD 도구 같아요!
회사에서 쓰자고 설득을 할 기회가 생겼는데 써보신분의 의견을 듣고 싶어요..!
저희 회사에셔도 쓰고 있긴 한데 cdk 형태로 쓰고 있는 것 같아요
오 저도 봐봐야겠네요
저도 엠플리파이 이름만 들어봤어요
저는 깃 액션으로 했었어서
혹시 vscode쓰시는분들중에 꿀팁같은 단축키가 확장프로그램 추천받을수있을까요?
단축키가-> 단축키나
AWS는 정말 방대하군요..레고 조립하듯이 정말 이것저것 많네요 ㅋㅋㅋ
톡게시판 '공지': 혹시 vscode쓰시는분들중에 꿀팁같은 단축키가 확장프로그램 추천받을수있을까요?
아시는 분 있나요? 저는 jet brain이어요 ㅎ
우리에겐 드림코딩이 있습니다 ㅎㅎ
ㅋㅋㅋㅋ
와우 공지박제라니ㅠㅠ
저도 기본+ 일부 커스텀해서 씁니다! 자주 쓰는건 최대한 왼손으로 다 할 수 있게 변경했어용 오른손은 방향키나 트랙패드로 손이 갈 때도 많아서…
맞아요.. 여기 와서 cognito ? 도 처음 봐서 신기하더라구요..
저그냥 궁금해서 여쭤보는건데 드림코딩유튜버 엘리님 내공엄청나신거맞나요?
초보입장에서는 엄청나다고생각하는데 현직분들은어떻게생각하시나요?
그건 맞는데 살짝 외국에 맞춰져있긴해요
포커스가
우리나라랑 동떨어져있다는 아닌데
혹시 어떤점에서그렇게생각하세요?
썰님이 말씀하신부분을 다른분한테도 똑같이들은적이있어서요ㄷㄷ
이번 개발 트렌드 영상을 봐도 전세계 트렌드라 우리나라데이터라고 정확히 보기엔 애매한?
그렇다고 아예 무시해야된다는 아닙니다 저도 영상보고 전세계 트렌드가 저러니까 저런걸 도입해볼까?이런느낌으로 영상을 보긴했습니다
이번에 이동욱님이 eo에서 하신말씀이 더 우리나라 현실에 맞다고 생각해요
향로?님??
아
그 분야의 커뮤니티가이미형성되서
어쩌구하신내용말씀하시는건가..
하긴우리나란아직 자바스프링이..
이제막 시작하셔서 빨리 대기업 취업하시고 싶으신분들에게는 훨씬 현실적 조언같았어요
프로그래머스도 개발자 설문조사 하네요 ㅋㅋ
톡게시판 '공지': https://programmers.co.kr/events/survey-2022
인프런도 있어서 참여했어요
인프런덕분에 개발공부를좀더 쉽게할수있는거같습니다..
이모티콘 갓프런 무한감사
수능은 메가 개발은 인프런
요긴 취준생분들이 많은가봐여?
저도 취준생이라 인프런 참 좋아합니다 ㅎ..
ㅠㅠ여러뷴
저 몇 일 동안 너무너무 고민 많았네요 ,, 나이도 나이인지라 그냥 광고학과 살려서 그냥 영상 기술 배울까,, 아니면 하고 싶은 개발할까,, 이런 생각의 갭차이가 너무 컸던거 같아요. 광고학과 현재 평균 학점이 4.3~4.4 유지 되고 있어서 버리기가 아깝고, 전과 신청을 놓쳐서 학교 공부 따로 개발 공부 따로 공부가 가능할까부터 시작 했는데
학교 성적을 3.5 이상으로 유지하되 개발에 집중하기로 했습니다 ! ㅠ.ㅠ 아직두 몸이 아파서 두렵지만 ,, 뭔가 아른거리구 후회할 거 같았네융 ,,
와! 학점 ㄷㄷ
우선은 취미로 해보시는건 어떠신가요?
저 여잔데 이제 26살 2학년이라
취미 그런거 할 나이가
아닌거 같습니다 ! ㅠㅠ
응원해볼게요! 어느 분야가 안 그렇겠습니까만은 특히 개발이 지속적인 자기계발이 필요해서 적성이 좀 맞아야 하니까
한번 취미로 해보면서 결이 맞는지를 체크해보라는 얘기일거라 생각이 들어요
일단 1인분을 하시려면 2-3년은 배움을 따라잡는데 시간 투자를 하셔야 할텐데
그래놓고 보니 나는 개발이랑 안 맞는거 같아 하면 너무 힘들잖아요
ㅠㅠ우선 기계치+ 영어 취약이라
진입장벽이 저한텐 더 높게 느껴지네용
그건 괜찮아요 저도 기계치에 영어는 잘 못해요 ㅋㅋ
데이터로 사고 하는 능력이 좀 필요한데 숫자 100이랑 100
음... 그냥 뭐든 일단 해보세요~ 필요하면 과제도 드릴게요 :)
쇼핑몰 꾸미는거 좋아한다고 하셨으니까 쇼핑몰 첫 페이지를 만드는 것을 목표로 해보셔도 좋을 것 같아요~~
안녕하세요 이제 1년차 프론트엔드 개발자입니다! 다들 자기 평가를 하실때 어떤 방식으로 하시는 편일까요? 저는 혼자 개발하다 보니..비슷한 연차 람들의 퍼포먼스를 보려고 하는데 쉽지 않더라고요. 도움 구해봅니다..!
자기 평가라는게 구체적으로 어떤 걸까요?
제가 말하는 자기 평가는 년차 따른 퍼포먼스입니다. 애매한 말일까요?
1년차, 5년차가 이정도는 해야된다 이런?
연차별로 이렇게 해야 한다 라는 기준이 어딨겠습니까만은 주니어를 벗어난다는 기준은 본인이 일정 컨트롤이 가능하다 라고 보고 있고 일반적으로 3-4년차 정도 급인거 같아요
퍼포먼스의 단순 속도라기보다 내가 1주일 걸릴것 같다 생각하면 진짜 1주일 걸리는 걸 아는 거랄까요?
아니면 모르겠는 걸 모른다고 알고 있는거?
함축적으로 많은 내용이 담겨있는거 같네요 :)
테오님 감사합니다 :)
이게 근데 오해하면 안되는건 일정은 원래 정확히 예측이 안되요 예측을 잘하냐 못하냐는 연습을 해야 한다는 거고
실전에는 빨리 변수를 캐치해서 공유를 잘해서 일정 재조정을 계속하고 우선순위를 재조정하고 하는게 더 중요한데요~ 이게 변수를 빨리 캐치한다는 거가 정상적일때에 일정을 대략 안다는 전제로 하는 거라서
일정 예측이 너무 어려워요 ㅠㅠ
그렇죠~ 모순된 얘기긴 한데 그래서 저도 가급적 예측을 안 하려고 하는 편이에요
오늘 아니면 이번주... 를 넘어가는 식으로 진행되면 좀 피곤해지는 것 같아요
테오님이 다니시는 회사에서는 잘하는 FE개발자를 어떤 개발자라고 생각하시나용?? 제가 생각하는 잘하는 Fe개발자는 복잡하고 큰 어플리케이션을 성능이 좋고 수정하기 좋게 만드는 사람이라고 생각합니다..
근데 저희 회사는 디자이너분들이 많다 보니 화려한..Ui를 만드는 개발자가 최고라고 생각하는 경향이 있네용
조금 설득하기 힘든거 같아요 ㅋㅋㅋ
디자이너 입장에서는 본인 디자인을 그대로 구현해주는 개발자가 잘하는 개발자죠
기획입장에서는 일정 잘 맞추는 개발자가 최고 개발자고 ㅋ
사장님 입장에서는 2인분 하는 개발자가 좋은 개발자이긴한데
비 개발자 입장에서는 되게 해주는 개발자가 좋은 개발자라고 생각해요
타협을 하건 조율을 하건 더 나은 아이디어를 제시를 하건 요구사항을 어떻게는 되게 해주는 거요~ 무조건 하라는 대로 해달라는 거랑은 좀 다른 이야기구요
개발자들이 보는 잘 하는 개발자는 조금 더 큰 그림 잘 그리고 트렌드를 많이 알고 코드 가독성이 높은 사람 그리고 적극적으로 코드 리뷰해주고 문서 써주는 사람을 좋아하는 거 같아요
개발을 잘 하는 건 어느 순간 기본 소양이 되니까 일을 잘하는 사람이 잘 하는 사람이 되는 거 같아요 일이랑 개발은 조금은 다른 거니까
저질문있습ㄴ디ㅏ
[http://koreaisacademy.com/curriculum/web/nweb03.asp 이거 프론트엔드과정인데 혹시 커리큘럼 어떤거같으신가요?
말씀 정말 감사합니다!
지금 수준이 어떻게 되세요? 쌩 입문 기준으로 커리큘럼만 읽어 보았을 때는 구성은 좋아 보이네요. :)
지금수준은 js는 기초문법만아는수준이고 html css로 공부하고있습니다
거의사실상 노베라고보셔도 ㅋㅋ ..ㅠ
강사나 재미 측면에서는 뭐 알수가 없으니.. 아무튼 커리큘럼은 필수로 배워야 할 것들은 다 들어 있는 것 같아요.
아그렇군요ㅕ
걱정인건 js한달 노드한달 리액트한달 이렇게된데 이걸 소화할수있을지 ㅋㅋ
프론트쪽에서 이론을 배우는건 원래 그렇게 오래 걸리지 않아요. 자동차도 이론 시험은 금방 보잖아요. 조금 긴 사이클로 사이드 프로젝트를 하나 커리큘럼과 관계없이 하시면서
오.. 그런가요? 용태님이 그렇게 말씀하시니 안심(?)이되네요
학습은 배워야 할 로드맵과 체계를 배우는 정도로만 생각하세요. 뭐든 만들고마녀 금방 늘어요~
운전면허시험 이론 100점이라고 운전 잘하는 것도 아니고 강의 하실게 아니라면 역시 개발자는 결과로 보여줘얒죠 ㅋ
아 역시..
제가 작년에 동일 수업 수료한 학생인데, 조금 짧습니다..!
짧다는게 어떤 느낌이에요?
국비처럼 사실 월-금 8-10시간 공부하는게 아닌 주말에 4시간씩이라
아무래도 결과로 만들 수 있는 내용이 한정적이였어요 ㅋㅋㅋ ㅜㅜ
어?? 프론트과정 수료하셨었나요??
예를 들어서 국비나 부트 캠프처럼 온전한 포폴을 만든다고 생각하시면 조금 힘들 수는 있습니다
넵
오?? 혹시잠깐 대화가능하세요?
네네네
여기는 후기가 거의없어서 어떤지궁금했었는데 질문좀 드리겠습니다 ㅠㅠ
여기서 하시면 좀 불편하신가요?
아 하나 방팔까요??
아녀 저는 다 공유해도
괜찮은 부분이라서
아넵
저도 그게좋습니다 ㅋㅋ
준비생님 불편하시지 않으시면 괜찮습니다 ㅋㅋㅋ
다른분들도 의견내주시면 더좋을거같아서요
아저궁금한게 혹시 수강비가 얼마인가요?? 이게 아까전화로 상담잠깐받아보니까 지원(?)을 받을수도있다고 하면서 수강료가 제대로 얼마인지는 상담받아봐야 알수있다던데
톡게시판 '공지': [http://koreaisacademy.com/curriculum/web/nweb03.asp 이거 프론트엔드과정인데 혹시 커리큘럼 어떤거같으신가요?
대략적으로 어느정도인지궁금합니다 ㄷ
앗 이제 봤네요ㅜㅜ 조언 감사드려요!!
사진
일단 수료증이여서
거짓말은 아니라고 말씀드리고 싶구요 ㅋㅋㅋ
헉 ㅋㅋ
국비랑 겸해서들으신건가요??
아녀 저 수업은 국비 과정이 아니고
웹 프론트엔드 개발 과정이라
아마 국비랑은 또 다른 걸거에요!
아그렇군요
올려주신 링크에도 국비쪽은 아니신 것 같아서
넵맞습니다
국비가 가능하시면 국비쪽이 나을 것 같습니다!
제가 자비로 돈내고 듣는겁니다 ㅠㅠ
저는 3학년때 들었었는데
아 이게 프론트는 국비가없다고하더라구요 ㅠㅠ
네네 맞아요 ㅋㅋㅋ ㅜㅜ
비전공 입장에서 > 웹 프론트의 전반적인 내용을 훑어보고 싶다
추천드립니다!
이것만 듣고 연계되는 곳으로 취직해야지는 조금 힘드실 수 있어요
과정이 나쁘거나 수업의 질이 나쁜건 절대 아닌데
절대적인 시간이 적어서, 수강생들이 질문이 생기면 그대로 조금씩 딜레이 되는 부분도 있고
저희는 결과적으로 리액트 바탕으로 투두리스트 만들고 끝냈었어요 ㅋㅋㅋ,,,
아 저도이럴까봐걱정이..
지금은 커리큘럼이 조금 체계화 돼서
제가 들었을 때보다는 더 몰입해서 할 수도 있긴 한데
솔직히 적은 돈이 아니잖아요 ㅋㅋㅋㅋ
혹시 수강료는얼마셨나요?
저는 한 180(?)
준희님은 혹시 5개월이셨나요?
저희는 코로나 처음 터진 기수라
한 7개월 했습니다
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ,,
7개월에 180이요??
그 프로세스가 체계화가 안돼서
수업을 중간에 몇번 아예 못하고 그래서
조금 중단되고 그랬었어요 ㅋㅋ
아아
흠..
아까 상담받아보니까 따로 지원되는것도 있어서 수강료 할인될수있다던데
혹시 지원이 뭔지아시나요??
음 저는 잘 모르겠어요 ㅠ
사실 그때도 개강 시즌이여서 제가 발품 팔아서 선택한 곳이라
언제 투입되는지, 언제 등록하는 지에 따라서도 수강료가 조금씩 다르더라구요
수업이 준희님도 아시다시피 주말만하잖아요
네네
혹시 평일에도 학원나와서 공부하고그러셔었나요?
저는 같은 줄에 계신 옆 두분하고
저는솔직히 학원다니는이유가 학습분위기때매 다니는부분도있ㄱ든요
스터디 했었어요
ㅋㅋㅋㅋㅋㅋ
혹시 취업현황여쭤봐도되나요?
맞아요 사실 그런 커뮤니티 같은 것도 중요하긴 해서
이게 상담사분이 내일 상담받으면서 알려준다곤하는데
이게 솔직히 학원관계자한테듣느거는좀 신뢰성이 ㅋㅋ
저는 작년에 수업과정 끝내고
올해 계속 프로젝트 해서 개인 1개 팀 2개 정도 하고
시리즈 A 2, B 1, C 1 이렇게
지금 기다리고 있습니다
ㄷ ㄷ
물론 지원은 한 30군데 정도 보고
쩌시네요
면접까지는,,, 많이 못갔습니다 한 8곳 정도,,
수업자체는 만족하셨나요?? 강사님들이나..
네네
그래도 혼자하는 것보다는 강제성도 있고
면학 분위기도 있고
해서 좋았는데
준비생님이 수강료로 얼마나 내실지는 잘 모르겟지만
만약에 200이 넘어가면, 사실 조금 더 투자하더라도 부트캠프쪽으로 가시거나
아니면 패캠 올이원 패키지 같은 거를 스터디 구해서 하실 수도 있구요
그게더낫나요"??
올인원 패키지
아무래도 현강이랑 인강이랑 차이점은
현강은 집중력 + 면학 분위기 + 강제성 등이 있기는 한데
돈 + 강의를 다시듣기 힘듬 (?)
이 좀 걸릴 거 같고
여기에도 테오님이 만들어주셔서
아하.. 혹시 동기분들은 취업어떻게되셨나요??
새로 시작하신 분들도 많아서
인터넷에 후기를 아무리찾아도 후기가너무없더라궁 ㅛ
아 왼쪽분은
사실 코딩을 접으셨고
헉;;
오른쪽 분은 모 기업에서 진행하는 취업연계형 아카데미 붙으시고
들어가셨습니다 ㅋㅋ,,
오우 ㄷ
아 그냥 부트캠프가는게나으려나 ㅋㅋ
고민이네요
내년9월안에는취업하고싶은데
심란합니다 ㄷ
제가 제 돈 아니라고 막 2-300 차이니깐 부트캠프 가라라고는 말씀을 못드리겠는데
지금 제 최종 포폴한 것들이, 과연 부트 캠프에서 몰입해서 결과물 내신 분들이랑 비교했을 때
얼마나 더 나을지(?)는 사실 좀 어려운 부분이라
부트 캠프가 그만큼 더 체계적이고
좋은 멘토님도 계시고
진짜 쌩 돈 들이는 거라
다들 열심히 하시잖아요
후..
준희님혹시 실례지만 공부몇개월정도 하시고 취업되신거에요?
사실 의미없느질문이긴합닏 ㅏㅋㅋ
저는 학원 6개월 듣고
한 1년 정도 한 것 같아요
제일 중요한 것은
아 학원6 독학6맞나요?:
넵넵
개인적으로 나중에 나와서 스터디나 프로젝트 하시게 되면
그 결과가 항상 좋지만은 않아서요
ㅋㅋㅋㅋㅋㅋㅋㅋ,,
후
학원 6 독학 11 정도?
아정말요>?>?
제가 좀 길게 한 부분이 있어서
다들 그렇지는 않아요 ㅋㅋㅋㅋㅋ
좀길게하셨네요 ㄷ
아직 다섯이라
아 어리시구나
조금 맨땅에 헤딩 많이 했다고
저는나이가 있어서 빨리취업을..
생각하고 하고 있습니다
저는
넵넵
포폴에다가 노션 붙여서
원티드로 pdf 만들어서 이력서 냈는데
사실 이런 노션 관리하는 것까지 학원에서 알려주지는 않거든요
벨로그 쓰는 것도 얼마나 개발에 관심이 있나(?)
면접관 분들이 커밋 내역이나 벨로그, 노션 꼼꼼히 보시는 곳이 많아서
물론 스타트업 기준입니다... ㅎㅎ;;
코테도 준비해서 갈까 하다가
테오님께도 여쭤보고 글도 써주셨는데 그렇게 되면
아마 지금부터 3-4 개월은 더 잡아야 할 것 같아서요 ㅋㅋㅋㅋ
오 코테는준비안하신거에요??
전체적으로 한바퀴는 돌렸습니다
코테는 거의다보지않나요?? 아닌가 ㄷ
아아
정말 스타트업 기준이라
아 그렇군요..
가서 구술로 어떤 식으로 풀건지(?)
이런 코테식으로 본 곳은 있었는데
코테도 어떻게 보면 사람들을 솎아내기 위한 작업 중에 하나라
실무나 js 관련 지식들이 스타트업에서는 더 많이 요구되기는 하는 것 같아요
ojt를 하더라도 4-6주 정도 하면 많이 한다고 볼 수 있어서
아그렇군요..
사실 온라인부트캠프도 생각중이긴한데 문제가 온라인으로하면 효율이너무떨어질거같아서 고민이네요 ㅋㅋ
주변이나 커뮤니티에
해당 부트캠프를 스터디처럼 같이 하실분 모아서 하시면
베스트긴 합니다 ㅋㅋㅋ,,
그런데 정말 쉽진 않죠
그래서 학원이나 부트 캠프를 가는 것 같기도 하구요,,
후..
이런 곳에서
한번 검색해보셔서 수요가 있나 확인해보셔도 좋을 것 같아요
저는 프로젝트 다 오키에서 구해서 했었습니다..!
아감사합니다
혹시 학원끝나고독학으로공부하쎴을떄
인강들으셨었나요??
js나 리액트
저는
인프런에서 제로초님 강의랑
노마드 코더님 리액트 영화 리스트 만들기도 들었었고,,
그 정도 하면 대부분 비동기 통신이나 조건부 렌더링 같은 부분이 어느정도 잡혀서
그리고 모던 자바스크립드 딥다이브라는 책을
읽고 정리했는데, 이게 제일 컸던 것 같아요
오호..
아 고민이네요
바로 취직을 해야하는데,
사실 배우는내용은 학원이랑 인강이랑비교헀을때.. 차이가 솔직히 거의없지않나요??
넵넵
짧고 굵게 하자면 부트캠프가 제일 좋을 것 같긴 해요
그렇긴 한데 아무래도 저희 입장에서는 코드를 짰을 때 생기는 에러 핸들링 면에서
약간 아무리 구글링해도 안나오는 것들 있거든요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
아그쵸 ㅋㅋ
내가 최선을 다해서 검색하고 찾아봤을 때도 모르는데
그럴 때 뭔가 나를 '탁' 깨워줄 수 있는(?)
그런 멘토분들이 계신다면
저도 있었더라면 더 빨리 취직했었을지도 모르겠네요
부트캠프에는 있을 것 같은데
아사실
배우시려는 교육과정에는 거기까지 안배울,,,수도 있습니다
네네
부트캠프가셨던분얘기들어보면
엄청 기대안하시는게좋을거같다하셔서 ㅋㅋ ..
아 그런가요
그냥 거기서거기같긴합니다 ㅋㅋ
저는 제가 안가서,,
약간 그런 꿈과 희망의 장소로
그냥준희님처럼 하는게
답인거같습니다 ..
보이는 것 같긴 하네요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
맞습니다 저도그심정 잘압니다..
그렇다고 그 과정이 절대 나쁘다는 건 아닙니다!
제가 수료한 입장으로써 ㅋㅋ
다만 좋은 선택을 하시면 좋겠네요
아저는 최대한빨리 취업이목표라
아 리액트 투드리스트까지배우는건좀 선넘지않았나.. 싶습니다..
지금 지식이
어느 정도 까지 이신건가요?
스택이 ??
아저사실 조금씩 깔짝대긴했는데요
NODEjs랑 mysql로 간단한게시판만들어봤구요
어허
그런데 학원 가시는 건 좀,,,
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
현재는 html css랑 알고리즘좀공부하공있어요 js는 기본문법은 아닌데 dom이런거는잘몰라서 12월부터 js공부하려합니다
엥?? 그정돈가요? /
저는 HTLM CSS JS JQuery 만 학교에서 간단히 아는 거 하고 갔었습니다
현실적으로
노드 포함해서 리액트를 2달에서 많게는 3달 배우는데
주말만 4시간씩 해서 진도를 얼마나 나갈 수 있을까요
그러니까요 ㅋㅋ
제가 노드를 공부해봐서아는데
네네
노드자체를 한달만에 공부하는건 오바인데
그것도주말에만해서
뭔가 상담하시는분이 자신있게 할수있다고 하시는게좀.. 걱정이긴합니다 ㅋㅋ
ㅋㅋㅋㅋㅋ 맞습니다,,
학원에서는
리액트만 3달해도빢셀거같은데
끝나고 풀스택 가라고
DBA도 준비하라고 하는데
js한달 노드한달 리액트한달? 이건좀..
말이 안돼요 ㅠ
풀스택이 개이름도아니고 참..
혹시 좌우 동기분들외에는
그냥 전체적으로 취업어떻게됐는지는 잘모르시는거맞나요?
거기 학원자체가 후기나 취업현황이아에없어서 좀..
네네 ㅋㅋㅋㅋ,,,
일단 내일상담한번받아보기로 예약하긴했는데
아 준희님과 얘기를해본결과 굳이 다닐필요가(?)라는생가이 들긴하네요
저는
9월 이후로
리액트를 다루는 기술 > 노마드 코더님 강의 > 제로초님 강의 > 팀프로젝트 + 모던 자바스크립트 딥다이브 > 알고리즘
아아..
저는 종이 책 충이라,,
저느솔직히 지금 생각은 어차피 인강잘되있으니까 html css js는 노마드코더랑 인프런통해서 듣고 리액트까지 어느정도 공부한뒤에 향해99라고 99일동안하는 온라인부트캠프있는데 그거수강해서 다같이협업하는 포폴하나만들고 취업할까 생각했습니다
맞아요
저도 인스타에 광고 많이 뜨는데
그 포폴이 제 포폴보다 나을 것 같긴 합니다
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
혹시 제로초님강의
어떤거 들으셨던거에요? 그 노드버드? 그거들으신건가요?
네네
저도 노드 수업들었어서
혹시 노션 이력서 공유가 가능할까요 테오님..?
사실 노션여쭤보고싶었습니다 ㅋㅋ
네네
이건 사실
포폴이나 공부한거 어떤식으로 정리하셨는지궁금합니다
좀 부끄러운데
에이
삭제된 메시지입니다.
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ ㅠㅠ
와
이정도는해야 취업이되는구나..
아
그런건 절대 아니구요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
그냥 제가 계속 성에 안차서 좀 오래 했습니다 ㅠ
오 스웨거랑
포스트맨은 노드때매하신거맞나요 ㅋㅋ
많이하셨네 ㄷ
음 팀 프로젝트 하면서
백엔드 분들이
노드였던 적도 있고
초롱초롱 네오님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
자바 스프링이엿던 적도 있어서요
안녕하세영
오오..
안녕하세요~
백엔드 분들 잘 쓰시는 걸로 맞춰 했습니다
와 포폴
장난아니신데
준희님이셨군요!
앗
네
ㅋㅋㅋㅋㅋ ㅠ
잘 보고있습니다 ㅋㅋㅋ
어?
감사합니다 ㅠ
저도 벨로그에서 뵌적있는거같은데
와우 ㅋㅋ
요즘은 계속 면접봐서
준비생님 제가 항해99 출신이에요! 혹시나 궁금하신거 있으시면
답장해드릴게요
그냥 질문 받은거 정리할 시간밖에 없네요 ㅋㅋㅜ
엇 저도 항해했었는데ㅎㅎ
정리 진짜 잘 하셨네요
프로젝트 후기도 그렇고
개발잘하고싶님은 몇기신가요?
엌 안녕하세요 ㅋㅋ
감사합니다!!
와 이톡방미쳤네요 ㅋㅋ
엇.. 저 2기입니당 ㅎ 태현님 뭔가 알것같은데
ㅎㅎㅎ동기군요
저 향해말나온김에 질문있습니다
테오님이 키우시는 메타 주니어 개발자들이라,,
향해 관리가좀 부실하다는 말이많던데.. 혹시 다들어떠셨었나요??
뭐사실 엄청크게 뭘 기대하는건아니긴한데 그래도 400이면 어느정도 관리가 되긴해야하지않나 싶긴해서요
타이트하게 잡아주는 느낌은 아니에요
자기가 하기 나름이다?
그러면 항해 마치시고도 계속 준비중이신건가요??
저는 항해로 코딩을 시작한 사람이라서
전 취업했어요
어찌저찌 수료하고 부족한 부분 3개월정도 보충해서
다음주부터 출근합니다
ㅋㅋ쿠ㅜ
와 축하드랴요 ㅎㅎ
관리는 음 솔직히 그렇게 좋진않은거같아욬ㅋ
작은 스타트업에 운좋게..
워낙 사람이 많아서
오오..
다들 부트캠프 이야기 많이 하시네여...저처럼 취업준비하시는 분이 많다는 이야기같아서 힘이 되네요
저는 향해한다하면 최소 리액트로 혼자플젝해보고 할생각이긴합니다
만약 9월까지 취업을 하시겠다 싶으면 8월까지 부트캠프 끝나는 걸 하고 한달간 미친듯이 이력서넣고 면접 연습하고 피드백받고 계속 시도하는 걸 추천..? 드려요
맞습니다
초롱초롱 네오님이 나갔습니다.
오..조언감사합니다
네네 좋아요!
진짜 저는 맨땅에 해딩해서
좀 아쉬워요
일단돈이없기때문에
부트캠프던 국비학원이단
400을 날릴수없습니다..
사실 저 면접 리스트 하는 것도
학원의 역할은 촉발제에서 끝인것같아여
정말 스타트업은 패턴화 되어 있어서
내는 질문이 똑같거든요?
결국 취업하시는 분들은 꼭 끝나서 혼자 독학하며 포트폴리오를 완성하는 시간을 가지시는 것 같더라고요
여기 혹시 f-lab을 멘토링?을 해 보신분은 없으시겠죠..? 현재는 백앤드 코스만 제공하는거 같아서 안 계실듯 싶은데 ㅠㅠ
그래도 잃은 것은 돈뿐이고 얻은 게 많다고 생각한 시간이였어요
투표 한번 돌려서 이 방 현업이신 분이랑 구직 준비중이신 분들 비율 한번 보고 싶네요
구직 희망하시는 분들이 꽤 많으신거 같네요
벨로그 이용하시는 분들이 보통
아들어보긴했는데
초보자말고 어느정도 아는분들이하면 좋다고들었던거같아요
취준 또는 학생 또는 주니어가 많을 것 같아요
오 좋네요
돈이 없으시다면 후불가능한 부트캠프도 알아보셔용
저는 항해 좋았던점은 좋은분들 많이 만나뵐수있어서 좋았던거같아요
와 f-lab은 커뮤니티 가입에도 서류랑 면접 과정이 있네요 ㄷㄷ
그리고 프로젝트 많이 진행한거?
중간에 한번 터지긴했는데 나름 배운게 많았던거같습니다
저궁금한게있는데 온라인으로도 그.. 교류가 쌓이나요?
아침9시부터 밤9시까지인데
온라인으로 만날일이있나요?? 플젝할때뺴구요
아아
계속 캠켜두고 새벽까지해서
교류 잘쌓이는거같아요ㅎㅎ..
오좋네요
항해끝나고 또 따로 만나서 밥도 먹고 그래용
혹시 그.. 리액트멘토님은 좋다고들었는데 혹시 멘토분은 어떠셨었나요?
서로 연봉얘기도 하고
맞아요 저도 많이 만나뵙고
노드나 자바멘토분들은 게더타운(?)도 잘안들어오고그런다던데 정말인가요?
서로 도움드리고 좋았어요
비슷한 처지에 있는 사람끼리 인사이트도 얻으니까 좋긴하드라고요
오오
프론트 멘토님이 천사입니당
개발잘하고싶님 누구실까 궁금하넼ㅋㅋㅋㅋ
프론트 멘토님은 지금도 계속 하고계시다고 들었어요
태현님 저 아실텐데 익명을..
정말 친절하세요
알고보니까 서로 아는사이이면 ㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
익명성을 갖고 있을게요! 나중에 시간지나서 공개될테지만
나중에 뵈요ㅋㅋ
저 궁금한게있는뎅 ㅛ
향해99 수업내용이 괜찮았던건가요?
리액트여 ㅋㅋ
음 강의 자체는 좋았던거같은데 사람바이사람인거 같아요
어떤분은 어렵다고 느끼시더라고요
혹시태현님은 어느정도공부하고 향해들어가신건가요?
전 리엑트로 클론코딩까지만해보고 직접 프로젝트는 안만들어봤었어요
그래서 꽤 힘들었던거같아요
로그인만 쳐도
저는 아무것도 몰랐어요 ㅎㅎ 그래서 밤샜죠 매일
이메일 로그인 소셜 로그인 있으면
OAuth 랑 웹 스토리지에 대해서도 알아야 하니
잠을 줄이면 뭐든 됩니다(?) 아마도..
혼자 하면 쉽게 와닿진 않을 것 같아요 ㅋㅋ
커피가 해결해줍니다!
저도한 내녕 5월이나 6월쯤 향해생각하고
공부해야겠넹 ㅛ
그때쯤이면 나름 체계화되어있겠네요..ㅎ..
오호 많이 얻어가실거에요
파이팅입니다!
투표는 어떻게 하는 거에요?
게시판 > 투표에
있습니다!
사진
준희님 깃 너무 멋집니다 이상적인 취준생의 깃 아닐까 싶어요
반성하게 되네요
너무너무 과찬이시네요
저는 뭐 하면 계속 까먹어서
그냥 뭔가 습관화 패턴화하고 싶어서 정리해둔 게 많아서 그렇게 보일 수 있어요 ㅋㅋㅋ ㅜ
준희님
깃 주소 어디써요 ..?
톡게시판 '투표': 당신은 어떤 상태인가요?
삭제된 메시지입니다.
잠시 했다가
지우도록 하겠습니다
좀 부담이 되네요 ㅋㅋㅋ ㅜㅜ,,
오잉
암것도 안떠요 !
'가 붙어있네요ㅋㅋ
삭제된 메시지입니다.
와 준희님 블로그 면접보러 다닐때 몇번 봤는데
여기 계셨군요..
저는 아직,,,
"찢었다"
보고 있습니다
오늘도 보고왔네요
와우
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ ㅜㅜ
준희님
팔로우 해도 될까요?
모셔갈거같은데...?
ㅋㅋㅋㅋㅋㅋㅋ
살짝쿵
절대 좋은데 저는 사실
저
팔로우 눌러써요
지금 뭐 할 상황이 안돼서 ㅋㅋㅋ ㅜㅜ
정리 엄청 잘하셨네요
뭔가 같이 만들어 가고 싶은데
정말 잘 안되긴 하네요
공부 몇년차세요?
정리 정말 잘하셨네요!
저도바로 팔로우했습니다 ㅋㅋ
그냥 학생입니다
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ ㅜㅜ
넘 깔끔하고
기염..
저두 팔로우햇습니다 ㅋㅋ
앗 근데 벨로근줄 알았는데 깃이군요 !
벨로그는 제가 지금
저거 쓰면서 계속 취준이라
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ,,,
뭘 쓸 게 없네요
제 스스로의 채찍질과
피드백만이 살 길이라,,
보통 벨로그+ 깃 같이 하나요!
저렇게 깃만 하나요?
저는 사실 깃만 하는데
전 우선 용도가 공책정리? 필기용인데
벨로그에서 많이 공유를 많이 받아와서
저도 좀 나누려고 간간히 썼던 것 같아요
저 준희님
깃은 어떤 용도로 쓰구 벨로그는 어떤 용도로 쓰세요 ?
질문있습니다 혹시 js공부내용은 딥다이브에 다 있는내용인가요??
네 다 책 읽고 정리해서 쓴 부분입니다!
일단 깃은 코드를 치면 올리신다고 생각하는게 좋습니다
제가 정리하면서 작성한 코드랑 코드 리뷰..?
영무룩님이 처음시작하는 입장에서 깃 익숙해지셔야되기도 하고…
근데 친구가 그럼 넘 힘들어진다고 우선 배운거 정리
벨로그에만 하라는데
첨 시작부터 깃도 하기 vs 벨로그만 하기
고민중입니다 ..!
차라리 깃만해도...
네네 차란히 깃만해도
저는 깃이 더 중요하다고 개인적으로 생각해요
와혹시 준희님 블로그정리하실때 나온 그림들은 직접그리셔서 복붙하신건가요?
어떤
블로그는 나중에 정리해도 깃만 해도 될정도라고 생각해요
부분이실까요..?
사진
왠만하면
아
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
이런것들이요 ㅋㅋ
아니면 깃에 READ.ME로 정리해서 올리는것도 좋은거같아요
네
제가
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 그린 겁니다
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ ㅜㅜ
양심이 없어서
오우 ㄷ
전 분산 되는거 별로 안 조아해서
그럼 깃만
해야겠네용..
넵 좋습니다
딥다이브책 이거엄청 어렵던데 저도 다시도전해봐야겠네요 ㄷ
삭제된 메시지입니다.
깃이 그정도로 많이 쓰인다고 보시면되요..
이 부분이 약간
본채였습니다
근데 이건 너무 내용이 방대해서
면접 위주로 자른 부분이 많아요
저도 바로 팔로우
근데 면접 준비할 때 내용은 키워드만 담긴 부분이라
정확히 굴러가는 거 아시려면 딥다이브 정말 좋은 것 같아요
와 근데
저같이 1회독도 안한사람은
머가 중요한지 몰라서 다 적을거 같은데
처음시작할때는 어려운거같은데
1회독하고 깃하는게
나을까요 ,,
자바스크립트 어느정도 하시는분들은
추천입니다
깃도
유튜브 강의나
처음시작할때부터 딥다이브는 좀 비추이긴합니다
책이 많아요!
깃은 처음시작과 동시에 하는게 좋아요...
완전 비추이긴 하네요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
저아까 교보였는데
2시간전에 ㅠㅠ
깃+깃허브 완전정복책 사려다가
처음에는 모르는 부분만 찾아보는것도 좋아요
안샀거등요..
백과사전처럼
저는 이걸로
그냥 책으로 뚝딱하긴 했는데
영무룩님 진짜 깃은 나중에 눈감고도 명령어 치게되실수도 있어요
준희님혹시 딥다이브책은
GUI랑 CLI 둘 다 있어서
JS어느정도 공부하고보신건가요?
구글이 최고의 책입니다 검색 만세~
저는
HTML CSS JS 일단 DOM 건드리는 수준에서 넘기고
리액트 하고
js로 넘어왔어요
왜냐면 깊은 복사 얕은 복사 이런 것도 사실
실제 코드에서 적용안해보면
dom건드리는수준이라는게 학원수업으로 들으신건가요??
아아아
왜 필요한지 몰라서 그냥 넘기게 되는 부분들이 많거든요
네네네
근데 내용이
기술면접 가면
다 나와요
ㅋㅋㅋㅋㅋㅋ,,
딥다이브책에서 면접내용거의다나왔나요>??
JS책의 바이블인가 이정도면 ㄷ
외우기만 한다 > 조금만 꼬아도 대답을 못한다
공부하고 이해한다 > 조금 꼬은 건 대답한다
제가 막
불표시 많은건
맞아요 그건 너무 티가 납니다
다 나왔던 부분이라
개인적으로 금전적 여유가 있으시다면
스코프가 뭔가요? 🔥🔥🔥
넵넵
이런식으루,,
여러종류 책을 같이 사서 보시는것도 추천해요
코어 자바스크립트
오오..팁감샇바니다
A책에서는 이해안가는게 B책에서는 이해가는 경우도 있어서
;;; 그런 질문 진짜 안 좋은 거 같아요
호랑이 그려진 거
그거랑 딥다이브중에 고민하닥
딥다이브 골랐었어요
저걸로 시작하면 이제 실행 컨텍스트 클로저 이벤트 루프로 막막 넘어가는 ㅜㅜ
일단 던져놓고 보는 것 같습니다 ㅜㅜ
꼬리 잡기 위한 떡밥 던지는 느낌이에요 ㅋㅋ
저 준희님 혹시 책내뇽정리하실때 어떤식으로 정리하신거에요:? 그냥 책에있는코드한번 쳐보고 책에있는 예제나 내용을 블로그나 깃에 정리해서올리는건가요??
책은 우선
필기하기 전에 먼저 한 하루에 3시간 읽고
그거 바탕으로 줄친거 2-3시간 정리하고
깃헙에 올리고 했었던 것 같아요
여름방학이라 좀 여유가 있었어서 ㅋㅋ,,,
와!
아하..
저것도 그게 없어요
블로그에있는 예제같은거는 그냥 책에있는 예제 그대로쓰신건가요??
책 예제가 아마? 대부분일 거에요!
이름만 좀 바꾸고..?
이런 경험들이 혼자 공부해서 나오는
준희님 크.. 블로그정보알려주셔서감사합닏 ㅏ
맨땅의 헤딩이라고 볼 수 있는 것 같네요...
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ,,
일단내일 코리아 아카데미 상담해보고 내용말씀드리겠습니다 ㅋㅋ
사실 이미마음떴지만 이미 상담이잡혀서..
사실 전문 상담가 분들이시긴 하시지만
그분들이 개발자가 아닐 뿐더러
학원에 맞춘 인재를 만들기 위한게 좀 있어서
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ,,
그거 들으면 나중에 뭐 들어라 전화도 오고 그래욥
사실아까
자바스크립트 자체를 이해하고 싶은 책은 싫으신 분은 인프런에 김영보 선생님 강의를.. 물론 유료입니다..
통화하신분도 처음에는 그 강사님인줄알았는데
알고보니까 상담만하시는분이더라구요
리액트 노드 이런거 한달씩 끝낼수있냐고물어보니까 할수있다고 하시긴했는데 .. 지금보니까 안해보셔서 그렇게말씀하신거같은느낌이 ㅋㅋ ..
사진
갓 영보
오.. 근데 그분강의 맛보기로 잠깐봤는데
진짜뭐랄까 개념자체를알려주시지않나요?
초보자가듣기에는 난도가좀 ㄷ
프로토타입 하나하나 집으셔서
음 뭔가 강의하시는 분이
저는 강의가 어려워서,,, 책 샀습니다
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 반대네요
ㅋㅋㅋㅋㅋㅋㅋ
자바스크립트를 완전히 음미하는 느낌?
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋ
와 여기톡방 정말 너무좋네요
저도 덜당아
음미해지는 느낌이지만
정말잘들어온거같습닏 ㅏ
계속 돌려본거같아요
이모티콘
테오님 흐뭇하시겠어요
정말 이런 곳이
없습니다
감사합니다. :) 행복하네요~~
김영보님 강의 저도 한번 봐봐야겠네요
덩달아 입니당
강의도 김영보님 책 기반으로
하신 걸거에요!
저는 실전에 못 써먹으면 의미 없다고 생각하는 파라서 일단은 엄청 깊게 공부를 하긴 하는데 그래서 어떻게 써먹을 건데를 좀 많이 따지면서 공부하는 스타일이라서
개인적으로 리액트 공부하시는분들한테 아토믹 컴포넌트 디자인 추천드리고싶네요
저도 테오님이랑 같은의견이에요 이론적으로 아는거도 중요하지만 그걸 써먹지 못하는지식은 죽은지식이라고 생각하는 주의입니다
아토믹 요새 핫하던데
오
이거살걸
…
저도 입사하고 알았는데 이전부터 알았으면 더 좋았을거같네요
저 책산거 보실분 💜
김재란(金载兰)님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
저 약간 공부 머머 했는지 보여주는거 좋아하는데
ㅋㅋㅋ 보여주세요
깃이 그런 종륜가바요?
안녕하세요 김재란님~ 반갑습니다 :)
저 관종이라
안녕하세요 !
안녕하세요 :)
블로그 하셔야겠네요 ㅋ
저 파블이였어용
!
안녕하세요!
퍼블리싱도
웹 프론트 넘어올 때
경력의 반 정도는 쳐주는 느낌이던데
파워블로거인듯ㅋㅋㅋㅋㅋㅋㅋ
요새 CSS를 잘 못하는 사람이 많아서 CSS잘하는 사람들 좋아 합니다
아 맞아요 공식적으로 쳐주진 않지만
약간 CSS가 경시되고 있지만
잘하는 사람들좀 많이 좋아하죠
저요 ?
🤭
저도 css 좋아합니다 ㅎㅎ
못하면 스트레스라...ㅋ
아 파블이 파워블로거 줄인거 아닌가요!?
맞아용 !
앗
퍼블이아니였네요
퍼블이라는줄..
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
퍼블리셔라고 알아듣는 이 개발자분들
퍼블리셔인줄
ㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
당연히 퍼블리셔인줄 알았네요
ㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋ
세분다 퍼블얘기하셔가지궄ㅋㅋㅋㅋㅋ
저는 갑자기
저궁금한게있는데요ㅕ 리액트를사용하면 html css 를 쓸일이많이없나요?
다른 얘기루 넘어가셔서
허허
맨날 하는데요..
html 은 웹 문서의 기본형식이라
그쵸
리액트 짤때도 고려해서 짭니다
나중에는
메타 태그도
리액트 컴포넌트 짤때도
좀 건드리고,,
준희님은
전공이 이뽁이세요?
이쪽이세요?
저는
경영정보라고
반인반수입니다
아하 ..!
조금 더 DB, JSP 쪽에 가깝긴 해요..!
아 근데왜 css를 경시(?)하는일이생기나요??
CSS는 안되도 출시가 가능하니까요
진입장벽이 낮아요
그렇군요
맞아요.. 웹표준 웹접근성 모르고 html부터 짜시는분들도 많은거 같아요
공부에 들이는 품이 많고 대체 가능한 인력이 적어야 비싸지는건데
CSS는 일단 백엔드가 할려면 할수는(?) 있으니까요 ㅋ
반대로 퍼블리셔가 백엔드 일을 할수는 없잖아요
*할려면 -> 하려면
html구조짜는거도 막짜시는분들도 많고
잘짜고싶은데 넘모 어려워요..
정신차려보면 div떡칠..
이모티콘
근데 깃에 자기가 공부한 것도 올리자나유
div는 많아도 됩니다
Html css 공부한 것도 올리나요 보통 ?
근데 문제는 이상한 구조들이 많아서..
div가 많아지면
아니면 html css는 안올리나요 …?
좋지않아여
깃에는 코드치는 모든걸 올린다고 생각하시면 됩니다
전 걍 책에 있는거 몽땅 올릴라 했는데
어떤점이요??
아하 🌞
Dom 구조가 복잡해지니까
다 올려야징 ..❣️
성능상 안좋고 레이아웃 변화될 요소가 많아지니 복잡해지져..
변화될요소가 많아지나요?
많아지잖아요? Div에 클래스를 입힐텐데
그러면 변경 받는 애들이 많아지잖아요
디버깅할때도 div많아서 유지보수 어렵구여
저도 원래 그렇게 생각했었는데
잘하는 퍼블리셔분들은 다 하시더라고요..
air bnb
가 진짜 헬 of 헬 div에여
naver도 그럴걸요
daum도 그렇고
Div wrapper의 div wrapper의 div wrapper속에 div wrapper
그런데도 잘 유지되는거보면 꼭 유지보수가 어려운건가 생각도 들어서요
네이버는 봐줄만하던데여
네이버는 NTS에서 대신 잘 만들어주시니까
요새는 컴포넌트 베이스로 개발하고 있다보니까
전체 HTML을 굉장히 구조적으로 짜야 한다라는 압박에서 좀 많이 벗어나졌어요
맞아요 이 이야기도 들었어요
어짜피. csr인데? 굳이? 이런분들도 있더라고요
구글이나 medium 같은 사이트 코드 보면 일단 이미 HTML이 컴파일되어 나와서
시대가 많이 바뀌었지요. HTML, JS, CSS는 이제 기본이라기 보다는 컴파일된 결과물 같은 느낌으로 진화하는 중입니다.
사진
처음 시작할때 테오님이 올린구조가 안좋다! 라고만 듣고 지양하려고만 했는데 요새들어서는 관리만 할수있다면 나쁜건가? 이런 생각을 가지고 있습니다
그렇죠 저건 그냥 결과물인것이고 실제 코드는 가독성이 매우 좋을 겁니다 ㅋ
medium코드 구요 아마 fela를 사용하는 것으로 추정됩니다.
와..그렇군요 조금 충격이네요..!!
div를 의미있게 쓰면 좋져
Fragment 있는데 두개 묶는다고 wrapper로 도배만 안하면 좋다고 봅니다
삭제된 메시지입니다.
이러캐사써요
와우!
오!
저것도 좋은데
DoIt!
제로초님 블로그도 좋아여
여기 방분들은 너무.. 착하셔서
아 개발닥님께서는 div의 depth를 의미없이 늘리는걸 별로 안좋다고 하시는건가요 ㅎㅎ
div자체를 안좋다고 하시는게 아니라??
제가 뭔말만 해두 칭찬을
마구 해주시네요
div 안쓰고 살수는 없져 ㅎㅎ
샵검색 : #춤추는 강아지 짤
ㅋㅋㅋㅋㅋㅋㅋ
오늘인가 어제가 처음이라고 하시지 않았나요
그럼 뭐하든 칭찬받는시기죠
오늘이예요.. 어제까지 방황을 ..
코딩애플 <-- 여기도 개인적으로 추천합니다
감사합니다 !
다들 모니터는 어떤거 쓰시나요? 요즘 모니터에 관심이 생겨서 C타입 모니터 위주로 보고있는데 LG랑 델 고민중입니다.
좀 쉽게(?) 설명해주더라고요
저 맥북도 포맷했어요 ✌🏻
오!
굿입니다 ㅎㅎ
일단 저는 처음시작은
저는 델 써요
생활코딩 보시는걸추천드립니다
생활코딩의 web1강의 들어보시고
델 어떤 모델 사용하시나요??
델 32인치 + 맥북 + 아이패드 서브 모니터 조합씁니다
다음걸 하는걸 추천드려요
27인치랑 32인치 차이도 많이 나는지 궁금합니당 ㅎㅎ
모델은 잘 모르는데.. 32인치 아무거나 샀어요
넵 !!!✊🏻✊🏻
딱 제가 원하는 데스크셋이네요 ㅋㅋㅋㅋ
화면 크기는 많이 나요 체감 크기가
생활코딩 web1 vs 깃+깃허브 좀 익히기
후자 먼저하는게 낫겠조 ..?
너무 크진 않나요?
둘다 같이
해야됩니다
생활코딩 내용도 중요한거 적어야대니까
깃하면서
아하 넵 !!
저는 32인치 화면 4분항 해서 써요
깃이 근데 감정일기.. 이렁거 쓰면 마이너슨가요 ..?
와우..ㅋㅋㅋㅋ
깃을 너무 어렵게 생각안하셔도 됩니다..
깃이-깃에
27인치 4K로 생각중이긴한데
처음만 어렵고
한두번 사용하면
그냥 습관처럼 사용하면 되는...
공유 감사합니다 개발닥님!
4분할 해서 vs code 띄우고 맥에는 개발문서 띄우고 아이패드엔 유튜브 ㅎ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 와우
감정일기요?
깃은 블로그 아니에요
저는 16인치로만 개발하다가
회사서 27인치 개발환경 맛보고
빠졌어요..
깃은 그냥 처음엔 코드저장소 그이상도 그 이하도 아니다 생각하고 하시는게 좋아요
회사에 32인치 사달라고하세여
이제 입사한지 15일된 신입이라서요..ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
사줘 빼엑!!!! 필요해!!!
27인치도 저 입사하고 사준거라
나중에 도전해보겠습니다 ㅋㅋㅋㅋㅋㅋㅋ
ㅎㅎ
아하ㅜ
축하드립니다! ^^ ㅋㅋㅋ
깃 유튜브좀 다시 보구 자야징 …
엄청 바쁘신 시기에 입사하셨네요
축하드려요
정 힘드시면 나중에 간단히 제가 줌으로 설정같은건 잡아드릴수있습니다
초등학교때 구구단 외우는느낌이에요 처음에 안외워지는데 나중에 익숙하면 그냥 습관처럼 나오는
감사합니다!! ㅎㅎㅎ :)
감사해요! 😆👍
ㅎㅎ진짜 신입이셨네요 그래도 취업시장 뚫은거 축하드립니다 ㅎㅎ
오우
넘 감사해요 !
감사합니다 ㅎㅎㅎ 썰 저 빈츠에요! ㅋㅋㅋㅋㅋㅋㅋ
우선 제가 오늘 만져볼게용 !
오
아
빈츠셨네요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
넹 ㅎㅎㅎ ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
닉넴 변경이 안돼서요 ㅠ
ㅋㅋㅋ 15일에 어느정도 예상했는데
요새 공부하시고 계신다는
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 다들 닉이랑 달라서
햇갈려요
트립은 앞에 트립있으시고 펭귄은 맨뒤가 펭이고
Amplify console 발표하고 가르칠 수 있을정도로 배워야 돼서 이제 좀 바빠질 것 같아욬ㅋㅋ
그게모에요?
은욱님은 누구세요??
아 저도 아까 그거 보고 내일 회사가서 보려고요
저 하디요!
아!!! ㅋㅋㅋㅋㅋ
하디!
ㅠㅠ 취준은 잘되시나요
자동 배포해주는 툴이에요!
서버리스 기반 CI/CD 도구더라구요
저는 aws function쪽이나 람다쪽을 좀 보려고 했었거든요
저도 그런거 만져보고 싶어요
버저닝도 해주고 배포마다 호스팅도 해줘서 별도 URL로 결과물도 볼 수 있습니다
멋있당
서류 통과 소식들이 오고 있습니다 ㅋㅋ
해보시면됩니다!
오!!
잘하시니까 좋은데 가실거에요 ㅎㅎ
퇴근하면 아무것도 못하겠어요
AWS 계정 받으면 사용해보구 블로그에 정리하려구요! ㅎㅎ
하디 응원합니다 ㅎㅎ
저도 3시간 자고 일어나서 지금 하면서 카톡해보는중
요즘 퇴근하면 걍 vscode 닫아버려요 더 코드짜면 죽을것 같아서..
그리고 개인적으로도 따로 해보셔도 좋아요 ㅎㅎ 회사껀 왠지 잘못만지면 안된다는 생각이 있는데
개인껀 고장내도 되니까 ㅋㅋㅋㅋ
오오! 축하해요 ㅋㅋ
테오님 덕입니다!!
ㅋㅋㅋㅋㅋㅋㅋ 갠적으로도 해볼게요! ㅎㅎㅎ
.png?w=768)
모니터암 쓰시는 분 계신가요???
코린이님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. 여기는 제 취미생활로 운영하는 오픈채팅입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요!
반갑습니다 ㅎㅎ
안녕하세요~ 코린이님 반갑습니다!! :)
안녕하세요...ㅎㅎ(wow)
저희는 서로 개발관련해서 궁금하거나 현재 관심사 (면접이라던가.. 코테라던가...) 이런것들을 공유 하면서 답해주고 그러고 있어요~ :) 언제든 편한게 글 남겨 주세요
네넵 감사합니다..너무 초보자라 허접한 질문도 할 수 있는데, 귀엽게 봐주세요 ...(wornout)(wornout)(wornout)
ㅋㅋㅋㅋㅋ 네~ 얼마든지요 뉴비는 언제나 사랑입니다!
큭..감동입니닼ㅋㅋ 벨로그에서 보고 들어오길 잘했네요
좋은 자료 감사합니다! 조금 이따가 위 게시물이랑 같이 볼게용!!!
오 한번씩 만들어보고싶네요
저런 디자인 가능한 사람이랑 같이 일하면 얼마나 재밌을까요? ㅋㅋㅋ
혹시 사소한 질문인데
열정 불태우면서 만들어 줄 수 있는데ㅋㅋ
저런 3d는 어떻게 만드는 건가요+_+..??
제가 노트북이 액정이 망가져서 이참에 아예 바꿀려고 하는데 맥북으로 바꿀려고 하거든요
취준생이고 현직자도 아니니 8gb면 충분하겠죠??
웹 개발자는 성능 크게 문제 없어요 ㅋ 맥북으로 lol 이런거 안 할거라면 ㅋ
아무래도 그렇겠죠?? 무슨 임베디드도 아니고 오바하는거겠죠ㅎㅎ
감사합니다 ㅎㅎ
그리고 좀 하다가 아닌가...? 싶으면 팔아도 맥북은 가격 많이 안 떨어져요 ㅎ
3d 디자인 툴이면 요새는 블렌더나 스케치업이 유명하던데 그 세계는 잘 모르겠네요
3d에 관심있으면 개발자라면 https://aframe.io/examples/
요즘은 거의 대부분 회사 가면 좋은 맥북 줍니당 ㅋㅋㅋ 그래서 개인용은 본인의 취향껏 사셔도 괜찮을듯
요거 유명하다고 하다라구여 현업에서 만질날이 있을란가 모르겠지만요 ㅋ
맞아여 그런것같더라고요! 그래서 큰 고민은 필요없겠다 생각하고 있었습니다 ㅋㅋ
우리나라에서 인터렉티브 페이지는 거의 본적이 없어서 진짜 많이 사용할지는 모르겠네요
다들 오늘하루도화이팅
빙그레 페이지말고는
어제 리액트에 아토믹 디자인 패턴 말씀하신분 감사해요! 프로젝트 크기가 크지 않아도 해볼만 할 것 같네요. 이름도 잘 지은것 같아요 ㅋㅋㅋ
저 면접에서 몇번 들었었어요
패턴아냐거
아 그런가요?? 저는 어제 처음 들어서 글 몇개 읽어봤는데 좋더라구요! 개인 프로젝트에 적용해봐야겠어요.
일단 폴더명이 알파벳 순서고 멘탈 모델을 해주기 때문에 체계 잡기 편해지는 느낌이 있어서 좋아요
이게 멘탈 모델이니까 나중에 어? 이거 molecules인가? organisms 인가? 헷갈리고 이게 맞나? 하는 생각이 들때가 오는데 어차피 정답 없어요
atoms만 잘 추리는 것만으로도 엄청 좋다고 생각해요 ㅎ
그렇군요..! 제가 지금 사내 프론트엔드 1호라서 ㅋㅋㅋ 다음 신입분 오실 때까지 개발환경 셋팅을 좀 해놔야 할 것 같은데 여기서 도움을 많이 받네요 ㅎㅎㅎ
오오!!! devOps를 바로 하시는 군요. PL을 되려면 프로젝트 세팅을 할 줄 알아아죠 ㅋ 좋은 경험하시네요 ㅎ
네 맞아요! ㅎㅎ 사내 개발환경을 세팅할 기회가 주어져서 좋은 경험이라고 생각해요. 야생에서 굴러보고 폭풍 성장하겠습니다.
저는 지금까지 프론트 ci/cd 까지 구축해야되는줄 알고있었는데.. 꼭 그런건 아닌거 같더라고요..!! 다른분들은 프론트 배포하는 서버는 직접하시나요 아니면 인프라팀으로 넘기시나요??
현재 프론트엔드 개발환경 세팅은 이렇게 생각하고 있어요. # 사용 언어 및 라이브러리 - ES6+ - React.js # 개발 환경 - Amplify Console - Webpack - Babel - ESLint 여기서 더 추가할 것이 있을까요? 다른분들 의견을 듣고 싶습니다! 특히 개발 언어나 기술 스택은 설득이 되면 자유로운 편이라서 스벨트도 생각 중이에요..! 테오 스벨트 글을 읽어봐야겠어요
💪💪💪
일단 Amplify가 스벨트를 지원하는지부터 봐야겠네요 ㅎㅎ;;
typescript는 당연히 하실꺼라 생각하고 webpack이랑 vite도 비교해봄직합니다.
리덕스 ,몹엑스, 이모션, 프리티어 등등..?
한글로 치니까 없어보이네요 ㅋㅋㅋ
babel의 경우 typescript로 빌드한다면 빼는 방법도 고려해보세요
stroybook같은 컴포넌트 관리도구나, jest나 tesing 라이브러리, e2e 테스트, mock 서버
husky pre-commit과 eslint --fix 연동해두기
git commit 시 컨벤션... (컨벤션 강제해서 push 안되게 하기)
branch 컨벤션
develop / master PR 전략 및 CI/CD 배포
prod용 빌드 세팅 분리하기 (난독화, 코드 압축)
Sentry같은 에러로깅 시스템, GA(google analytics)
대충 저희회사에서 하는거 다 긁어와봤어요 ㅋㅋㅋ 프로젝트마다 다들 선택적으로 하고 있어서 이걸 다해야한다 이런건 아니고 키워드만 공유 드리니 한번 겸사 겸사 알아보세요
다 저장해 두었습니다
ㅋㅋㅋ 나중에 시도해봐야겠네요
저도 다 저장했습니다 부끄러워하는 라이언님, 테오 정말 감사합니다 ㅠㅠ
혼자서는 절대 알 수 없는 것들이네요 ㅎㅎ
아 요새는 리덕스대신에 캐시로 저장하는 react query나 swr이 많이 보이기 시작하는데
리액트 쿼리 진짜 눈물나게 좋더라고요
상태관리를 둘중에 하나로 바꾸려고 도전해보셔도 좋습니다
맞아요
이건 이유가 있을까요 테오??
suspense랑 연동되는 것고 진짜 굿
저도 리덕스 버리려고
각보고있습니다
토스에서 쓰는걸 봤는데 서스펜스가 비동기처리 쉽게 해주는거 맞나요?
리액트 쿼리도 봐야겠네요!
혹시 현업에서는 Webgl 과 같은 캔버스 기반의 3d 기술을 어떻게 생각하시나요..?
figma나 jam보드 같은 원페이지 협업도구 씬에서 가치가 입증이 되어서 높게 평가하고 있는데 국내 주류 대기업 씬에서는 아직 인거 같아요
3d는 아직 시기 상조인듯 하지만 또 갑자기 누가 캐시카우를 들고 올지를 몰라서;;
3d 인터페이스는 아직까지는 엄청 실험적인것 같아요
게더타운의 성공을 본 이후라서 3d환경에서 화상회의 같은 시도들도 있는거 같고
직방이나 이런데서는 온 오프라인 부동산 연계하는 방향으로 3d 기술 검토 하고 있다 이런거 뉴스에서 본적있는거 같아요
그렇군요 ㅋㅋㅋ ㅜㅜ 어쩌다 보니 면접 기회 준 기업 두곳이 WebGL 기반으로 b2c b2b 하는 곳이라,, 정석적인 곳은 아니긴 해서 정말 고민이 되는 것 같아요 ㅜㅜ 3d 나 AR 관련 기술이 웹 브라우저를 통해서 유행을 할 지도 아직 미지수인 것 같아서 ㅜㅜ
오오~
wegGL 할줄알면 React는 그냥 잘하겠지...!
이런 생각들을 하지 않을까요? ㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ ㅜㅜㅜㅜㅠ
사실 학생이나 취준입장에서
다룰 수 있는? 다룰 만한 라이브러리가 아니라
일단 가면 계속 프론티어 정신으로 해야 하는데
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 쉽지 않은 결정이여서 계속 미루고 있습니다
뭔가 남들 다 하는거가 아닌 것을 공부해봤어요는... 좀 어필이 힘든것은 맞는데... 결과물이 존재하고 이걸 해봤어요! 하는 것은 좀 먹혀요
ㄱㅊㄱㅊ
누구는 webGL을 하려고 해도 엄두도 내기 힘든데.. 대신 본인이 그런게 재밌는지가 더 중요하지 않을까요?
어우 그래서 저는
정말하고 싶은데 결과물을 못내면 어떡하죠? 이런식으로도 질문을 했었는데
‘아무래도 학업 프로젝트도 아니고 결과물을 만들어야 한다’
좀 이런 느낌의 답변을 받아서
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 물론 시니어 분이 안계시는 건 아니지만
이런 부분이 좀 걸리는 것 같습니다 ㅜㅜ
누구는 돈 내면서 공부하려고 하는 분야인데 돈 받으면서 공부한다고 생각하시면
전혀 아깝지 않을것 같아요. ㅋㅋㅋ
그렇군요 ㅜㅜ
좋은 조언 감사합니다
솔직히 React나 백엔드 통신은
누가해도 하는거잖아요 ㅋ
그게 제일 돈이 되니까 지금 일자리가 많아진거긴 한데
정말 면접관 분이랑 같은 말씀 해주시는 군요…!!
대기업 TO가 없다는 문제는 있는데
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 역시 시니어에서 바라보는 웹 프론트는,,, ㅋㅋㅋㅋ ㅜㅜ
그냥 나 이런거 해서 그냥 "웹" 을 잘하는 사람
이라고 브랜딩을 해버리면 뽑힙니다
WebGL이라니
조금 더 인터렉티브한 웹을 만들 기회가 될 것 같기는 합니다 ㅋㅋㅋ ㅜ
멋진거 하시네여
특히 welGL은 포폴로 하기 워낙 좋은 분야라. ㅋ
근데 머리아플것 같네여..
‘잘’ 해야 할텐데
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
이거 왜 웹뷰에서 안댐?
원래:. 안대여… 기획자 : 되게 해주세여 중요해요
그리고 누누이 말씀드리지만 프론트엔드가 "잘" 하는거는 구현이고 서비스 퀄리티는 회사가 만드는 거에요
개발자 : 지원을 안하는데 ㅠ…
ㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅜㅜㅜ
디자이너가 훌륭한가요? ㅋ 그게 더 중요할듯
와우
갓찌,,,
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
우와아..
연봉이나 처우 회사 규모 이런거도 중요하니까 함부러 말씀드릴건 절대 아니지만 weblGL하신다면 솔직히 음... 본인의 능력보다 기획과 디자인이 먹여살리지 않을까 생각해서 본인이 못할걸 걱정은 좀 안하셔도 되지 않을까. ㅋㅋㅋ
동영상
이런 느낌이에욥
오오 3d 전시는 많이 쓰이고 있는 분야긴하죠
다른 한 곳도 비슷한 것 같아요 ㅋㅋㅋ ㅜ
퀄리티 좋네요
이게 웹으로 된다고? 가 되게 놀라워서
ts로 라이브러리 만들고 그거 패키지로 불러와서 작업하는 업무를 주로 할 것 같다고 하셔서
완전 같은 느낌이네요!!!
와…준희님 재밌을거 같아요!
와…
말도안돼..
미래의 프론트인가요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
저도 예전에 이젤이라는 회사 면접봤었는데 유니티게임 개발자 출신 프론트 개발자분이 박물관 전시 웹 페이지 만드시더라고요
맞습니다 ㅋㅋㅋ,,
유니티가 웹의 미래가 될것이다! 했던 시절도 있었죠 ㅋ
루비온레일즈도 썼었는데
뜨는 해가 되지 못해서
접었다고 말씀해주시기도 했습니다
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ,,
아 이젤이었나요
면접 보신데가??
네 저 동영상쪽은
이젤이에요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋ 저도 서비스 자체는 좋은 서비스라고 생각했었는데 저는 떨어졌었어서 ㅠㅠ
엄청나네여
어우
이정도면 webgl 거의 상용으로 써도 될 수준이네여
이런 인재를,,, 몰라 봤나요 ㅜㅜ
아닙니다.. 저는 그때도 지금도 부족합니다..
조금 스택도 아직 높지 않아서, b2c 이긴 한데
최근 애플 컨퍼런스에서
아이폰으로 3d 사물 모델링 카메라로 축출하는 기술 발표됐는데
로그인 이후 위주가 아니라 좀 공개된 부분이 많아서 같이 적용해 볼 수 있는 면에서는 좋을 것 같기도 하구요 ㅋㅋㅋ ㅜ
저 기술이랑 webgl이랑 결합되면 생각보다 빨리 많이 쓰일것 같아요
솔직히 제 개인적 생각이긴하지만 프론트엔드의 미래 기술의 끝은 가상현실 증강현실쪽이라고 생각하는 사람이라서
준희님 혹시.. 저정도 구현하려면 어느정도 시간을 투자해야할까요..?? 그림판매쇼핑몰을 만들었었는데 전시기능이 없어서 tree.js로 3d전시 구현해보려고 생각하구있거든요..!
webgl도 해보고싶긴합니다..
시장성이 있어야 할텐데 아직 그럴만한 캐시카우를 못 찾은 것 같아요
커머스에선 좀 있어보이지 않나요?
앗 제가 만든게 아니고 회사 서비스라서요..!! 가면 저도 완전히 새로 배워야할 부분입니다
맞아요 ㅎㅎ 언젠간 나오지 않을까요
헉..그렇군요 죄송합니다!!!
상품을 사진이 아니라 모델링한 3d로 보면 차별화 될것 같구요
아닙니다 ㅋㅋㅋ,,
듣기로는 유니티로 만드신..
그래서 대표면접 때 조금
사업 방향이랑 수익 구조를 좀 여쭤보려고 합니다
그러게요 영상이나 사진 처럼 리소스를 좀 쉽게 뽑아내져야 될것 같기도 하고요
지인이 할수만있다면 가구시장에 자기 집을 모델링해서 가구를 넣을수 있는 서비스 만들어보고싶다고 했는데
웹으로 구현하기가힘들어서 ㅠㅠ
그거 오늘의집에서
하고있어요 엄청편해요
봤는데 꽤 괜찮더라고요
오 그런가요
오늘의 집 한번 둘러봐야겠네요
저 아이디어 2년전에 생각했던...
오늘의집도 자체기술이 아니라 다른 회사꺼를 가져오는 형태입니당 ㅎㅎ
왠지 웹이
점점 네이티브 한쪽으로 가는 느낌이 드네여
그거 최초에 가입할 때 보시면, 무슨 회사에 동의체크를 해줘야한다고 하더라구용 ㅎㅎ
이 회사네용 ㅎㅎ
이렇게 생각하시는 리드 개발자 분들이 많아서 리액트를 하되, 네이티브 언어를 스터디로 진행 중이라는 회사도 있었습니다 ㅋㅋㅋ 🤣
요거가 이 발표인데 이제 모델링 뽑는건 일도 아닐것 같아여
아이폰만 있으면 모델을 쭉쭉
사진
나머진 개발자를 갈궈서 브라우저에..
그러면 HTML 태그마냥 또 굉장히 편한 방식이 만들어 질거 같아요. ㅋ
svg마냥
저곳이 미래군요
게더타운, 로블록스, 제페토 까지는 아닌데
암튼 3d 기반의 SNS 공간이 히트 칠 수도 있다
이런 예상들은 많이들 하고 있죠
어떻게가 중요한거지 예상은 누군들 못하겠습니까. ㅋㅋㅋ
게임에서보면 아바타를 꾸미는데 돈을 엄청 많이 쓰는데 그런 사이버 소품들을 디자인하고 팔고 꾸미고 재가공하고 이런 유통을 생각하기도 하고 싸이월드도 많이 팔렸잖아요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
저는 아직까지 메타버스 이런 공간은 일반인 입장에서 시기상조인 것 같다,,, 라는 생각인 것 같아요
그렇기엔 로블록스나 게더 사용자들 많지 않나요
저는 이미 코앞까지 다가왔다고 생각해요
게더와 로블록스는 이미 성공했죠
다만 그게 웹일거냐 하는 문제라
게더는 웹이지 않나요?
로블록스는 들어만 보고 해본적은 없어서
정확히 말은 못하지만
게더는 주변에서도 많이 사용되는거같아요
저는 일단은 긍정적으로 보고 스펙이 해결될 거라고는 생각을 합니다만 브라우저 성능이 엄청 좋아야하는데 보통 게임이나 이런것들을 보면 리소스를 몇 기가씩 받아두잖아요. 점점 웹에서 다시 고퀄리티의 앱으로 가려나 웹 브라우저의 인스턴스함이 이기려나 스펙이 비슷비슷해지는 기술적인 시기가 오거나
웹 기술에 매몰된 비용이 많다보니까 내심 새로운 것은 계속 배우겠지만 지금 하는 가치가 갑자기 휙 고꾸라지지 않을까 하는 두려움은 있어요. ㅋㅋ jQuery 몰락도 지켜봤고 React 코인을 안타서 힘들어 보기도 했고 해서
그래서 Rust나 webGL, webRTC 이런 것들은 좀 배워보고는 싶으면서도 손이 쉽사리 안나가지는 것들도 좀 있고 그렇습니다.... 뭔가 말이 계속 새는 기분이네요.
아닙니다.. 저도 비슷한 생각에 하나씩 배워보려고 인프런 장바구니에 있는것들이라ㅠㅠ 공감합니다
좋은 자료라 생각해서 공유합니다! 리액트 입문하시는 분들에게 도움될 것 같습니다
여기 계신 분들 거의다 잘하시지만 그래도 혹시나 저랑 비슷한 분들이 있으실 수 있기 때문에 ㅎ..
공유 감사합니다! ㅎㅎ
오..저희투표결과 취준생이랑 현입이신분들 비율이 거의반반이네요?ㅋㅋ
아 20분정도투표했군요ㅋㅋ
동네에 같이 준비하는 취준생 있으면 좋겠는 마음이 드네용
저도 취준할 때 항상 들었던 생각이에요 ㅠ
오 저도 그런생각이...
취준생이세요?
넹
오..
같이열심히해서 취업해요
빠샤 빠샤
부숩시다. 천장을
독학으로공부중이세요?
넹!!!!
오 학원같은거는 생각없으신거에요?
넹!!!!
진짜 좋을 것 같네요.. 같이 으쌰으쌰 할 수 있으니 ㅎ
혹시
학원 가격 얼마하나용?
부트캠프를 말하는 거죠 학원은?
저도 좀알아봤는데
넙
그쵸!! 서로 응원해주고 그런 거용!!
유명한곳은 400에서 800넘고그러더라구요ㄷ
싼데는 600이고.. 비싼데는 1000넘더라고요..
1000....
400도 있군요
선 넘은 거 아닌가요
향해99라고
온라인 부캠있습니닷
1000은 보통 입사후에
떼어가는 구조에요
아
뭘
해주길래 1000일까요
항해99 인스타에서 본 거 같아요
제 지인이 항해 99 매니저 했는데 좋은거 같더라고요
항해99는
얼마에용
부트캠프 하면 그래도
취업까지
경로가
마련되는 걸까요?
결국 본인 하기 나름입니다
그래도 결국 그 안에서 얼마나 하느냐에 따라 다를겁니다
비싼 인터넷 강의 듣는다고 수능 잘 보는게 아닌 것 처럼..
비유가 좋네요 ㅎㅎ
인정입니다..
https://workingspace.netlify.app/ 이런 사이드 프로젝트도 있네요
카페자주가시는분들 ㅎㅎ
사진
아 폰으로 됩니다..
또르르…..
ㅋㅋㅋ ㅠㅠ
저거 위치공유해야되더라고요
사진
또르르……
ㅠㅠ
아..
헐
이모티콘
저는 촌놈이라 없는ㅎㅎ
다시 내려가셨나요 ㅋㅋㅋ
퇴사한 회사에서 뭐좀 마무리해달라길래 하고있씁니다ㅋㅋㅋㅋ
퇴사하셨다고 안했나요 ㅋㅋㅋㅋㅋㅋ
얼른 올라와서 프론트하셔야죠
톡게시판 '공지': https://www.kyobobook.co.kr/eventRenewal/eventViewByPid.laf?eventPid=42768
테오님 다음주에 기업 과제를 받는데 팀에서 사용하는 스택에 맞춰서 과제를 제출하는게 더 좋은 인상을 남길 수 있을까요?
과제를 가지고 아마 다음 인터뷰를 하게 될텐데 그걸 염두해 두고 하시면 될 것 같아요
왜 이렇게 작성하셨나요? 를 물어 볼텐데 자신있는 쪽이 더 좋을 것 같아요 뭐가 되었든
사용하더라도 얕게는 안되겠군요 감사합니다!
지인소개로 한 회사에 면접을 보게되었는데 처음 해보는 면접이라 무엇을 어떻게 준비해야되는지 막막하네요… 현업분들이 면접하면서 받았던 기억에 남는 질문이나 면접을 준비했던 방법들을 물어봐도 괜찮을까요??
감사합니다! 클린코드, 리팩토링, 함께자라기 줍줍..
면접관도 개발자라서 본인이 안해본 것들에 대한 새로운 시각을 가진 것들을 만나면 재밌어서 물어보고 흥미를 가지게 될거에요. 본인의 철학이 중요합니다.
회바회지만 철학을 보는 면접관도 계셨어요 기술 질문 절반을 대답 못했는데 본인이 가진 생각과 경험들을 보면 좋은 개발자로 성장할 수 있겠다며 합격 시켜줬습니다
주니어를 뽑을때는 실력에 대한 질문을 던지기는 하지만 결국 우리팀이랑 결이 맞을 사람인지 초롱초롱한지 진짜 의지가 있어 보이는지 이런것들로 더 포커싱이 되었던거같아요.
그리고 어제도 나온 말이지만 면접 답을 달달달 외우기보단 이해하는게 면접에서 훨씬 도움 될거에요
주니어의 실력을 확인하기 싶다기 보다는 이력서가 뻥인지 아닌지를 체크하고 싶어서 기술적인 질문을 던지는 편이고
이모티콘 저만의 철학이 굉장히 중요한거군요!! 생각지도 못했었는데 지금부터 곰곰이 생각해봐야겠어요.. 답변해주셔서 정말 감사합니다🥰
대답을 알고 있으냐 아니냐가 아니라 그 대답의 내용을 경험했는지 아닌지를 물어보는게 더 커요
https://github.com/junh0328/prepare_frontend_interview 준희님 레포도 참고하시면 좋을거 같아요!!
삭제된 메시지입니다.
어제 면접 본 것까지는
작성해뒀어요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ,,
하이드레이션(hydration)에 대해 아는가? ❎
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
오오 이런것도 물어보나요?
준희님 보니까 저랑 같은 기업 과제 보셨더군요 ㅋㅋㅋ
스타트업이라,,
혹시 페이히어나 히츠인가요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
전자입니다 ㅋㅋㅋ
넥스트를 썼다고 해서 그쪽 부분을 더 물어보신 것 같아요
저는 그때 카카오 브레인 코테랑 겹쳐서
뭔가 괜히 설렁설렁하다가 페이히어 쪽에서 떨어졌지만, 피드백 너무 잘해주셔서 너무 후회됐던 경험이 있습니다 ㅋㅋㅋ ㅜㅜ
생각보다 CS 질문이 많군요;;
보통 비대면 줌으로 하면
4-50 분 맞춰서 끝내시는데
준희님 팔로우 했어요..! 양질의 정보 감사합니다!!!
대면으로 하면 최소 90분은 생각하고 가야 하는 것 같아요
리덕스를 쓸 때 FLUX 패턴에 대해서도
물어본 기업이 두 곳이나 있었는데 두 번 다 대답 못하고나서야 공부를 했습니다..
플럭-스
그 얘기가 나온 것도 리덕스를 리액트에서 어쩌다가 도입하게 됐나부터 나왔던 거라서
저는 페이히어 면접까지 보고 왔는데 자존감이 떨어지는 면접이였어요 ㅠㅠ
ㅠㅠ
어우 ㅜㅜ
거기 짱짱 친절하시던데 그런가요 ㅜㅜ
본인 어필을 더 해보세요 부족합니다 이러셔서...
분위기에 따라 가슴이 철렁할 수 도 있을 것 같아요 ㅠ
아마 아쉬워서 그러신거 같은데 그때 제 입장에선 에휴하는 느낌이였어서 철렁했습니다 ㅋㅋㅋ
저는 대면 면접 갔더니
노션 포폴 다 켜서
질문하고 대답하고 2시간 10분 하다가 6시 돼서 끝낸 경험이 있습니다
공포물이다..
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ,,
저도 과제 코드 티비로 연결해서 발표했어요 ㅋㅋㅋㅋ
그런 연습은 많이 해두면 좋아요
아 저도 코드 보면서 코드리뷰처럼 진행된 면접 한번 있습니다
화이트보드 앞에서 본인이 한 과제 설명하기
네 전혀 생각도 못했어서 좀 벙찌기도 했어요
실제 회사에서도 종종 해야 되는 일이기도 하고
저는 갠적으로 이런거 준비하려고
예를 들면 PR을 이런식으로?
계속 하니깐 나중에 면접관 분들 앞에서 할 때도 부담이 좀 적었던 것 같아요
저도 이번 과제는 정리해서 가려구요 ㅋㅋ
같이 취뽀해봐요 ...!!! 화이팅 ㅎㅎㅎ
화이팅입니다!!
와! 문서 성애자분 만나면 바로 합격하시겠다!
젤 무서운건 라이브 코테더라고요 지켜보고 있는 압박감
제가 좀 성애자라,,, 나중에 좀 두렵긴 합니다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
면접관마다 중요하게 보는 가치가 달라서 약간은 운이긴 할거에요. 준희님 문서화 능력은 좀 상당하네요!
준희님 문서화 능력 진짜 대단합니다
사실 다들 하시는 건데 그냥 저는 동영상 캡쳐 하나 더 할뿐인거라
대단한 건 아니라고... 생각해요 ㅋㅋㅋ ㅜ
보통 자기가 잘 하는 건 대단하게 안 느껴지죠 ㅋ
그러면 안되요!! 자기를 브랜딩 할 줄 알아야지
앗 조금 더 차별화 전략을 짜야겠군요...ㅋㅋㅋ 감사합니다 테오님
대단하시네여
저 취준생때는 저렇게 정성스럽게 못했는데..
팀 캔버스를 우리가 깊이 있게 못해봤지만 팀에 내가 기여할 수 있는 것과 케어받아야 할 것들을 명확히 알고 있으면 좋아요.
요새 셀프 브랜딩에 관심이 많은데 추천해주실만한 책 있을까요!?
1인분이라고 하는 것은 팀 기준이니까 내가 그 팀안에서 기여도가 있으면 되고 기여는 꼭 코드로만 하는 건 아니니까요~
브랜딩은 잘모르겠네요.. 결은 완전 다르긴한데 개인적으로 괜찮다고 생각하는 책입니다. http://www.yes24.com/Product/Goods/8827717
너무 좋은 책이죠…… 회사 생활에 엄청 도움 많이 되었던 책입니다
투표도 했었나보네요 ㅋㅋㅋ
오 감사합니다ㅎㅎ 읽을책 진짜많네여
책 얘기를 하니 http://www.yes24.com/Product/Goods/90959576 가장 최근에 읽었던 중에서 좀 감명깊게 본 책입니다
사진
아무거나 사도 되겠죠?
ㅋㅋㅋㅋ
우선 한빛은
안끌리네요
읽히는 책을 사세요~ 초보자에게 git의 깊이는 그렇게 안중요합니다. ㅎ
사진
넹 !
영무룩님 무료강의 들으셔도 됩니다 ㅎㅎ
근데 읽어도 읽히지가 않네요
저아날로그공부스타일이라 ㅜㅜ
줄치면서 읽어야지 이해가 대요 ,,,
화이팅입니다 ㅎㅎ
혹시 스프린트 2기 하자고 하면 해보실 의향들 있으세요? 댓글로 2기를 물어 보는 분이 계시는데 뭐라고 답변을 드려야 할지 고민이 되서요~
네!!
당연히 하죠! ㅎㅎㅎ
저는 애매하군요 ㅠㅠ 앞으로 몇주간 면접 인생 살아야해서
저도 해보고싶어요 ㅎㅎ
일단 최소참가자 수는 확보 됐네요 ㅋㅋ
취준생 분들끼리 같이 해보고 싶다는 애기도 있었던거 같은데 스프린트 말고 뭐 같이 해보고 싶은거 있으세요?
험블님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 험블님 반갑습니다! :)
안녕하세요:)
안녕하세요!
안녕하세요~~
그때 잠깐 말씀하셨던 스터디쪽도 해보고싶습니다
이모티콘 잘 부탁드려요
저도 스터디 좋은것같아요!!
무슨 스터디가 필요하시죠?
어떤스터디인가요
이모티콘
여러분한테 말씀 드리면 velog 글을 쓰고나서 인프런에서 강의 제작 제안을 받았습니다.
우와아
결제준비 해놔야겠네여
이모티콘
유투브 같은 곳이라서 특별히 대우가 있다거나 도와주거나 하는 건 전혀 없어서 말씀드려도 될것 같아요.
그냥 스스로 쌩으로 만들어야 되서 솔직히 막막합니다. ㅋㅋㅋ
오.. 저도 무조건 결제합니다!
그래서 저는 연습삼아 강의를 만들어 볼건데
참여해보실 분 계시나요? 대신에 그때 velog에서 보셨던 입문 레벨 그거를 해볼까 해서
테스트로 학생 무료 학생 놓고 하시는분도 있더라고요
무슨강의에여?
이제 테오님도 인프런의 지식공유자님이 되시는군요
총알 장전...
요거 하려구요~
저요!
완전 입문자 대상이면 저는 아주 좋은 실험체입니다
좋네요 ㅎㅎ
맞습니다 저는 강의 쌩짜이니.. 뭘 모르시는지 어떤 컨텐츠가 필요한지가 필요해서;;
그냥 라이브로 해서 뭔가 반응들을 좀 모은다음에 컨텐츠로 정리해서 인프런에 팔아보려는 야심찬 계획을 생각하고 있습니다
이모티콘
제로초님이 그렇게 하시긴하는데
스벨트 강의 기다리겠습니다..ㅎㅎㅎㅎ
일단 유튜브로 해서 3~4시간 강의 쭉 한다음에
그걸 잘라서 올리시더라고요
저요저요...
@이준희 준희님 방금상담받고왔는데
자바과정도 듣는게좋다네요ㅋㅋ
약간 약파는느낌이ㅋㅋ..
저도 가능하다면 참여해보고 싶습니다..!
자바들으면 좋긴한건 사실입니다 과거의 웹 공부하기 좋으니 하지만… 그거 보다 다른거 배우는게 더 효율성 높을거같아요
자바를 자바라
죄송함다
이모티콘
아물론 들으면좋긴한데 국비랑 프론트과정 둘다병행하는건좀..ㅋㅋ
솔직히6개월에 자바스프링하고 프론트리액트를다배우는거는..좀 빡세지않나요ㄷㄷ
이도저도 안될것같아요... 한개만 하기도 힘들텐데
아니요 가능합니다
흠 준비생님 베이스가 만약 백엔드쪽으로 지식이 잡혀있거나 언어에 대한 이해가 어느 정도 있으면 가능할 것 같은데, 저라면 좀 힘들 것 같아요 ㅜ
저됴좀..
저눈 웹 프론트이지만 학과에서 jsp db쪽을 어느정도 했었어서 노드에서 orm 쓸 때도 크게 무리가 없긴 했었는데
가격은 240이랍니다
아 이건좀ㅋㅋ
정말 천차만별이네요
지식전달이 목적인거면 가능한데.. 그걸 이해하느냐는 또다른 문제라서
허허 ,,
맞습니다..
그걸 이해하는건 문제가 될거같아요
맞습니다 ㅜ
상담하시는분이 프론트만은안된다고 자바도해야취업된다고 약(?)파시는데
취업이 목적일텐데 단순 지식 전달에서 끝나는거면 문제가 많다고 생각합니다...
ㅋㅋㅋ 저 자바 1도 모르는데
솔직히 리액트만제대로해도취업되지않니ㅡ요?
1년반동안 쉼없이 4번째회사입니다
ㅋㅋㅋㅋ 이러면 안되긴하지만 다 쓰이더라고요
자스 타스만 알고있습니다
완전 이해한다면 뭐 페이스북도 갈 수 있지 않을까 샆네요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
저도 한구석만 파고 일단 일하러 가는게 좋은 전략이라고 느껴집니다! 무조건 정답은 아니지만요
Oop에 대한 이해에 대한 얘기라면 어느 정도 일리가 있긴 합니다!
흠.. 그냥 다른곳가는걸로 마음이기우네요
혹시, img 태그 vs background-image
보통 어떤 구분점을 두고 사용들 하시나용?
저는 접근성에 차이가 있다고 생각해요 bg는 스크린리더가 읽지 못하는 것으로 알고 있습니다
그래서 정보가 담겨있지 않은 이미지 그러니까 말 그대로 백그라운드 이미지면 bg를 쓰고 사소한 의미라도 있다면 img를 써야하지 않나 생각해요
"alt를 쓸 수 있냐"
이 차이점을 말씀하시는 거죠?
넴
의미라도
있다는 것은 보통
어떤 경우일까요?
예전에는 background-image 태그는 검색에 안잡혔어요.
말그대로 장식이라는 의미고
img는 컨텐츠의 의미가 있어요
아이콘은 background라면
썸네일은 img
background가 이미지의 가공이
더 간편하다는 점도
있지 않나용?
일리 있는게.. 취업시장엔 자바가 더 유리해요
각각 장단점을
나눈다면
지금은 background-image도 적당히 구글이 잘 가져가서 조금 무의미해지고 있는데
background-size: cover 의 역할이나 링크가 깨져도 빈 화면으로 보인다는 장점이 있어서
점점 img 태그는 잘 안쓰는 추세긴하죠
object-fit이라는 속성이 너무 늦게 나오기도 했고 img가 깨졌을때 보이는 화면이 구리기도 하고
alt가 표기되는게 대부분의 경우에는 버그에 가까우니
오잉…그러면 어떤거 쓰고 계세요?
다만 RSS 피드나
사파리의 읽기 도구
혹은 웹 페이지를 재 가공해서 보여줘야 하는 경우를 고려했을때 글과 함께 컨텐츠로 생각하려면 img 태그를 쓰는게 좋다입니다.
사진
단순 이 대문 이미지를
CSS를 꺼도 이 이미지는 노출이 안되면 안돼! 랄까요?
사용할 경우에는
bg를 쓰는게 맞다고 생각합니다! ㅋ
너무 bg인데요? ㅋ
위에
저도 bg라고 생각해요 ㅋㅋ
텍스트가
많아서용?
상품의 모델 사진이면 몰라도
메인의 배너인거 아닌가요?
맞아용
그냥 용도가 bg이고 이 이미지를 외부에 크롤링해서 쓰이게 할 의도가 있는 컨텐츠도 아니고
오~
CSS를 끄고 이 페이지에 들어갔을때 이 이미지가 없다고 문제가 될 것 같지 않아요
용태님 기준이 정확한거 같습니다
장식적인 부분이라서용?
이해됐습니다!!
선택의 영역이고 주관적인 영역이니까 정답은 없는 건데 그렇다고 생각합니다
보통 없을 때 문제되는 이미지가 의미가 있는 이미지들 아닐까 싶어요
용태님의 주관에 마음이 갑니다!
감사합니다!
그러네용
말씀하신대로 상품이미지?
넵!
img 태그는 background-size나 cover를 적용시킬
방법은 없나용?
object-fit: cover
쓰시면 됩니다
아
진짜 콘텐츠의 영역인가 이미지의 영역인가 그 기준을 두고 선택해야겠네용 감사합니다!
어피치님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 조성정님~~ 반갑습니다 ;)
안녕하세요!~
이모티콘 안녕하세요~!!!
권투하는 무지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
저희는 개발관련해서 각자 궁금한 내용이나 관심사를 공유 하면서 서로 답해주고 있어요~ 알려주고 싶은 링크등이 있으면 공유 하기도 합니다~ 언제든 편하게 글 남겨주세요 :)
안녕하세요 권투하는무지님~ 반갑습니다 :)
에 반갑습니다^^
요즘 웹개발할때 파일이름은 다들 _대신에 -쓰는거 같은데(name-card.html) 폴더이름은 _, - 중 어떤걸 많이 쓰나요? (제 블로그 아니고 찾아본거에요 https://this-programmer.tistory.com/267)
정답이 있는 문제는 아니라서 저는 파일이름에서는 _를 쓰고요 URL은 링크에서 처럼 -를 씁니다
왜그러냐고 하면 그냥 습관인듯 하네요 파일 이름의 컨벤션에 대해서는 생각해보지 못했어요
클론 코딩을 하려고 하는데용. UI를 짤 때, 해당 웹 페이지의 개발자도구로 width와 height를 하나하나 보며 짜는 게
효율적인 과정일까용?
저는 처음에 그렇게 해보구 나중엔 비교해보면서 더 좋은방법이 있나 찾아봤어요!
비효율적인것이 맞지만 클론 코딩이라도 결과가 어설픈것은 더 안 좋은 거라고 생각해요
그리고 조금 다른 얘기인데 웹 페이지 도구에서 확인하면 구조를 어느정도 따라 할 수 밖에 없는데 이러다 보면 크게 안 늘어요
개발자 도구를 반복 염탐 해야겠군용
아참, 방금 그리드 시스템이랑 2022 ui 트렌드 콘텐츠 둘 다 잘봤습니다! 매우 양질이였습니다!!
폴더도 _로 하시는지요?
파일은 _, url -로 하시는군요
Ui를 짜는 건, 프론트엔드 영역에서 참 간단해보이면서도 고민이 되는 부분인 거 같아용
힝
네 그래서 자기만의 Best Practice를 정립해나가는게 중요해요
같은 화면을 만드는 방법은 여러개가 존재하니까
뭔가 좋은 건지를 알고 더 나은 방법을 택해야 하는거고
그러기 위해서는 근거가 될 수 있는 철학이 필요하죠
하지만 정답이 없는 영역이라서 본인이 기준을 세워야 되는거죠 ㅎ
저는 항상 리액트 폴더 구조가 고민이에요 ㅋㅋㅋ 저만의 구조가 있긴하지만 확신은 없는
그러므로, 저는 일단 styled-component를 마스터해야겠어용
마스터하면, 다른 거에 눈 떠보공.
근거를 글로 써보고 주위에 공유해보세요~
흠.. 개츠비로 개인 블로그를 만들었는데, 바로 노션으로 갈아타는 제 심보는 뭘까용
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
여러분
저 칭찬해주세요
삭제된 메시지입니다.
일부만 나왔긴 한데
헤헤
이모티콘
짱짱
굿굿
쵝오쵝오
히히
이 방은 제 자존감 지키미 방이예요 !
와..저는 2.7로 졸업했는데
대단하시네요!! 👍
쩐다
와!
혹시 우리학교인감 테이블 폰트가 익숙하네여
이모티콘
앜ㅋㅋㅋㅋ
테이블 폰트 ㅋㅋㅋㅋㅋ
학점이 매우 잘 나오셨나봐요! 축하드려요! ㅎㅎ
감사합니다 ㅠㅠ
여러분 혹시 맥 좀 아시는 분 계세요?
포맷 괜히 했네요 ㅠㅠ 하진짜
엇 무슨 일인가요 ㅠㅠㅠ
저 맥북 1TB인데
사진
사진
왜 자꾸 5기가밖에 안뜰까요ㅠㅠㅠㅠㅠ
그건 icloud라는 애플의 클라우드 서비스예요!
맥 설정 들어가셔서
계정 눌러보세요
icloud 보이나요...???
네 보여요 ㅠㅠ
하 포맷을 진짜 괜히 해가지고 개고생이네요ㅠ
저장공간 관리 있으면 그거 눌러서 찍어서 보여주실 수 있나요??
img 태그와 background-image 관련해서 궁금한게 많아서 혼자 만지작 만지작 하고 있는데용
질문좀 구할게용 ㅠㅠ
1.
사진
img 태그를 담고 있는 div 박스모델인데용. img 태그는 보시다시피 2000 x 1320의 콘텐츠 크기를
가지고 있는데용!
사진
div 박스는 이렇게 1903 x 1324 의 크기를 가지고 있습니다
여기서 궁금중이 생겼습니다.
저 div박스에서 높이가 4px 더많은데,
왜 더 많은지 궁금합니다. 스크롤의 크기가 포함된 게 아닌 거 같던데
img가 inline 속성이라서 그럴겁니다
img가 글자 취급을 받게되면 baseline 위치에 그려지게 되요
img { display: block; max-width: 100%; }
주신 코드를 구현했는데용
1903 x 1255.970으로 두 박스모델의 크기가 통일 됐습니다.
근데,
사진의 원본 크기는 2000 x 1320인데
일정비율로
가로랑 높이가
줄어든 건가용?
img의 경우 height의 값은 default로 auto 이고
width에 맞게 비율로 늘어가게 되어 있어요
이미지 최대 너비를 100%로 해서 부모 너비랑 같게 줄어든 것같아요!!
아 height의 값이 default는 auto다!!
세 수 배웠습니다 ㅠㅠ
이제 여기서 더불어 display block이랑 inline에 대해서 공부하러
갈게용
구글링 만지작 만지작!!
네네 파이팅입니다 :)
새벽까지 열심히네요! 화이팅 화이팅!
감사합니다!! 저도 글 내용이 정리되면 공유하고 도움이 되도록 할게용 ㅠㅠㅠ
아 그리고, 한 가지 더 의문이 드는데용. div 박스 모델의 콘텐츠 크기를 보면, 왜 세로는 스크롤로 생략된 길이까지 포함해서 1324px를 나타내는데, 왜 가로는 스크롤로 생략된 길이를 포함하지 않나요. 1887px를 나타내는 것을 말합니다!
이거는 그냥 규칙이라 생각하면 되는 걸까용?
즉 div 박스 모델의 크기도, 가로 스크롤 값을 포함해서 2000 x 1324가 되어야 하는 거 아닌가..싶습니다
죄송해요 이해를 못했어요ㅠㅠ 이미지 첨부 가능하세요?
사진
이 이미지를 보시면, 가로 스크롤과 세로 스크롤이
포함된 사진입니다!
네
근데, div 박스 모델의 크기의 세로를 보면, 세로 스크롤로 생략된 길이도 포함하지만! 가로 길이를 보면, 가로 스크롤로 생략된 길이는 포함하지 않고 있는데용
사진
이게 div 박스고
사진
이게 이미지 박스의 크기입니다
div 박스의 크기가 저는 2000 x 1324가 되어야 한다고 생각이 들어용
지금 div는 display: block이므로 width가 parent를 따라가게 되어 있고 그래서 body의 width와 동일합니다
세로의 경우는 컨텐츠에 따라 늘어나게 되니까 내부에 있는 이미지의 크기 만큼으로 되어 있어요
4px 늘어난 건 아까 말씀하신 베이스라인 위치에 그려져서 그런 거군요!
네 그래서 보통 img에 { display: block; max-width:100%}가 reset과 같이 쓰는 경우가 있죠
넹넹! 찾아보니까, 용태님이 말씀해주신대로 이미지가 문자취급 되어 vertical line이 base 라인에 그려져서, 알파벳 문자의 특성이 발동(g와 y처럼 아래로 문자가 뻗는 경우를 위한 공간 마련)돼서 4px가 생긴 거더라고용
해결법은 이미지를 block으로 바꾸거나 vertical line을 바꿔주는 것이 있더라고용
그러면 div의 width는 body의 width를 따라가고, 그리고 body width는 브라우저의 가로 사이즈이기 때문에, 저렇게 되는 걸까용?
네
div의 height는 뭐 따라가는 게 없는 건가용?
기본값이 auto니까 자식 엘리먼트 기준으로 정해지는 것 같네요
으흠!
block은 width는 부모, height의 자식입니다
명언입니다!
삭제된 메시지입니다.
삭제된 메시지입니다.
html과 css는 언어가 아니라고 말하며 항상 쉽다고 치부했는데, 들여다보기 시작하면 모르는 거 투성이네용.
그래도 코드보다는 로직이 한번만 다 알고나면 그 다음이 없어서 결국은 쉬워지실거에요
Matthew님이 나갔습니다.
오… 감사합니당…!
영어를 읽는 버릇을 들일까요?
매우 진지함
넵
영어 공부 시작할까요?
문서는 영어로 되어있는 것들이 많아서
매우 진지함
공부를 해서 읽는다기보다는
뭔가 익숙해지도록??
어짜피 구글 번역기로 한글번역은 되거든요
마우스 오른쪽클릭하고 번역 누르면…
그리고 나서 영어 다시 읽으면 좀 읽히더라고요
영어공부도 꾸준히 한 번 해볼까
고민 했어용
한시간정도?
덕분에 출근하자마자 웃었네용
만드느라 고생 많았을듯합니다
ㅋㅋㅋㅋ 저도 지금 이거 보고있었는데
구글 들어가자마자 보여서
와..대박이네요
사진
귀엽네요 ㅋ
기어코 펭귄을 얼리셨군요,,,!ㅠㅁㅠ
ㅋㅋㅋ 쉽지 않네요 ㅋ
혹시 다들 프론트엔드 레포 기준으로 빌드 돌리시면 어느정도 걸리시나요? 저희 회사는 도커랑 AWS codeBuild 로 돌리는 중인데 원래 20분 걸리던 것을 트리셰이킹이랑 이래저래 작업해서 7분까지 줄이긴 했는데… 최적화할수록 더 줄일 수 있는 것인지 아니면 이게 한계인건지 궁금해서용…
모노레포입니당!
플젝 크기에 따라 달라요
저는 그거 싫어서 로컬에서 빌드해서 cdn에 올려요. 배포까지 1분 미만
저희도 cdn에 올리는데
진짜 오래된 서비스여서 빌드에 시간 엄청 먹어요
아 이게 가능한가유…?
저희도 로컬에서 빌드하면 50초…?걸립니당
부럽당
Typescript, react, NextJS 조합으로 사용중입니당
저는 빌드하면 반 강제적 커피타임이에요
저는 SPA라서 그냥 build하면 css, js 파일 나오는거를 cdn에 올리고 있어요
뭐때문에 오래걸리는지 여쭤봐도 되나유…?
서비스가 진짜 오래됏고
걍 무지막지하게 커요
넥스트는 cdn으로 안되지 않나요??
해보진 않아서 궁금해서..
저는 스타트업에서 일하는 중이라, 따로 데브옵스 포지션이 가 있지않는데, CDN으로 AWS Cloud-front 사용중이면 거기에 빌드한 것 올릴 수 있는건가유..?
.
s3에 index.html로 정적페이지라면
Cloud front가 cdn역할 아니에유?
맞습니당
이미지 다 올려서 사용중입니당
이름만 들으면 거기가 앞단에서 프론트 서빙하는것 같은뎅
cloud front로 s3에index.html 가져오게해서
하면 가능합니다
next를 쓰면
이번 스프린트 selector도
cloudfront로 배포했어요
next는 정적페이지가 될수없어서 안될거같아서요
Next 원리를 잘 모르겠네요
하이드레이션 할때 JS도 상황마다 다르게 빌드되는건지..
아니면 html 페이지만 요로코롬 바꿔서 동적 페이지 만들어주는건지..
음… 그 부분은 저도 한 번 찾아보겠습니당! 모든 분들 바쁘신데도 의견 감사합니당 ㅋㅋㅋ
근데 왠지
next도 빌드하면 JS는 같은거 나올것같지 않나여?
삭제된 메시지입니다.
ㅠㅠ 잘못침..
요청할때마다 빌드를 할 순 없는 노릇이니 뭔가 캐싱해둔 파일이 있을것 같네여
뇌피셜이지만...
지금 보고있지만
사진
서버를 구동할수있는 컴퓨팅이 필요해서 스토리지에 올려놓을수 없다네요
아아 그렇군여..
ssr은 무조건 서버랑같이 빌드되어야 하는거군요...??!!
저도 당연히 이렇다 라고만 알고있었는데
당연히라서 원인을 찾아보진 않았는데
지금 그래서 보고있는데 ㅠㅠ 어렵네요...
그렇군요…..
하이드레이션이라는 키워드를 몇일전에 처음접햇는데 ㅠㅠ
오늘 당장 이해하려고 하니까 좀 아리까리 하네요
next도 ssr이 필요하면 서버(ec2, lambda)가 필요하고 정적 파일(ssg, spa)만 서빙할거면 s3 + cloud front 조합으로도 가능할거에요
서버 사이드 렌더링인데 서버가 필요없을수가있나요..?
- render: dom 그리기 + 그려진 dom에 이벤트리스너 연결하기 - hydrate: 그려진 dom에 이벤트리스너 연결하기
서버 사이드에서 이미 dom을 그려서 오기 때문에 클라이언트 사이드에서는 이벤트 리스너만 연결시켜주는거에요
저도 보고있는데 비슷하게 이해중입니다
궁금한게
SSR 할때 서버에서 프론트 상태 꼽아주는게 가능하잖아요?
이건 어떻게 처리해주는걸까요 궁금하네여..
헤드 태그 안쪽 스크립트 태그 자리에 직렬화된 데이터를 넣어주고
클라이언트 사이드에서 로드 됐을 때 그 스크립트 안에 꼽혀있는 데이터를 읽어오는 방식으로 할거에요
이건 서버사이드
애초에 넥스트에는 빌드해도 index.html이 없는데
s3에 가능한가요...
아하 신기하네여
사진
초창기 웹 프레임워크는 SPA가 목적이었고 이때는 javascrtipt로 DOM 조작을 하면 되니까 스크립트로 생성/조작을 하면 되는데 검색엔진은 자바스크립트 능력이 없어서 DOM으로 생성된 데이터는 검색에 포함시켜줄수 없는 문제가 발생합니다. 그래서 서버에서 같은 로직으로 HTML을 미리 만들어서 내려주도록 해야 하는 SSR 방식이 생겼는데 HTML만또 존재하다보니 이벤트와 같은 것들은 포함이 되지 않게 되었어요. 그래서 미리 만들어진 HTML에 프레임워크의 기능을 결합시켜주는 과정이 필요한데 이걸 하이드레이션이라고 합니다. 물주기라는 뜻인데 아무기능이 없는 HTML에 기능을 부어준다는 개념으로 쓰여요
약간 이런 느낌으로요
감사합니당
궁금증이 해소되었어요!
그 spa에서 이루어지는게 하이드레이션 같은 개념인거죠
제가 잘못이해한건가 ㅠㅠ
요건 같은 소스를 쓰고 있어서 만들어준 결과값을 서버코드에 JSON을 같이 넣어주는 방식으로 보통 구현하고 있어요
그냥 한번 이해한바대로 여기 적어보세요
SSR 해보고싶다
어차피 프레임워크가 해주는거라 체감없어요 ㅋ
리액트 18에서 어케어케 공식지원한다는거같더라고요
저는 리액트를 안써서
리액트 개발자분들이 하는 말들 너무 멋지게 들리네요
react 에서 index.html은 애초에 root div뿐인데 js에서 돔이나 이벤트등을 넣어주는걸로 이해하긴했습니다
이걸 하이드레이션과 비슷하다 라고 이해했어요
그건 SPA의 방식인것이고 SSR을 하게되면 index.html에 첫번째 렌더링된 결과로 보여져야합니다
그러다 보니 이미 만들어진 HTML을 기반으로 다시 SPA 웹 프레임워크 방식으로 돌아가게 해줘야 되니 최소한의 수정으로 연결하는 과정이 하이드레이션이에요
넵! 뭔가 머릿속에 그려지지 않아서 ㅠㅠ 한번 정리해봐야겠어요 연말전까지 저도 정리해서 글한번 적어봐야겠네요 ㅋㅋㅋㅋ
SPA: index.html <div id="root"></div> 라서 그냥 DOM을 생성하면 그만 SSR: index.html <div> id="root"><div>Hello, world!</div></div> 처럼 렌더링된 결과가 있음. 이 HTML을 다시 그리지 않고 유지하면서 이벤트와 바인딩을 함
아 차이점은
내부 돔을 건들지 않고 바인딩을 한다인가요
아 렌더가 빠진거구나
아뇨 서버에서 index.html을 동적으로 생성하는게 제일 큰 차이점입니다.
기존 SPA에서는 index.html은 정적파일이잖아요
그냥 바인딩만 하는거구나
넵
이것은 저도 알고는 있는데 넥스트를 제대로 이해하고 있지 않았던거같아요
이참에 정리해서 저도 블로깅 하나 해야겟네요 ㅎㅎ
기대할게요 저도 Svelte만 알지 Next에 대해서는 깊게 보지 않아서 Next 이야기 좋네요 ㅎ
와..저도 개인적으로 찝찝했던 내용인데 썰처럼 연말 전까지 정리해서 글 써봐야겠어요 ㅎㅎ
저도 실무에서 쓰고있지만, 한 번 더 딥다이브 해봐야겠어요…
Next 근데 좋긴해용…! Varcel에서 업데이트도 잘해주고… 아마 차차 많은 영역에 도입되지않을까 생각합니당
인정해요! 간단한 프로젝트 해봤는데 너무 좋더라구요
저도 사용은 해봤지만 아직은 넥스트보다 그냥 리액트로 충분하지 않나라는 생각에
깊게 보진 않았는데
이참에 깊게 보려고요
아침부터 또 즐겁게 대화했습니다 ㅋㅋㅋ 오늘 오후부터 많이 춥다니까 다들 따뜻하게 입으시구요 ㅎㅎㅎ 모두 메리크리스마스입니당 :)))
메리 크리스마스용~!!
🎅🏼
메리 크리스마스요~ ㅋ 오늘 좀 갑자기 춥네요~ :)
주말엔 더 춥대요!
눈도 온다네요!! 메리 크리스마스 🎄
메리크리스마스입니다
지금 성수는 눈 안오지만..
저도 성수인데 아까 비만 잠깐 왔었네요
여기는 눈이 안오고 비가 조금 오네요 ㅋㅋ
다들 즐거운 크리스마스🧑🏻💻
메리 크리스마스 입니다~ :)
이모티콘
https://100dayscss.com/days/2/
매일 매일 CSS 예제를 만들어보는 100일짜리 사이트네요 ㅎ
우와.. css진짜 못하는데 매일 한개씩 하고 블로그에 올려야겠네요..감사합니다!!
우와 ㅋㅋ 유용할 것 같네여
와우! 멋지네요~ 실제로 코딩까지는 안하더라도 이런 것들은 이런 스펙을 쓰면 되는 구나만 체크해둬도 좋을 것 같아요 :)
코딩이 참 피아노하고 비슷한것같아여
하루라도 안 치면 손이 굳는 느낌… 이렇게 매일 뭐라도 하는게 정말 필요한것같아여 ㅋㅋ
Next.js에서 optional chaining 하면 parsing error가 나는데 혹시 이유를 알 수있을까요??
js라서 그런거 아닐까요? js는 아직 optional chaning이 정식 스펙이 아니네요
*아니에요
라고 하기에는 이제 IE 빼고는 거의다 지원을 하는구요;;
삭제된 메시지입니다.
훔 next도 최신버전인데 빌드할때 파싱 에러가 나는건 eslint 문제라고 봐도 될까용?
에러 내용이 뭐라고 뜨나요?
Next.js는 ref로 접근하기가 까다롭네요 ㅠㅠ
잠시만요..!!
삭제된 메시지입니다.
삭제된 메시지입니다.
Invalid left-hand side in assignment expression. (184:4) 라고
좌변에 쓸 수 없다는 거네요
?. 지워주면 빌드는 되는데.. null체크가 안되서 error가 나는 현상입니다!
if (null 체크) xx.xx.xx.xx = dddd
언디파인드일 수도 있는 값이여서 할당이 안되는거 아닐까요
옵셔널 채이닝때문에…그럴리는 없을것같은데
저도 이게 유력해보입니당… 아마 값이 없을 수 있어서
네 그냥 문법에서 그렇게 쓸 수 없도록 되어 있네요
아..
if (list?.current?.style) list.current.style.transform = `....`
문법을 이상하게 사용하고 있었네요..
다들 체크해주셔서 감사합니다…!
한수 배우고 갑니다..!
저도 덕분에 배우고 갑니다! ㅎ
이모티콘
질문하고나서 질문은 제거하지 말아주세요.. 나중에 사람들도 공유 할수있도록
넵!
여러분들은 CSS 다루실때 어떤게 제일 힘드나요? 애로사항?
저는 사실 UI 구현하는 것보다는 효율적인 CSS가 무엇인지 몰라서 늘 불만스러워요… 구현은 어떻게든 해서라도 얼추 되겠는데…그게 좋은 코드같아보이지않아서ㅜㅜ Styled-Component로 쓰고있는데, 어디까지 묶지? 어떻게 묶지? 확장성있게 Props로 내리는 방식으로 할까? 아니면 고정값을 줄까? 그리고 기기별 브라우저별 대응 , 반응형…?
평생 끊이지 않는 고민인듯합니다
더 좋은 컴포넌트는 무엇인가
폴더구조 더 좋은건 무엇일까
넵…그럼 이건 그냥 하면서 베스트프랙티스를 계속 찾아가는게 맞겠죠..? ㅋㅋㅋ
ㅠㅠ저도 그렇게 해보고있습니다..
그렇죠~ 정답이 없는 문제고 저 역시 계속 고민 하는 중이죠
같이 고민할 사람이 있으면 좋겠다라는 생각은 요새 자주 합니다
넵...알겠습니당......
그래서 말인데 우리 날잡아서 "어떤 폴더 구조가 좋은가?" "어떤 CSS가 좋은가?" "어떤 컴포넌트 구조가 좋은가?" 대 토론회 한번 어떠세요?
좋습니다
항상 고민인 문제라서
정답은 없는 문제인데 다들 경험이나 철학은 있을 거잖아요
저도 뭔가 알려주기보다는 고민을 하는 한 사람으로써 얘기을 해보고 싶어요~
톡게시판 '공지': 그래서 말인데 우리 날잡아서 "어떤 폴더 구조가 좋은가?" "어떤 CSS가 좋은가?" "어떤 컴포넌트 구조가 좋은가?" 대 토론회 한번 어떠세요?
천하제일 폴더구조대회...
톡게시판 '공지': 천하제일 폴더구조대회...
ㅋㅋㅋㅋㅋ 좋아요!!
컴포넌트 구조대회는 언제하나요
톡게시판 '공지': 천하제일 폴더 구조 대회 참가 가능한 날짜 설문 조사! 시간은 2차 투표로 진행합니다!
화상회의로 얼굴 공개는 원하시면 하지 않으셔도 됩니다~ 음성과 figma를 통해서 진행해볼 예정 입니다. 주제는 폴더 구조로 시작할건데 컴포넌트 구조까지 제안된 모든 항목은 제가 수집하고 있다가 프로그램 한번 구상해보겠습니다
톡게시판 '투표 종료': 천하제일 폴더 구조 대회 참가 가능한 날짜 설문 조사! 시간은 2차 투표로 진행합니다!
????
톡게시판 '투표 취소': 천하제일 폴더 구조 대회 참가 가능한 날짜 설문 조사! 시간은 2차 투표로 진행합니다!
아놔 ㅠㅠ
톡게시판 '공지': 천하제일폴더구조대회 참가 가능한 날짜를 골라주세요 :) figma와 화상회의로 1시간 가량 진행해볼 생각입니다. 시간대는 따로 정해볼게요~
https://digest.bps.org.uk/2021/12/21/watching-a-lecture-twice-at-double-speed-can-benefit-learning-better-than-watching-it-once-at-normal-speed/ 강의 영상을 1배속으로 한 번 보는 것보다 2배속으로 2번 보는 게 더 효과가 좋다고 하는 군요!
항상 1.5배로 보는데.. 2배는 생각도 못했네욬ㅋㅋㅋㅋ
할때 이 주제도 같이 해요!
오 좋습니다!
알아듣기위해 집중해서 더 귀에 들어오는 걸까요? ㅋㅋ
오! 한 주제에 대해서 실제론 토론하는 거 정말 괜찮은 거 같아요
진짜 영영가 높은 영양제다
형태님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 형태님~~ 반갑습니다 :)
사진
height 100vh를 붙여준 건데, width가 17px가 늘어난 걸까용?
제 예상은 그냥 세로만 줄어들면서 이미지 형태에 약간의 찌부가 일어나겠다라 생각했거든용
세로 스크롤이 17px나 차지하나
아 맞네
맞아
세로스크롤이 사라지자 생겨난 공간이였답니다~
음 성격을 꼼꼼하게 개조하는방법이 있을까요?
음 천성은 잘 안 변하는 거 같아서 ㅠㅠ 저는 그런 동료와 함께 하는 것이 더 나은 것 같아요
슬프네요
대신 실행력이나 개발속도 새로운거 시도나 버그 수정 능력을 강점으로 밀고 있어서 윈윈할수 있다고 생각합니다!!
저도 꼼꼼한거랑은 거리가 멀어서 실수를 자주 하는 편이거든요 ㅠㅠ
여러분
혹시 제 와이파이 왜 이런지 아시는분 ㅜㅜ
사진
ㅠㅠ
모르는 내용이라 잘 모르겠네용 ㅠㅠㅠ
아주 짜임새 있게 노션을 잘 사용하는 개발자분 아시나용?
노션을 처음 사용 해보려는데, 다른 사람은 어떻게 쓰고 있나 좋은 예시를 보고 싶어서용!!
아 , 노션 얘기나와서 궁금한건데.. 현업? 협업에서 많이 사용하나요??
현업인이 아닌 취준생이라 사실은 잘 모르겠으나,
유튜브나 구글링해서 보면 협업이 아니더라도 개인용으로 많이들 사용하시는 거 같아요
위키용으로는 좀 쓰는데, 일정관리로는 잘 쓰지는 않아요
아하 ...
저희 회사는 써요!
전 회사도 썼었어요
오.. 이쁘게 알록달록 잘 꾸며쓰나요 ??.. ㅋㅋㅋ
노션도 배워놓으면 좋겠죠?
노션 요즘 회사에 많이 씁니다~ 근데 개발자가 많이 쓰기보단 그냥 전사문서관리를 많이 하죠! 저도 지금까지 Confluence 와 Notion으로 대부분의 문서를 썼고, 지금도 그렇게 하고있습니당 프로젝트 관리는 Jira나 Trello로 많이 했었어용 ㅎㅎ 근데 배운다는건 너무 학습적인 느낌이 강하고, 그냥 이래저래 쓰면서 익숙하면 어느 회사를 가거나 나쁠건 없을것같아요ㅋㅋㅋ 사실 툴보다는 결국 문서화를 일목요연하게 잘하는게 중요해서… 저희는 노션에 신규입사자 온보딩 문서, 코드 컨벤션, 공유 템플릿, 프로젝트 문서 (목적, 계획, 일정, 담당자 등)등이 있습니다
오오..! 자세히 알려주셔서 감사해요
혹시,
git rm —cached . -rf
구글링을 했는데, 이렇게 아예 똑같은 문장은 없던데
git rm --cached가 있다하면
.rf를 쓰신 분은 없던데
git rm --cached . -rf 의 정확한 쓰임새좀 여쭤 볼 수 있을까용?
구글에는
사진
-rf는 저도 안써봤는데 -r은 재귀적으로 폴더 안의 원소들에 대해서도 계속 제거하라는 뜻이긴 합니다!
f는 '강제' 삭제를 뜻하는 거 같아용! '강력한' 그런 거용!
공부를 하다가 발견한 git rm에 대하여란 글입니다. 이해가 잘돼서 올립니다
https://godtaehee.tistory.com/28
저희는 위키 지라 협업 문서공유 등으로 쓰고있어요
회의록 공유?
질문하나만 구하겠습니다!
사진
element에서 페이지 이름을 타이핑할 때, 보통 자동 import를 할 수 있게끔 선택목록이 뜨지 않나용? 왜 저는 안 뜨고, 해당 페이지를 편집기에 열어놓을 때 선택목록이 뜰까용?
jsconfig나 webpack babel eslint prettier 설정을 공부할까 매우 고민되네용
제가 얼핏듣기론 목록으로 뜨게끔 하려면 export default로 되어있어야 된다고 하던데..(wornout)(wornout)
언젠간 한번은 해둬야하는 목록들이네요
jsconfig 만들어서 해결했어욥!!
자꾸 미루게 되네용. 이제는 해야할 거 같기도 하고용 ㅋㅋ
선배님들 저번에 항해99 부트 캠프에 대해서 이야기를 나눴던 걸 본 거 같은데용
취업 하는 속도를 부스트 하고 싶다는 의지가 돋는데, 항해99 수강 후에
취업까지 걸린 시간이 궁금합니다
사람마다 다르겠지만 전 3개월정도 걸렸고 제가 아는분들은 거의 대부분 1달 이내 취업하셨습니당
항해 99 수강 후의 기간을 말씀하신거죠?
넵
으흠.. 매우 고민이 되는 군용
혹시 수많은 부트캠프 중에서 항해99를 선택하신 이유를 여쭤봐도 될까용?
이 글을 읽는데, 이게 현실적인 고증인지 아닌지 의아하게 되네용 흐흑
사진
단점 요약본
이분은 2기 후기라고 하셨고, 이제 5기니까 변화가 있으려나 모르겠네용
Js server가 안돌아서 그런거 아닐까여
저 컴 렉이 심할때 가끔 저런 현상 있었어요
아 그런가용? 결국엔 jsconfig 설정하니까 바로 해결은 되긴 했어용
근데, 가끔 저런 현상 일어난다는 말이 뭔 지 알 거같아요 겪어본 거 같아요 ㅋㅋ
사진
삭제된 메시지입니다.
단어 사용이 심상치 않은 후기 ㅎㅎ
결정했습니다. 그냥 신청하기로
ㅠㅠ
요즘 다른 부트캠프도 많이 나오고 있더라고요
다 비슷하겠지만...
아제 변심않고 딱 결정했습니다! 1월부터 4월 초까지 할 듯 싶어용
1월 10일부터네용
화가난다님 화이팅입니다! 저도 부트캠프 화가난다님 끝나실쯤 부트캠프 알아볼 것 같은데, 그때 조언좀 부탁드릴게요.. ㅎ
혹시 여기계신분들중에
리눅스 공부하신 분들 입문 어떻게 하셨는지 여쭤보고 싶어서요
오늘 ,, 썸남(?)과의 약속 안 가구
카공하러 갈거예요
(의지)
ㅋㅋㅋㅋ
사실 계속 놀아서
아직 까지 암것두 못했거든요 ,,, 괜히 포맷해가지구
리눅스 전공자는 아니지만 그냥 리눅스에 서버를 세팅해야 했기 때문에 강제 입문 했습니다. centos OS 설치하고 서버 세팅하고.. 근데 요새는 클라우드가 너무 짱짱해서 다 까먹었어요
실전으로 공부하신거군요!
필요하면 하게 되는 개발자의 숙명 같은거죠 ㅋ
ㅋㅋ맞져 저도 공부 안하다가 이번에 서울42 라피신 들어가는데 필요할것같아서 급하게 찾네요
리눅스 고수분 아니시더라도... 입문 때신분 계시면 조언좀요 ㅎㅎ
뭐가 필요하신거에요?
한달동안 과제 계속 하면서 본선과정 들어가는 절차인데요
가게되면 리눅스 환경에서 쉘 스크립트 , c로 과제하고 프로젝트 한다고 해서요
저는 여태껏 프론트 공부하다가 이번에 여기에 합격해서 얼떨결에 잠깐 경로를 이탈했습니다 ㅎㅎ
npm 덕택에(?) 터미널은 익숙하실테고 OS는 뭐로 쓰게 되나요?
우분투같이 GUI 기반의 리눅스는 아닌거죠?
흠 그것까진 안찾아봤습니다! 지금 확인해봐야겠네요
라피신 시작하셔요???
화가님 파이팅입니다!
리눅스 명령어들 기초만 공부하구 가세요ㅎㅎ c는 구조체까지 밀구가세여!
OS마다 패키지 설치하는 법이 조금씩 다른데
npm 하고 개념은 비슷하니까 일단 알고 계시면 좋구요 그래야 뭘 설치해서 실행하니까
그리고 vi건 nano건 손에 맞는 에디터(?) 하나 장만하시고
grep이랑 pipe 좀 익숙해지시고
네네 이번에 고민하다가 결정했어요!
여기서 유닉스 사용법이라면 맥의 기본 터미널인 bash(물론, 현재 최신 버전에서는 zsh인데 클러스터에 있는 아이맥의 os가 최신이 아니다) 사용법이다. 후기중에 이렇게 적혀있는 글이 있네요
Vi와 vim이 같은 것인가요?? Vim은 사용해본적은 있습니다ㅜ 나머지는 무슨 말씀인지 모르겠네여
넵 같은거에여!
아하 감사해요~
네 맞아요 vi는 제가 익숙해지기가 어려워서 nano도 에디터인데 좀더 편하더라구요
테오님 말씀처럼 grep이랑 pipe도 알구가시면 좋을 거에요ㅎㅎ 은근히 많이써요! 가능하면 regex가 뭔지도 알구가시면 좋아요
진현님 라피신 해보신 것 같던데 프로젝트를 따로 개발 툴을 이용해서 하는건지 여쭤봐도 될까요?? 또 git 부분에서는 push pull해서 깃허브에 올릴정도만 할줄 알면 될까요??
깃클론 푸쉬만 할줄 아시면 돼요!
이 단어들은 쉘스크립트 명령어인거구여??
프로젝트는 vi나 nano로 백지부터 시작해요..! 가시면 정말 맥이랑 준영님이랑 동료들만 있어서 뭘 해야할지 막막할수도 있어요.. 아무것도 안알려주는데 당황하지마시고 주변분들에게 물어보세요~!
넵!!!
헐 이건 완전 꿀팁이네요
삭제된 메시지입니다.
감사합니다 태오 진현님 ㅎㅎ
https://wikidocs.net/book/1 여기에 제가썻던 명령어들 많이 보이네요!!
꼭 본과정에서 뵈어요ㅎㅎㅎ
헉 진현님은 합격하신거에요??
이모티콘 화이팅이에요!!
네ㅎㅎㅎ
ㅎㅎㅎ 감사합니다!! 어떻게 될지는 모르겠지만
결과에 상관없이 과정에 최선을 다하려고요 ㅜ
물론 탈락하면 새해 계획이 다 틀어지지만ㅋㅋㅋ
여기에 꿀팁 있어요..! 여기보시구 꼭 친구는 많이 만들어두세요
많으면 많을수록 좋아요ㅎㅎㅎ 화이팅입니다!!
ㅎㅎ 감사합니다 다 읽어봤어요👍
그룹선택이랑 포인터 완벽하게 알고 가라 이부분 질문해도 될까요??
코로나때문에 월수토1그룹 화목일2그룹으로 나눠지는데
그룹선택은 언제 하는것이고 내가 어떻게 선택하는것인지 그리고 포인터는 코드로 구현할 수 있을정조가 완벽하게인지 궁금해요
특정 그룹에게만 유리한 이벤트가 잇어요
오 그런것도 있나여??
포인터는 코드로 구현할 수 있으셔야하고 응용도 할 줄 아셔야합니다
저는 공부안하고 갔다가 피봤어요
그게 혹시 다중포인터까지요..??
못해도 포인터까진 꼭 하고가세용
넵!!
그러면 구조체 개념도 빠삭해야되겠네여
구조체까지 풀게되시면 합격권이라 생각하시면 될 것 같아요
더 자세하게 알려드리고 싶은데.. 비밀유지서약에 싸인해서
ㅜ..그쳐 맞아여
ㅜㅜ죄송합니다...
그만 여쭤볼게여 ㅋㅋ 이미 감사합니다
근데 진짜 비전공자 많다고 하는데
전공자 많을것같아서 이게 제일 두려워요 ㅋㅋㅋㅋ
전공자48 비전공자 52
였어요
그렇군여
감사합니다!
매기수마다 전공자가 더 늘구있다고했었어요..ㅎㅎ
넵!!
그럴것같아요
여러분 저 지금
웹사이트 기획 입문 책 읽고 있는데
벨로그에 정리해서 글 올릴거거든요 ?
이거 카테고리를 책마다 나누는게 나을까요 ?ㅠㅠ
아직 무슨 언어가 뭐고 뭐가 어디에 들어가고
이런걸 모르겠는데
이해가 안되신 상태에서 글을 쓰는건 영무룩님도 읽는 독자도 이해가 어려울 수 있어서 어느정도 다회독 해보시는 것도 좋을 것 같아요..!
앗 감사합니다 !
저 우선 html, css 이런 언어 들어가기전에
아니면 이런 부분이 어려웠다 이런 식으로 하고 다음 글에 추가하는 방향으로 작성해도 재밌겠네요
전반적인 체계? 배울라 산 책인데
카테고리는 당장은 크게 신경쓰지 말고 그냥 써보세요 ㅎ
나름 괜찮네용
카테고리
나중에 수정 가능하종 ?
그럼요 그것도 자동이라서
사진
엥 근데 맥북에서
노션 어플 다운 됐었는데
사라졌네요 ..?
ㅠㅠ
노션 웹으로도 됩니다
아하 히히
다운받았어요
감사합니다 !
오우
저 이책
보통 한 프로젝트에 웹기획자, 디자이너, 퍼블리셔, 개발자님 계시잖아요.. 웹기획자에 관한 책이네요 ㅋㅋ잘못샀당..
근데 웹 기획자도 엄청 흥미로워 보이네유
사람들이랑 커뮤니케이션하고 계획짜는거 좋아하시면 추천드려요~
그럴게요! 아직 신청은 안했는데, 신청은 할 건데, 고민이 되는..
ㅋㅋㅋ
오우 커뮤니케이션 싫어요 ㅠㅠ
보통 클론 코딩할 때, 한 페이지에 있는 컴포넌트들의 수치(너비와 높이)들을 다 작성해놓고, 컴포넌트를 하나하나 만들기 시작하시나용?
한 페이지의 컴포넌트를 구성할 때, 고려해야하는 순서에 대해서 고민이 생기네용!
사진
사진
무엇이 원본이고, 무엇이 클론일까요?
사진
어떤 분 velog인데, 여기서 "p가 인라인 요소이기에"라는 문장이 있는데, 오타겠죠? p는 블록 요소 아닌가요?
P는 블록인데 오타겠네요 ㅎ
그쵸 그런 거 같아요. 이분도 이 게시글의 상단에는 블록이라고 했는데, 이 부분만 저렇게 나오네용
오늘 부트캠프 신청하려하는데, 취업후에 돈을 후불하는 혼합방식으로 하면 100만원을 더 내야 하는데, 걍 선불 요금제로 하고 100만원 덜 내는게 좋겠죠?
현재 여유가 있으시다면 전 그럴거 같아요!
그래야할 거 같아용ㅠㅠ 에휴..
다 아시는 내용이겠지만!! 오늘 div span p를 너무 반복해서 많이 쓴 거 같아서 차이점을 보다가 글이 간결한 거 같아서 올려용~
감사합니다~^^
개인적으로 <p><div></div></p> 형태와 <div><p></p></div> 형태는
똑같은 결과가 나올 거라고 안일하게 생각하고 있었는데, 아니군요
reset css 내용인가보군요
딱 필요할 때, 올려주시다니.. 갓용태님이십니다!
감사합니다~ :)
화가난다님 어제 항해에 대해서 물어보셨는데
혹시 궁금한거 많으시면
https://open.kakao.com/o/gx9ddWQd 여기로 오시겠어요?ㅎㅎ
헐
이 곳은 어디인가요?
여기서 계속 항해이야기하는건 아닌거같아서ㅎㅎ
그냥 제가 따로 만든 오픈채팅입니당
와... 짱이에요! 안 그래도, 이제 더 이상 하면은 민폐겠다 싶어서 멈추고 있었는뎅
들어갈게요!!
reset css 내용 마침 html, css 작성할 일이 생겼는데 좋은 글 감사합니다!
테오님은 진짜 글의 질도 좋은데, 그것을 굉장히 속도있게 쓰시네요… 놀랍습니당…
예전에 글을 잘 쓰려면 말하듯이 써야 한다고 해서 말로 설명하는 걸 녹음해서 들으면서 글을 썼는데 요새 네이버 클로바앱이 너무 좋아서 그냥 10-20분간 말로 떠들고 나서 변환 후 다듬고 자료만 붙이니까 금방 써지네요 ㅎ 좋은 세상이라고 생각합니다 ㅋ
아 그럼 아예 처음부터 끝까지 작성하시는게 아니라 음성을 변환해서 쓰시는군요..
오.. 생각지도 못 한 방법이네요
네~ 그리고 제가 10분간 대본없이 떠들 수 있게 된다는 건 이론을 거의 습득했다 라는 것도 되는 거라서 녹음을 하다보면 말이 막히는 부분이 생겼을때 내가 모르는 부분을 알게 된다는 점도 좋은 것 같아요 :)
그래도 어쨌든 말을 하려면 머리 속에 알고 있으셔야하잖아용… 역사도 찾고, 구글, 페이스북 css까지 찾아보기도 하셔야하고…대단하십니당ㅋㅋㅋㅋ
감사합니다 :) 어제 새벽까지 글 쓴 보람이 막 생기네요!! css reset에 대한 글들은 워낙 많은데 다들 에릭 마이어에만 그치고 있길래 다른 글에서는 없는 차별화 요소들을 찾다 보니 그렇게 됬어요. 고맙습니다
아! 역사는 산 증인이라서 애써 찾아보지는 않았습니다 ㅋㅋ
10년전 기술을 알고 있는게 지금 현실에는 도움이 안될거라고 생각했는데 썰 푸는데는 도움이 되네요 ㅋㅋ
와 글을 말하듯이가 아니라 진짜 말로 쓰시는군요 신기합니다 ㅋㅋㅋㅋ
주의사항) 말을 잘할 것
사진
흑흑
ㅋㅋㅋㅋ
테오님, 혹시 그럼 이런 글도 혹시 쓰실 생각 있으실까요? 제 질문이지만 아마 다른 분들도 궁금해할 질문같이서용 ㅎㅎ 1. 프론트엔드 포지션이 생긴 이유, 앞으로 어떻게 될지 2. 프론트엔드 개발자의 업무 범위 3. 잘하는 프론트엔드 개발자란? 언젠가 한 번 여쭤보고싶었습니다… 제가 이렇게 여쭤보게 된 이유는 첫번째 회사에 최근에 들어오신 SI 출신의 백엔드 개발자분이 계신데, ‘프론트엔드가 왜 생겼는지 모르겠다.’, ‘퍼블리셔가 진화해서 프론트엔드 아니야?’ 라고 생각하시는 것같더라구요… 두번째 첫번째 질문의 연장선상일 수 있는데, 프론트엔드 개발자가 일을 해야하는 범위가 어디서부터 어디까지일까요? 회사마다 회사의 규모마다 다 다르긴 하겠지만 공통적으로 하는 일, 선택적으로 다르게 하는 일 정도는 정의할 수 있지않을까 해서용… 큰 회사에 퍼블리셔와 프론트엔드가 따로 있다면 어디까지 퍼블리싱의 영역이고 그 이후에 프론트엔드의 영역인지 등 세번째 질문 그대로 잘하는 프론트엔드 개발자란 어떤 개발자일까요? 이 것도 주니어, 중니어, 시니어별로 기대하는 바가 다르겠지만… 그래도 보편적으로 일 잘하는 프론트엔드 개발자에 대한 생각이 궁금합니다
와! 소재 제공은 언제나 감사하죠! 잘 읽어보겠습니다 :)
와! 너무 좋은 소재 감사합니다!!! 잘 한번 작성해보도록 하겠습니다
아닙니당… 그냥 1년차 신입 프론트엔드 개발자로서 고민입니다 ㅋㅋㅋ
사실 그런 시각이 필요해서 오픈 채팅을 하기로 생각한거였어요ㅋㅋ
소재가 필요하시면 올려주세욬ㅋㅋ 적극적으로 의견 드리겠습니당
감사합니다 상시대기랍니다! 얼마든지 의견 주세요 :)
저는 테오님의 시니어 개발자로서 의미 있었던 경험이나 지금까지 개발자로 살며 느껴온 것들에 대한 이야기 듣고 싶습니다 :D 지식 관련 글을 너무 잘 보고 있어서 테오님의 생각, 경험, 느낌을 담은 글도 궁금하네요!
오.. 저도궁금했던내용이네요
저도 1번의 생각을 가지고 계신분들은 아직도 많은거 같더라고요
디자인의 영역으로만 생각하시는??
드리블 핀터레스트 비핸스
위 세 개 중에 휴대폰으로 이용하시는 어플 있으신가요?
저는 핀터요
드리블
다른 분들도 궁금해욘!
핀터 두개보네요
아 그리고 더불어 디자인 견문을 넓히려 할 때, 핸드폰으로 이용하시는 어플 또는 플랫폼이 있으신가요?
프론트는 디자인하지 않습니다
사진
구미 당기는데, 별점이랑 후기가 안 좋은 거 같은 느낌..
저는 책보단 강의 좋은게 많아서
flex 랑 grid 한 번 깊게 파보고 싶긴 한데
만들고서, "어 됐네?" 이런 느낌 말공 잘하게끔
역시 인프런인가
정답은
저는 css까진 무료강의도 많다고 생각해요..
오 이거도 좋아요
플랙스 공부하기엔
아 저거는 다 했어용
그리드랑 플렉스 둘 다!
저는 깊게 파는 것보다 본인의 Best Practice를 찾기를 권해드려요. 사실 CSS 다 몰라도 디자인 만드는데 문제 없거든요
맞습니다 저 flex모를땐 inlineblock으로 다 했었는데
간결하고 일관성있는 방법이 훨씬 협업이나 개발을 할때 더 좋은 방법입니다.
제가 grid는 한 번
깊게 파고싶은 욕심이!
약간 아주 약간 있더라고용 ㅋㅋ
https://studiomeal.com/archives/category/tutorial 여기서 flex랑 grid 배웠는데 설명 엄청 잘돼있어요!!
제목이 다른게 뜨는데 들어가면 항목 중에 flex랑 grid 바로 보입니다
사진
2번째 3번째요!!
맞아요 국내에서는 1분코딩님 자료가 좋더라구요
저 자료 다시 봐야겠어용 1분코딩님이 상세하게 쓰신 거..
한 번 읽고는 제 것이 되지 않았네용 ㅋㅋㅋ
한 번 두 번 다시 읽어야할 듯용
이해를 하는것보다 숙달이 더 중요합니다. CSS는 운전같은 개념이라서 많이 하다보면 숙달이 되는거에요
숙달 숙달 숙달 명심하겠슴다!
나중되면 CSS의 스펙을 적을때 머리속에서 생각하고 적지 않아요. 그냥 보면 타이핑을 하고 있는거라서
새로운 디자인으로 해보시면서 포폴로 삼든 알바를 하시든 많이 해보시길 바랍니다.
그냥 보면 타이핑 크흐.. 간지입니다 ㅎㅎ
이 와중에 소름돋은 거
사진 2장
드리블 정상적인 철자가 없다는 거..
dribbble 아닌가요 그 디자인 레퍼런스 사이트는
ㅋㅋ
드리블 공식 앱이 없던 걸로 기억해요
저도 공식앱이 있었나
찾아보려고했었네요
웹만 있었을거에요
핀터랑 비핸스만 있네용
근데, 킹받는게 저 이름도 똑같은 철자를 세 번 연속있는게
그 공식앱인 거마냥
헷갈려용
퇴근하시고 사이드 플젝 하시나요?
저는 지금 블로깅초안 했는데
초안 마무리하고 다음 사이드프로젝트 생각해보려고요 ㅋㅋ
혼자하는걸로
조언을 구하고자 합니다! 앱개발에도 관심이 있어서 틈틈이 공부해 두려고 하는데 swift랑 flutter 중 어느 것을 더 추천하시나요?
목적이 무엇인가요?
취업시장에서는 flutter는 아직 엔터프라이즈에서는 미성숙한 시장입니다. 스타트업에서 비용 절감의 목적으로 좀 시도되고 있는 편이긴 한테 외국에서는 성장성이 높다고는 하고 있어요. 국내도 그렇게 될꺼다? 그건 좀 불투명합니다. 우리나라가 백엔드는 죄다 JAVA인거 보면 경향성이 잘 변하는 것 같지는 않아요
iOS는 개발자가 좀 귀한 형국이라서 취업에는 유리하실 겁니다.
서비스를 출시해보고 싶으신거라면 flutter가 좋을거게요. ios의 시장 규모가 아무래도 적다보니 android를 안 할 수 없거든요
native 기술을 많이 활용하지 않는 요새 흔한 데이터 플랫폼 스러운 유형의 앱들은 굳이 네이티브가 아니라 React Native나 웹 앱이나 플러터 등으로 많이 전환해보려는 추세입니다.
맞아요 요새 토스도 카카오도 rn개발자도 뽑더라고요
안전성이냐 리스크냐는 선택의 문제이긴 한데 공부나 사이드 프로젝트의 목적이라면 그냥 둘다 해 보시는 걸 추천합니다. ㅋ
취업까지도 생각을 하고 있습니다
기존 대기업은 좀 힘들지 않을까 싶어요. 이미 개발자 문화랑 라인이 다 구축된 상태에서
ios / android 개발자 다 보내고 플러터로 할 수는 없을테니까
대신 신규 대기업이나 스타트업을 바라보고 새로운 플러터를 할 수는 있죠
해봤다라는 경험은 절대 무시 못하니까 둘다 해보시면서 장단점을 체감해두시면 면접때도 그렇고 좋을거에요. 일단은 둘다 하시다가 손에 맞는 것을 선택해보세요!
웹을 계속 공부하고 잇는데 앱을 배우고 싶은 마음이 강해서 조금씩 배워보려고하는데 어느 쪽도 아닌 애매한 위치가 될까봐 걱정이 됩니다.
저는 그런거라면 리액트네이티브로 해보시는것도 추천드리긴 합니다 리액트 네이티브 자체가 리액트 배운사람에게 러닝커브가 낮기도 하고
둘다 경험해볼수도있어서 프로덕트 간단히 만들기도 좋아서요
rn같은 경우 미래를 생각햇을때 비추한다는 내용을 많이봐서요 잘못된 내용일까요? 아니면 제가 너무 앞서서 생각하는 걸까요?ㅠ
주력이 하나가 있다면 다른 언어로 외도를 좀 하고 오면 원해 하던 웹을 보는 시각도 달라져서 그냥 해보는 것만으로도 좋아요 너무 부담 가지지 마세요.
생각은 다를수 있는거니까요 ㅎㅎ 리액트 개발자에게 쉬운접근이 리액트네이티브라고 생각됩니다
그래서 쉽게 접근도 가능하고 웹으로 돌아오기도 쉽다 생각하고요
조언 감사합니다!😄
테오님께서 너무 잘 설명 해주셨듯 현재 플러터를 공부하고 있는 제 입장에서도 취업이 목표시면 스위프트를 추천드리고 싶어요! 해외도 그렇지만 특히 한국에서는 플러터 개발자 시장의 수요와 공급 둘다 적어서요. 반면 아이폰 개발자는 취업에 더 수월할 것 같아요. 국내에서 자바 기반인 안드로이드 개발자는 매우 많은데, 아이폰 개발자는 상당히 적은것으로 알고 있습니다. 아이폰 개발자에 대한 수요는 안드로이드 만큼이나 클텐데 말이죠! 또 플러터 개발자에 대한 직업 안정성과 대우도 전 상당히 의구심이 들어요.. (특히 주니어 개발자인 경우요!)
감사합니다!!
혹시 메모리 스페이스 관련 질문 하나만 드려도 괜찮을까요..? 16진수를 사용하는 이유가 2진수에 비하여 메모리 영역에 효율적이기 때문이라는 글을 봤는 데.. 맞을까요..?
전 아니라고 생각하는 이유가.. 예를 들어서 16진수 F를 binary로 표현하자면 1111 이렇게 될 텐데.. 결국 메모리는 둘다 4bits로 저장되는게 아닌가 싶어서요..
메모리상으로는 동일한텐데요 효율이 아니가 가독성에서 편리해서 아닐까요? 0xff00ff vs 255,0,255 vs 1111111110000000111111
어디서 나온 얘기에요?
https://itbeginner2020.tistory.com/17 n진법을 정리하는 중에, 이 블로그 맨 하단 부분에서 봤습니다..ㅎ
감사합니다! 개인적으로 저도 메모리상 동일할 것 같고.. 구글링 해봐도 테오님께서 말씀하신 가독성 이야기가 가장 큰 이유인거 같아서요!
현재 우리나라가 자바공확국인걸로 알고있는데.. 백엔드 시장의 기조는 어쩔수없이 자바로 계쏙 유지될까요?
왹구같은경우 노드나 파이썬도 많이쓴다고들었는데.. 우리나라에서는 스타트업에서는 많이쓰는걸로알고있습니다 향후 대기업같은곳에서 go나 다른 언어기반 백엔드로 돌릴가능성이있을까요??
클라우드 서비스로 전환이 되다 보면 결국은 DX가 좋은 언어가 선택될거에요
지금 언터라이즈씬에서는 각자 인프라를 돌리고 있는게 그것들이 JAVA로 이미 만들어졌기 때문인거라서
흐름이 확 뒤바뀌기는 어려울겁니다. 이미 성장한 회사가 있고 서비스가 있는데 갑자기 물갈이가 된다는 것은 상상하기 힘들죠. 세대가 교체되지 않는다면 레거시를 받아주기 위해서라고 JAVA 수요는 계속 있을거 같아요
대신 Java가 서서히 코틀린으로 변경되고 있고
서로서로 언어가 영향을 받아서 점점 비슷해지는 방향성으로 갈테고 서비스가 점점 웹 API화 되듯이 백엔드의 경계가 모호해지고 BFF가 자리를 잡게 되면
그때에는 다른 언어들이 좀 자리를 차지 할 수 있지 않을까 생각합니다 .이미 Node는 백엔드라기 보다는 프론트엔드가 추가로 더 할 수 있는 영역으로 포지셔닝 되고 있는거 같아요
외국도 자바가 짱 아닌가여?
스택오버플로우 설문조사 보면 현재는 자바가 짱 맞는것같아요ㅋㅋㅋ
네스트가 나온뒤로 스타트업쪽에서 사용되는곳이 많아지고 있는거같아요
노드로 백앤드도
그쳐 인프라를 그냥 클라우드로 맡겨 버리고
노션 다른 사람한테 공유할 때, 부분적으로 공유못하나용?
예를 들면, 코딩 폴더랑 기획 폴더가 있다고 쳤을 때, 각각의 폴더안에는 페이지들이 가득한데
코딩 폴더만 읽기전용으로 공유할 수 없나요?
사진
이거는 제 노션에 대한 전체 공유 아닌가요?
그 문서 링크만 공유하는 걸로 아는데.. 아닌가요
해당 페이지만 공유되어요!
아마 다른 연결 페이지나 그런게 있으면 경고표시가 떴던것 같은데..그건 잘 모르겠네요
아 직접 다 해봤는데
신기하네용
딱 한 페이지에서 공유버튼을 허용하면, 해당 페이지만 공유가 되는 건 맞는데
폴더가 모아진 부분에서 공유버튼을 허용하면
그 폴더가 모아진 전체가 공유되네용
그러면 사용자가 모든 폴더의 내용을 볼 수 있음요
그러니, 나중에 면접관님한테 노션을 공유할 때는 보여주고 싶은 폴더의 주소만 공유하면 될 듯용
그렇군여..!! 정보공유 감사드려용 ㅎㅎ
넹!!!!
혹시, 저는 구글 폰트에서 폰트를 주로 복붙해서 사용하는데, 찾고 있는 브랜드의 폰트가 없다면 어떻게 대처하시나요?
디자이너께서…
이럴 때 어렵네용! 구글에 뭐라 검색해야 내가 원하는 내용을 찾을 수 있는지. 정보가 많아도 너무 많네용!
어떤 폰트인데용…? 콘솔창에서 보셨나용?
사진
whta font라는 크롬 익스텐션으로 봤어용
유료인 거 같아용
ㅜㅜ 아하… 그럼 디자이너분께 최대한 비슷한 폰트를 다시 요청해보시는 것도 좋을 것같아용…
앜ㅋ 저 혼자 하고 있는 거에용! 저 취준생!!
프론트 취준인가요??
아 원래 이런 일이 있으면, 디자이너 역할인 사람이 최대한 비슷한 폰트로 라도 채워주는 식으로 해결하는 건가용?
네넹!!
그럼 디자인은 깔끔하게만 하시고
너무 많은 시간은 투자 안하셔도 됩니다
사진
이정도면 될까요?
클론 하고 있어용
넵 폰트는 그냥 깔끔한 폰트 추천드려요 1. Noto Sans 2. Spoqa hans neo
사진
원본이에용 이게
폰트 구매 안 했다고 클론에 대한 부분을 저평가하지는 않을 거 같아요 ㅋㅋㅋㅋ
넵 그리고 퍼블리싱 능력도 중요하지만
다른부분도많이 볼거라서
아하
그부분도 채워주셔야될거같아요
지금 이제 제가 짠 코드에 대해서 고민을 해보게용
1. 노토산스는 오늘의집 폰트이구요 2. 스포카 한스는 사이트 들어가시면 다양한 사이트들 사용중입니다. — 맞아용 폰트가 중요한건 맞지만 꼭 똑같을 필요는 전혀 없습니당
뭔가 고칠 부분이 있을 것만 같아서용
폰트는 그래서 font-family: "Noto Sans KR", sans-serif; 이거 구글폰트에서 사용하고 있어융
ㅋㅋ
네 그정도면 충분합니당 :) 기능적으로 잘 구현되는지, 코드 리팩토링할 수 있는 부분들 고민해보시는 것을 더 추천드립니다! 만약 제가 취준생으로 돌아간다면, LightHouse 돌려보고 프론트엔드가 최적화할 수 있는 부분들 찾아서 그 부분을 더 보완하려고 노력할 것같습니다.
아마 퍼블리싱만 하신거같아서
https://velog.io/@edie_ko/lighthouse-performance 참고 글입니당
데이터 페칭도 하시고
이건 리액트로 만드신건가요??
넹넹!!
지금 한 번 다시 생각해보고 있어용. 이 페이지에서 정적인 부분은 어디이며, 유동적인 데이터 변화가 일어나는 곳이 있는가? 그러므로, 나는 이렇게 짜또 되는가? ㅋㅋㅋㅋ
자아성찰 시간 옴요 ㅋㅋ
ㅎㅎㅎ 화이팅입니다
그런고민이 도움이되는거 같더라고요
맞아요 자아성찰 중요합니다!
정도님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 정도님님 반갑습니다 :)
안녕하세요 🙆♂️ velog 통해서 들어왔습니다 , 반갑습니다
감사합니다~ 저희는 여기서 각자 궁금한것들 혹은 관심사 자유롭게 남기시면 각자 답변 해드리고 있어요ㅎ 언제든 편하게 글 남겨주세요~~
사진
잘 읽었습니다! 글 되게 좋네용!!
제로마운틴님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요~ 제로마운틴님! 반갑습니다 :)
안녕하세요!
이모티콘 테오님 블로그 글 보고 들어오게되었습니다 잘 부탁드립니다ㅎㅎ
환영합니다~ 저희는 각자 개발하다가 궁금한 점이나 관심사 있으면 공유하고 답글 달아주고 있어요!
감사합니다 ㅎㅎ
언제든 편하게 글 남겨주세요
감사합니다 😄
정도님은 최근 관심사가 뭐에요?
저는 현재 프론트엔드 취업준비생입니다, 꾸준하게 알고리즘과 자료구조 공부 중이고 그리고 이제 막 리액트 입문했습니다 ! 그래서 최근 관심사는 리액트를 통해 만들어볼 프로젝트 주제가 저의 관심사입니다 ㅎㅎ
데이터 페칭이란 것이, 사용자가 인터랙티브한(이벤트) 행동을 했을 때, 백엔드와 API 호출을 통해서 데이터를 업데이트 시켜주는 행위라고 말하는 건가요?
오오~ 멋지네요! 포폴로 뭐만들건지 고민 중인건가요?
그러면,
사진
이 웹사이트의 홈이미지는 마우스 좌측을 꾹 눌러서 왼쪽으로 넘기면 넘어가는 인터랙티브한 사이트인데, 이 부분도 데이터 패칭이 일어났다고 말하는 건가용?
이런 부분은 백엔드와 호출이 없어도 가능한 부분일 거 같은데, 이것도 데이터패칭에 속하는 건지 궁금해용
실제 데이터 교환은 개발패널에서 네트워크 탭에서 확인할수 있어요
미리 받아놓고 그릴수도 있고 넘어갈때 불러오는 걸 수도 있는거라서 확인해보세요~
다 불러온 후에 넘어가도 아무 패치가 안 일어나군요! 아. 네트워크란으로 이렇게 무엇을 순차적으로 받아오고, 로드되는데 걸리는 시간을 보는 거구나..
네 ~ ㅎㅎ 맞습니다 ! 간단간단하게 만들어보며 조금씩 스케일을 키워보려고요 !
저 맨상단이 완전히 로드되기까지
사진
136개의 요청과, 완전 로드까지 6.7초
이런 거 볼 수 있는 거군요!
종종 공유해주세요 테스트 필요하면 도와드릴게요 ㅎ
네~ fetch/xhr탭으로 보면 이미지나 소스 코드 말고 서버랑 통신하는 부분만 따로 볼수 있어요
아!!!
사진
그렇다면, 최적화라는 건 이 각각의 카테고리를 어떤 방식으로 받아와서, 어떻게 리소스와 시간을 줄이는 가의 사투인가보군용
왠지 이 내용을 다룬 전문 서적이 있을 거 같은 냄새가 솔솔 ㅎㅎ
혹시, 이 단톡방에 코드를 올리고 비평을 받아도 되나용? 네이밍부터, 마크업의 사용과, 컴포넌트 구성에 관한 평가용!
깃허브올려요
보고싶어요
여러분 ... 근데 코딩하면서 어떻게 유튜브의 유혹을 끊을 수 있을까요? ... 자꾸 딴짓하게 되는데, 다른분들은 안그러신가요 ??
켜두고 합니다 ㅋㅋ
아 그냥 틀어놓고 하시나요 ?ㅋㅋㅋ
가볍게 코드칠 땐 켜두고 하는거 같아요 ㅋㅋ
오.. 그럼 하루에 몇시간정도 코딩이나 공부하는데 시간을 투자하시나요
부트캠프 다닐 땐 그래도 최소 6시간은 했던거 같아요
지금은 회사도 알아보고 코드 치는거보다 서칭하는 시간이 많아서 코딩 시간은 잘 모르겠네요
와 6시간 ..
하루 두시간정도밖에 안하면서 이걸로 밥 벌어먹고싶다고 생각했던데 부끄럽네요
정말 열심히 해야겠군요
사실 이번년도에 늦게 학교를 졸업하고 전공도 못살려서 뭘 해야 좋을지 생각하다가, 그래도 예전부터 해보고싶었던 컴퓨터 공부를 하려고 집에서도 나와서, 편의점 야간으로 일하면서 조금씩 하고 있는데.. 이상하게 외롭기도 하고 잘 집중을 못하겠더라구요. 분명 작업하면서 결과물을 보면 기분도 좋고 재밌는데, 왜이럴까요 ㅋㅋㅋ, 혹시 자연스럽게 더 이쪽으로 더 집중하는 방법이나 더 재밌게 할 수있는 노하우 같은게 있으나요 ??
와 소중한 얘기 해주셔서 감사해용! 저도 취준생이라, 뭐라고 건설적이고 명쾌한 대답은 못내려주지만, 같이 열심히 해봐용!!
더 집중하는 방법은, 각기 사람마다 집중하는 방법이 다른 터라, 자신의 몸과 대화를 해나가며 찾는 것도 나쁘지 않을 거 같아용!
누구는 단기 집중력이 폭발적인 사람도 있고, 장기 집중력이 좋은 사람도 있으니까용!
음 .. 자신을 먼저 알아야 좋겠군요
그런 거 같아용! 다른 사람이 겪은 경험을 제가 겪는다 한들 똑같은 느낌점이 추출될 거라는 건 아니라고 생각해서용
그래도, 간접 경험은 할 수 있겠죵!?
너는 너, 나는 나 이렇게 생각하시는게 멋지신거 같아요.
화가난다님은 여기에 글쓰는걸 봐도 많이 관심도 있으시고 공부도 열심히 하는거 같습니다. 분명 좋은일 생기실거에요
저도 제가 부족한 사람인 거 같은데, 이제는 조금 채워보려고 아둥바둥하는 거에용!!
그리고, 여기 있는 사람들이 양질의 정보로 배려와 나눔을 많이 해주셔서 저는 그저 감사할 뿐이죠ㅠㅠㅠㅠ
맞아요 !! ㅋㅋ 저는 특히 영어를 잘 못해서 찾기도 어려운데, 여기서 다들 자세히 가르쳐 주시는게 감사하죠 .. 하지만 절대 핑프는 되지 말아야겠다 늘 생각합니닼ㅋㅋ
저도 유튜브 틀어놓고 합니다 ㅋㅋㅋ
아 그냥 저도 틀어놓고 해야겠네요 ㅋㅋㅋ 은근 이렇게들 하시는구나
본인이 제일 집중잘되는 환경만 찾으시면 되죠 ㅎㅎ
케이티님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 케이티님 반갑습니다 :)
반갑습니다^^
정상입니다. 사람이 스스로 동기부여를 한다는 것은 정말로 어려운 일이에요~ 자기가 세운 목표에 강제성을 부여하는 것은 소수나 가능한 거라 최대한 다른 사람들을 좀 이용해보세요~ 여기에 하고 싶은거나 목표나 코드 공유 해주시면 해야할 다음 과제나 목표등은 알려드릴게요 :)
저희는 개발관련 궁금한 내용이나 관심사 고민등을 공유 하고 각자 답해주고 있어요 :) 저 답변 하는거 좋아하는 사람입니다 ㅋ 언제든지 편하게 글 남겨 주세요 환영합니다~~
올려주세요!! 코드 공유 및 피드백은 얼마든지 환영합니다~
헐..! 공유 감사드립니다 테오!!
감사합니다!!
역시 리액트 쿼리가..
ㅋㅋㅋㅋㅋ 제가 계속 어필했던건데 ㅋㅋㅋ 1번으로 나왔네요
react hook form은 들어만 봤는데
한번 보는것도 좋을듯 하네요
프론트엔드 글 쓰는 거에도 언급할건데 프론트엔드의 대부분의 니즈들이 서비스 화면보다 관리자 화면 쪽에 있어서
지금은 그런 쪽으로 생태계가 만들어지고 있는 것 같아요
react query react form react router material ant design 다 그쪽 관련이라
오 한번 나중에 글 적으시면 보러가겠습니다
저두 보러 가겠습니다 ㅎㅎ
테오님 글찍는 기계시네요
저는 퇴근하면 생산적인 활동할 시간이 안나는데 대단하십니다 ㅎㅎ..
10년 넘게 개발씬에 있으면서 후회하는 것 중에 하나가 기술 블로그 같은 걸 하지 않았던거라서 아직은 글 쓸 소재는 많은 것 같아요 ㅋㅋ
그리고 어떻게 이제는 면접관이 되고보니 지원자들의 블로그들로 평가하고 있는 자신을 보면서 나는 이런거 안했는데 취업하려면 블로그를 써야합니다 라고 말하는 스스로가 좀 부끄러웠어요
리액트 쿼리, 리액트 라우터 같은 라이브러리가 관리자 화면에 더욱 니즈가 있다고 말씀하신 건 주로 데이터 서빙하면서 상태나 페이지 뎁스가 복잡한 화면이 어드민이라서 그런건가요?
발리데이션이 복잡해서 그런거 아닐까여?
반대에요. 프론트엔드 일이 지금은 관리자와 같은 콘솔 쪽 일이 더 많아지게 되면서 인기순위 트렌드가 그런식으로 만들어지는 것 같다는 얘기였어요
안녕하세요 포인터 관련해서 뭐 여쭤봐도 되나요?
c언어 포인터인가요..?
포인터 > 메모리 시작주소를 저장하는 변수 이중포인터 > 위에 포인터변수가 저장되는 곳 또한 메모리의 한 부분이기 떄문에 주소가 있음 . 이 포인터 변수가 저장된 메모리의 시작주소값을 가리키는 것이 이중포인터
네네! 제가 포인터 공부하고 있는데 이해한 개념이 맞는지 여쭤보고 싶네요
말씀해주신 내용 맞아요
감사합니다!
삭제된 메시지입니다.
?
테오! 저번에 타입스크립트 도입을 추천해주셨는데 이유 중 하나가 'OOP를 더 잘 활용할 수 있다'도 포함되는 걸까요? 타입스크립트를 사용하면 인터페이스나 제네릭을 사용할 수 있다고 해서요. 그럼 보통 OOP로 설계를 하는지 궁금해요!
타입스크립트를 100% 활용하려면 OOP로 설계를 하는 것이 맞는지 궁금합니다..!
아뇨. OOP는 javascript에서는 취향의 영역입니다. 저는 OOP는 별로 좋아하지 않아요 ㅎ
typescript를 써야하는 이유는 협업과 유지보수의 용이함에 있습니다.
오호..그렇군요 그렇다면 런타임에서의 에러를 방지하는 것, 협업에 중점을 두나요?
아하..!
백엔드와 스키마를 먼저 정의해 두는것에도 용이하고 API를 사용할 수 있게 하는데도 좋고
개발할 때 더 편하다 이게 젤 강점 같아요
typescript를 통해서 OOP나 새로운 것들을 시도하려는 움직임이 없었던건 아닌데
기존 javascript의 개발 방향성이 typescript가 돌리진 못했어요.
그냥 Lint와 자동완성을 하기 위한 도구에 가깝게 쓰시는걸 추천합니다. ㅎ
babel을 안써도 되고 ES 최신 문법을 쓸 수 있다는 것도 장점이구요
음..!!! 그렇군요 이번에도 친절한 답변 너무나 감사드려요 👍👍 하비도 고마워요!! 😄
테오님 기업 사이트의 코드를 볼 수 있는 방법은 없을까요??? 뱅크샐러드는 소스 코드가 노출되어 있어서 재밌게 보고있는데 다른 사이트도 궁금해요
리액트 환경변수 설정 안하면 오픈소스되는데
가끔 그런거 안한 기업들 코드 탐방하러 다닙니다 ㅋㅋㅋ
뱅크샐러드가 그렇더라고요 ㅋㅋ
카카오 모빌리티 다니시는분 있는데 그거부터 까보더라고요
그걸로 배웠어요 ㅋㅋㅋ
ㅋㅋㅋ 그렇군요. 저도 prod sourcemap 붙이고 배포한적 있는데 ㅋㅋ 뜨끔하네요
소스맵이 에러확인할때는 필요하다고 하던데 그거 있으면 오픈소스가 되어버리니..
센트리 같은데서는 소스맵을 별로도 올리면 복구해서 로그 찍어주는 기능이 있긴 한데 너무 귀찮아요 ㅠ
요즘 오픈 소스 보는게 재밌더라고요
지금 들어가서 보는데
ㅋㅋㅋㅋㅋ 좋네요
삭제된 메시지입니다.
뱅셀
오픈소스
추천할만한 오픈소스 더 없을까요 ㅋㅋ
찐 실무 코드를 본다는게 재미있네요 뱅크샐러드 보면서도 배운점들이 있어서 다른 것도 보고싶어요
저는 잘 모르겠네요. 저도 추천을 좀 받을게요~~ ㅎㅎ
egjs꺼 보세요
어디서 보는거게요?
사진
네 저기에요! ㅋㅋ
index.tsx부터 있네요 ㅋㅋㅋ
저도 지금 까보는중
중요한 폴더 하나가 빠져있긴 한데 보는덴 큰 지장은 없는거 같아요
구조 파악하는게 힘들더라고요
와..저렇게 볼 수 있다구요..??
대박이네;;
뱅셀은 알면서도 오픈하는거겠죠?
저희 회사 오픈소스였어서 저 들어오자마자 환경변수 바꿨어요
모를수도 있을걸요
뱅샐 코드 어디서 볼 수있어여? 궁금하네요 ㅋㅋ
여기서 개발자 도구 켜시고 sources 탭 들어가서 웹팩 폴더에 . 폴더 열면 있어요
감사합니다!
흠… 왜 이렇게 보이게 해놨을까요… 실수겠죠?
건의 넣어요
소스코드 다 보인다고
얼레리 꼴레리
뱅샐은 어짜피 앱 기반이라서 아마 저 사이트는 특별한 기능이 없긴할건데, 그래도 좀 이상하긴 하네요…
혹시 뱅크샐러드 웹프론트엔드 관심 있으신 분은 이 영상 한 번 참고해보세용! https://youtu.be/hPZA_2KdJis
실수겠죠 prod 배포할때 sourcemap을 포함시켜서 배포하면 저렇게 되요
현재 제가 알고있기로는 뱅크샐러드 앱 내에 대부분 지면을 다 웹뷰로 전환하는 작업을 진행중으로 알고있습니다. 약 10명 내외의 웹 프론트앤드 개발자분들 계시구요 ㅎㅎ
꺄 감사합니다
테오님 만약 채용 과정에 과제 전형이 있다면 그 과제를 통해 무엇을 보고싶으세요?
팀에서도 사람마다 좀 갈리긴 하는데
저는 일단 코딩 스타일 부터 봐요.
그리고 이름 짓는거
저는 구조와 설계, 과제를 풀어나간 과정, 코드, 어려웠던거, 어떻게 해결했나, 아쉬운거 이렇게 정리하면서 하고 있거든요
역시 코드도 중요하겠죠? 흠
저는 과제전형 볼 때 면접관님께서 '이유'를 많이 물어보셨어요 해당 코드를 작성한 이유, 코드 스타일이 일관성이 있는지를 봤던 것 같아요. 꼼꼼히 보셔서 "이렇게 작성한 이유가 있을까요?" 같은 질문이 많았어요..! 내가 작성한 코드에 대해 설명이 가능한지를 보셨던 것 같아요.
오 감사합니다
천하제일폴더구조대회는 추가적인 참가자 신청은 없는 것 같아서 지금까지의 날짜를 기준으로 12월 30일 목요일로 한번 해볼까 합니다.
12월 30일 (목) 천하제일폴더구조대회 - 프로젝트와 컴포넌트의 폴더 구조를 어떻게 하면 좋을지 각자 논의해보는 자리입니다. 참가하고자 하시는 분은 여기에 글 남겨주세요 :) https://docs.google.com/spreadsheets/d/1R5BWsGD5XfBvk7d-DM_dRK9R_u_KHFBiRIpcDHpVwx4/edit#gid=0
톡게시판 '공지': 12월 30일 (목) 천하제일폴더구조대회 - 프로젝트와 컴포넌트의 폴더 구조를 어떻게 하면 좋을지 각자 논의해보는 자리입니다. 참가하고자 하시는 분은 여기에 글 남겨주세요 :) https://docs.google.com/spreadsheets/d/1R5BWsGD5XfBvk7d-DM_dRK9R_u_KHFBiRIpcDHpVwx4/edit#gid=0
테오님 제가 아무것도 몰라서 컨트리뷰션을 할 수는 없겠지만, 혹시 저도 참여해서 이야기를 같이 들어볼 수 있을까요..? 만약 괜찮으시다면 참여해서 최소한의 대화를 이해하기 위해서라도 글을 좀 읽고 참석하겠습니다! :)
네~ 아무런 상관없습니다. 말을 하지 않으시고 듣기만 하셔도 괜찮아요~
네 감사합니다! ^^
혹시 캠 켜야하나요?
아니요
자유입니다~
사진
테이블 태그 처음 써보네용
근데, 기능 구현도 아직 안했는데 UI 짜는 게 생각보다 시간 소모가 있네용
내가 느림보인가? 싶을 정도로..
ㅠㅠ
자책은 하지마세요 ㅎㅎ
계속하다보면 금방속도는 붙습니다
저 어제에 이어서 뱅셀 코드 관련 질문이 있어요. 보통은 다 코드를 숨기는 것 같은데 그런 작업을 도와주는 도구가 있나요? 이런 작업을 뭐라고 부르는지도 궁금해요..! 그리고 이런 작업은 보통 프론트가 하나요?
알려주셨네요 ㅎㅎ
2개 글 보시면 도움되실 것같습니당!
원래 소스맵은 어디에서 에러가 났는지 알려주려고 하는 걸로 알고있는데...
[공유] 천하제일폴더구조대회 를 준비하면서 예전에 읽었던 글인데 한 번 보시면 좋을 것같아서 공유드립니다 https://ahnheejong.name/articles/package-structure-with-the-principal-of-locality-in-mind/
소스맵이 키워드였군요 ㅎㅎㅎ 감사합니다!!
react hot loader 많이 쓰나요??
UI 짜는게 원래 품이 많이 들어가는 작업이에요~
뱅셀 코드보면서 부족한게 많다는게 느껴지네요..
어피치님 내공이 상당하시네요..! 알고계신게 많으신 것 같아요
뱅셀 Rxjs를 쓰면서 Class기반 코드를 추구하네요. 재밌네요. ㅋ
………저도 개린이…입니다… 민망하니 이제 일 하고오겠습니다! ㅋㅋㅋㅋ
정말 좋은 글이네요..개발자의 머릿속을 캐시와 비교해서 폴더구조를 고민하다니 재밌는 비유였어요
목요일이 기대됩니다 ㅎㅎㅎ
맞아요 ㅎㅎㅎ 저도 열심히 보면서 분석중입니다 ㅋㅋㅋ
Class 거의 안쓰는데 적절히 쓰는게 좋나 생각하며..
아마 레거시코드일 것입니당… 제가 운좋게 뱅크샐러드에 지인이 있어서… 들은바로는 PC웹은 거의 관리 안하는걸로…
막 제가 이런 이야기했는데, 이 방에 뱅크샐러드 관계자분 계신 것 아닌지…..ㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋ
일단 전 써요!
아 정확히는 전 회사에서 썼었어요
쓸만한가요?? 적용은 쉬운거같은데
적용 안 돼 있을 때를 못 겪어봐서.. 근데 프로젝트 특성상 큰 의미 없었던 거 같아요
넵 감사합니다. 뱅셀 코드 보면서 배우는게 많네요..
https://velog.io/@teo/frontend
와우 감사합니다
와우
이모티콘 하얗게 불태웠습니다. ㅋㅋㅋ 제법 양이 많더라구요
저는 나눠서 쓰실 줄 알았는데
한 글에……….다 쓰셨군옄ㅋㅋㅋㅋㅋ
읽어보고오겠습니다
저도 넥스트 설명하려고 하면서 웹의 발전?도 이야기 하려고하는데 많이 겹치는내용도 있어서 참고좀 하겠습니다 ㅎㅎㅎㅎ
재밌게 잘 읽었습니다! 플래시쪽은 생각도 안하고있었는데 되게 큰 시장이었나 봐요 ㄷㄷ
감사합니다. Flash는 엄청났었죠. 지금의 키오스크도 다 플래시로 되어 있었고 과학관 전시류나 백화점 길찾기 지하철 안내판등 안쓰이는 곳이 없었어요
와……….
다 읽고왔습니당.........
뭔가 감동이네요…..
진짜로 정성스럽게 써주셔서 감사합니다
👍
감사합니다. 저도 글쓰면서 즐거웠어요~ 이렇게 답변 받으니까 더 보람차네요~ 고맙습니다!
저도 초안 공유해도 될까요 ㅠ
부끄럽네요 ㅎㅎ
뭔가 틀린부분 있다면 말씀해주시면
수정하겠습니다
일단 썸네일부터 수정해야겠네요 ㅋㅋ
👍
중간에 ajax에 대한 내용이 추가되면 어떨까요?
넵!!
내용상 틀린 내용은 아닌데요~ 글 시작이 개인적인 상황과 React를 하고 있다는 설명이 있고 Next를 도입을 해야하는 이유에 대해서 알아본다고 했는데 초창기와 동적인 웹을 설명하는 내용은 맥락상 없는 편이 더 자연스러울 것 같아요. 대신 React 개발시 불편했던 점에 대해서 설명하고 SEO를 어떻게 우회해서 하고 있었는지, Next는 이런 것을 어떤 식으로 해결하고 했는지를 좀 더 구체적으로 설명해주는게 머리말과 결론을 잘 이어주는 구조일거라 생각이 들어요~
넵!!
지금은 회사라서 수정은 불가능하고 한번에 모아서 읽어보고 수정하겠습니다 ㅎㅎ
제목이 Next.js 와 SSR 이면 더 좋을 것 같아요
ㅋㅋㅋㅋ
넵!!!!
초기 로딩 속도 부분 설명 관련 질문 있습니다!
네~
앗 혼자 이해했습니다 ㅋㅋㅋㅋㅋ
넥스트도 spa면 리소스 양이 많아서 생기는 초기 로딩 속도 지연을 cra의 방식에 비해 어떻게 개선한 거지ㅡ 하는 질문이었는데 확인해보니까 청크를 잘 쪼개서 어떻게 어떻게 하는 거 같아요
처음에 리소스를 다 다운받는 건 맞지만 처음 뭔가라도 보이는 뷰? (이름이 기억이 안 나네요..) 그게 보일 때까지 시간을 최대한 줄이는 거 같네요
FCP (First Contentful Paint) 를 말씀하시는 것일까용?
사진
이건 구글 라이트하우스가 생각하는 중요도 비중입니당
아 넵넵!! 기억안나서 한참 찾았네요 😅
저 궁금한게있습니다 오키보다가 프론트엔드취준글을봤는데요
https://okky.kr/article/964706
이글이고 이글답변댓글중에
사진
이모티콘
이런댓글이있는데 c,cpp로도 프론트엔드를대체할수있나요?
절대아니요
웹어셈블리 시장이 나오긴 하겠죠 아마 프론트를 위해서 c c++을 하는 방향은 아닐겁니다 차라리 새로 한다면 Rust와 같은 걸 더 하겠죠
figma가 웹 어셈블리 이용해서 c++로 만들어진걸로 알아요
이미 만들어진 3d나 ai와 같은 복잡한 계산을 바탕으로 하는 것들을 그대로 사용하기 위한 용도라고 보시면 될것 같아요
웹어셈블리가 다 장악하기 전에 타입스크립트가 네이티브 언어로 선정되는게 더 빠를것 같네유 ㅋㅋ
제가 면접 본 회사에서도
그쵸 언어는 더 편하고 상위 개념으로 발전하게 되어 있어요 갈아타지지는 않을 것 같아요
웹 어셈블리 언어 기반의 스위프트 같은 걸 최종적으로 가르치려는? 그런 경우도 있긴 했었어요!!
전 아니라고 장담은 못하겠네요 ㅋㅋㅋㅋ 메타버스 같은 거 때문에 모든 웹사이트가 압도적인 고성능을 요구하는 시대가 온다면 웹 어셈블리가 미래 메타를 장학할 수도 있을 거 같아요
1년 2년 잡았으면 어림도 없다 했겠는데 10년이면 “어쩌면” 그럴 수도 있겠다는 생각이..
게임도 인벤토리 화면은 존재한다고 생각해요 대우는 다르겠지만 데이터를 다루는 시장은 계속 존재할거에요
그렇지만 몸값을 위해서라면 해두면 좋다고는 생각하는데 이걸 하는 회사가 아직 없어서
Rust는 올해 해보려고 했는데 실패했어요 ㅠㅠ
안녕하세요 웹페이지에서 이미지를 다 로드하면 페이지를 보여줄 수 있는 방법이 있을까요..?
window.onload 이벤트를 활용해보세요
https://ko.javascript.info/onload-ondomcontentloaded 이거한번보세여
감사합니다..!
근데 혹시 next와 같이 ssr을 사용할때도 사용 가능한 걸까요…?
시점에 따라 다를것 같아요
여러분 혹시 TDD 관련 서적이나 강의 추천해주실 만 한 것들이 있을까요? 프로젝트를 시작하기에는 기간이 좀 한정적이여서, 계속 해보고 싶었던 부분이라 찾아는 보는데 마땅한 게 없네요 ㅜㅜ
강의라고 하면 드림코딩 엘리님
이 강의 고려 중입니다...!
Jest 공식문서 먼저 봐요
공식문서 intro 부터 쭉 읽는 편이 나을까요?
책은 켄트백이 쓰신거 보면 될거에요 공식문서는 튜토리얼만 보고 테스트 필요할때마다 가서 필요한 기능 보면 될것같아여
근데 테스트가 프론트는 까다로워서 jest만으론 안되고 react testing library 하나 더 끼고 연습해야할거에요
맞습니다
거기에 모킹툴도 하나끼고..
뭔가 계속 미루면 아예 안 건드릴 것 같아서
msw 붙이고 하다보면 모리 터져여 헤헤
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 아직 제가 이해하긴 어려운 부분이네요
전에 코테 봤을 때
알고리즘 외에 리액트 관련인데도 테스트를 다 거치더라구요
너무 다 될 것 같다고 가정하고 풀어서 문제가 좀 있었던 것 같습니다...ㅋㅋ
예전에 보니까
우형 인턴쉽? 하시는분들 보니까 jest랑 cypress로 테스트하는과제 하시더라구요
주니어라고 가정할 때
요즘 테스트코드 짜는게 유행인가봐요
이런 TDD 관련이 우선순위가 어느정도 있다고 생각하시나요?
저도 주니어지만 저는 순위로 한 9위 정도인것 같아요 케케
엄청 높지는 않군요 ㅋㅋ
프론트는 테스트짜는게 현실적으로 어려워서..
사진
생각보단 위에 있네요
ㅋㅋㅋㅋㅋㅋ ts 보다
Luke님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
백엔드에서는 TDD를 되게 쳐주는것 같던데 프론트는 다른가봐여
프론트는 어렵거든요 TDD가
아하
오 그렇군요
코드 작성해봤자 응 브라우저 이슈라면 테스트로 잡지도 못하잖아요..
저는 딱 시기가 드림코딩 엘리님 첫 강의 시작할 때랑 공부 시작한게 비슷해서
안녕하세요 fullstackDEV님 반갑습니다 :)
이제 TDD 강의 올리시는 것 보고 뭔가 ㅋㅋㅋㅋ
우와 닉넴 멋있따
안녕하세요 반갑습니다
근데 TDD 하면
저도 해야 하나..? 라는 생각이 좀 들었습니다
배우는건 많아요
문법이 막 다르진 않는데
그렇다고 똑같지도 않네요 ㅋㅋㅋㅋ,,
java랑 jest요?
jest 공식문서 보고 있는데
js 기반 아닌가요?
아무거나 개발 얘기하고 궁금한거나 관심사 있으면 물어보세요 :) 다들 재밌게 답해주시고 그럴거에요 ㅎ
맞아요
사진
expect / toBe
이런식이라
좀 더 고려해봐야겠네요 ㅋㅋㅋㅋ 의견 감사합니다 개발닥님!
저도 아직 부족하지만 답변 드릴 수 있을 만한 내용이 나온다면 재미지게(?) 이야기해보겠습니다
이거 아티클 좋아요 공유합니다
공유 감사합니다 ㅎㅎ
안영훈님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안영훈님이 나갔습니다.
돈다발 들고 좋아하는 무지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 돈다발 무지님~~ 반갑습니다 :)
안녕하세요 테오님 velog 보고 들어왔습니다!
감사합니다~~ 환영합니다!!
개발얘기가 고프실때 궁금하게 생겼을때 재미난것 보셨을때 언제든지 글 남겨주세요 :)
사진
이 분께서 WebGL 한국어 번역 완료하셨다네용 ㅎㅎㅎ
공부를 해보고싶으신 분은 참고하시면 좋을 것같습니다
이모티콘
최고다..
늦은 시간 프론트엔드 어린이가 질문 하나 드립니다…ㅎㅎ 프론트엔드에서 상태관리를 중요하게 하는 걸로 알고 있는데 초심자의 입장에서 서버에도 데이터가 저장이 되는데 프론트에서 따로 또 데이터를 상태로 관리해야 하는 이유가 궁금해서 질문드려 봅니다. 해당 부분 관련해서 구글링 해보아도 속시원하게 해결되지 않아서 질문드립니다 ㅠㅠ
우선 상태관리가 생긴 배경은 서버의 데이터를 관리하기 보다는 프레임워크가 일반화되고 컴포넌트로 개발하는 과정이 보편화 되는데 컴포넌트는 독립적으로 데이터가 관리가 되다보니 컴포넌트 구조가 복잡해지면 props를 전달하기 위해서 계속 props를 연결해야하는 문제가 발생합니다.
사진
이제는 클라이언트에서 렌더링을 담당하는 부분이 많아짐에 따라 상태관리가 중요해진 게 아닐까요?? 클라이언트에서도 점점 데이터를 다루는 일이 많아지고, 데이터에 따라 렌더링이 바뀌니까요..!
그러다 보니 데이터를 컴포넌트가 아니라 공통의 곳에서 관리를 했으면 좋겠다라는 생각에서 만들어지게 되었어요. 컴포넌트와 비지니스 로직을 분리하고 싶었습니다.
말씀하신대로 그렇게 만들고 보니 서버에서 데이터를 관리하는데 왜 클라에서 복잡하게 이렇게 해야 되나? 생각이 들 수 있습니다.
그래서 나온 대안이 요새 유행하는 React-Query입니다.
아..리액트 쿼리 이제는 미룰 수가 없네요 ㅠ
지금은 타입스크립트를 너무 재밌게 하고 있어요! 왜 진작에 안배웠나 싶어요 테오!
상태관리를 잘 이해하려면 프론트엔드의 흐름을 잘 파악해야 하는 느낌이네요 ㅎㅎ
왜냐하면 아직은 프론트엔드에서 복잡하게 만드는 앱보다는 홈페이지나 CMS류의 서버와의 데이터를 보여주는 1page단위의 서비스가 더 많다보니 자연스레 그렇게 넘어가는 거 같아요
네~ 상태관리가 나오게 된 것들도 복잡한 서비스들을 만들기 위함이었으니까 근데 이게 마치 기본인것 마냥 되다보니 단순한 서비스에서는 더 어려워지게 된거죠
만약 하시는 프로젝트가 사용자 인터렉션이 많고 화면변화가 복잡한 웹 앱의 형태라면 상태관리는 꼭 필요합니다
타입스크립트 좋죠 ㅋ 옛날에는 빌드 속도가 너무 느려서 안썼는데 지금은 너무 좋아요 !
이모티콘 자세한 답변 감사합니다!
리액트 쿼리 쓰고나서 상태관리 너무 만족스럽네요
신인님도 답변 감사드립니다!
쓸수록 매력이 넘쳐요!! ㅎㅎㅎ 초반이라 그런지 너무 재밌게 배우고 있답니당
리액트 쿼리 + Suspense 짱짱!
그쵸.. 서버 통신이 주가되는 1page에서는 엄청 편하죠
우아..리액트 쿼리랑 서스펜스 쓰는 분들이 계시군요
역시 힙한 프론트개발자분들..
사이드 프로젝트에 도입중입니다 회사에서는 쓰시는 분들도 있는데, 지금 사이드에서 안정적으로 적용되면 현업에도 넣으려고 합니다
글쿤요,,! 저는 주로 토스에서 접한 개념들이라 토스가 그런 도전을 많이 하는 것 같아요.
저는 토스 디자인 시스템이 제일 부럽더라구요, 디자인툴에서 컴포넌트 단위로 쓸 수 있고 해당 코드가 자동으로 컴포넌트 JSX 로 변환되는 것을 만든게 멋있었어요
맞아요! 실제로는 모르겠지만 그런 시도들을 계속 꾸준히 하고 있고 회사에서도 밀고 있는 것 같아서 멋지더라구요
자동으로 .jsx 코드로 변환된다는 말씀이신가요..? 저는 요즘 디자인 시스템 얘기를 참 많이 듣는데, 이게 말 그대로 디자인에 대한 디자인 규칙을 말하는건지, 아니면 MVC 같은 디자인 시스템을 얘기하는 건지 항상 헷갈려요 ㅠ 문맥에 맞게 제가 판단해야겠죠?
이름이 똑같아서 그럴 수 있겠네요ㅠ
저는 그런 개발 환경이 참 좋다고 생각해요!
그쵸..제가 개념을 제대로 잡아야겠어요
디자인규칙을 코드로 만든거라고 셍각하심 이해가 빨라요
대표적으로 material design이 있어요
코드 디자인에 관한건지, UI 디자인 시스템에 관한건지 멈칫하게 되더라구요. 그래서 이해하는 시간도 길어지고, 아무래도 겉핥기로만 알아서 그런 것 같아요 하하;
알고리즘에 떴었는데 이번 기회에 봐야겠어요 감사합니다!
퍼블리싱하다가 아무리 생각해도 안떠올라서 올려 봅니다.. 왼쪽처럼 되어 있는 코드를 css만으로 오른쪽처럼 3번 콤포넌트를 밖으로 빼는 방법이 있을까요??
삭제된 메시지입니다.
3이 밖으로 나와야 하는 건가요?
빼야되는 이유가 있을까요
1번 padding left 주고 3번 position absolute나 fixed로 왼쪽 고정하면 되긴합니다
<1 style="position: relative: padding-left: 100px"> ... <3 style="position: absolute; left: -100%">
사진 2장
넵 맞습니당
제설명이나 테오 설명에서 1번을 container로 변경하시면 됩니다
답변 감사합니다 ㅠㅠ!
<3 position: absolute: left: 0; top: 0 bottom: 0, width: xxx px > 이렇게 되겠네요
빼야하는이유는 모바일일때 3번이 1번보다 위의 side navigation으로 빠지기 때문입니다..!
사진
@유용태 (teo.yu) 잘 읽겠습니다. 아직 시작인데, 가독성이 좋아서 벌써 감동적이에용 ㅋㅋ
그 ,, firebase는 기술스택? 으로 쌓기에는 별로인가요 ?? 하나 만들어보고 싶은 웹 어플리케이션이 있는데, 서버를 만들 지식이 없어서 이걸 이용해서 해보려고 하다가 갑자기 이런 생각이 들었네요 (우와)
저는 프론트가 간단히 백을 구성하기 좋은느낌이었어서
디비쪽을 사용하기 편한느낌이었습니다
기술스택이라고 하기는 좀 어렵죠 요리 뭐 할줄 아냐고 물었는데 라면 잘 끓인다는 대답이 돌아온 느낌?
하지만 그렇다고 쓸모가 없고 이런 뜻은 절대 아닙니다
firebase 좋아요! 유료 서비스에 인프라니까 회사에서 안 써주면 망이라 쓰는 곳이 적어서 그런건데
프론트가 혼자서 리얼타임기반의 앱을 포폴로 만들거나 스타트업에서 쓰기 좋은 거라고 생각합니다
저희도 처음에 화상회의 서비스 런칭 할때는 일단 firebase로 구현하고 그 다음에 내부 인프라로 갈아탔어요
firebase하실 줄 아시면 프론트 혼자서 왠만한 프로로타입은 거의 다 구현 가능해요!
오호..일단 열심히 해야겠네요
감사합니다
다들 함수 구현하실 때 어떻게 작성하시나요? 1. function name() {} 2. const name = () => {} 모던 JS는 대부분 2번일줄 알았는데 가독성?면에서 1번을 쓰는 경우도 있는 것 같아서요. 그리고 다른 이유도 있는지 궁금해요 단순 코딩 스타일의 차이인지 궁금합니다!
저는 컴포넌트는 1번으로 구현하는 함수는 2번으로 쓰고있습니다. 예를 들어서 function PaymentPage() { const handleButton = () =>. { console.log('안녕 ! 난 버튼이야') } } 개인적으로는 가독성이 좋더라구요 !
오홍..! 그렇군요 공유 감사합니다! ㅎㅎ
this의 차이라던가 호이스팅시에 함수 자체로 되느냐 그런 내부적 차이때문에 function 도 쓰이는걸로 알고있습니다
저희 회사에서는 그 정도로 복잡한 설계까진 안해서 다 화살표함수로 통일하고있긴하지만...
그쵸…? 사실 저도 예전 사수에게 왜 이렇게 쓰면 좋은 지 배웠는데,(어쩌면 그냥 회사 코드 컨벤션일 수도 있습니다) 너무 신입때라 기억이 잘 안납니다…ㅜㅜ
class가 있긴하지만 생성자 만들때나.. 여러가지 화살표로는 안되는것들이 있다고 알고있어요
저는 무조건 2번을 쓰고 LIbrary에서 this를 무조건 써야하는 특별한 경우에만 function을 쓰고 있어요
그렇군요..저도 생성자 함수 외엔 굳이 써야하나 싶어서요! 그렇다고 생성자 함수라던지 this를 쓸 일이 없었다보니 더 그랬던 것 같아요. 다양한 의견들을 들어서 좋네요!!
그럼 화살표 함수를 사용하는 이유는 뭘까요? 코드량을 줄여주고, 가독성면도 있지만 this를 내부가 아닌 외부에서 찾는다? 라는 말을 들은적이 있는 것 같은데 또 다른 이점이 있을까요?
this를 외부에서 찾는다 보다는 this는 함수 생성시에 고정된다?
그리고 화살표함수는 한줄 함수라고도 할정도로
간결하게도 사용가능해서 편한거같아요
맞아요! 저같은 경우에 면접때 간결하게 사용 가능하고, 가독성면에서도 좋다라고 답했는데 다른 이점은 없을까요?라고 물어보셨어서 궁금했어요.
타자를… 덜친다..?
ㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
중요하죠 그거
화살표 함수가 알아서 렉시컬 스코핑 해줘서 좋다?? 라고 말하면 되지 않을까요
저도 상상해보니 자신있게는 말 못하겠네요 ㅋㅋ
맞아요 혼동이 덜되는거같긴한데
근데 이게 또 이전에 쓰시던 분들에겐 단점이 아닐거라
코드의 가독성이 올라가는 것은 엄청 크다고 생각해요~
혹시 코딩할 때 norm 이 무엇인지 여쭤봐도 될까요??
삭제된 메시지입니다.
42서울에서 쓰는 코딩컨벤션입니다 norminette v3 검색해보세요~!
아 따로 있는건줄 알았네요 감사해요 ㅎㅎ
코드를 검사해주는 프로그램인데 규칙에 맞지 않게 작성했을 때 컴파일 오류가 나는 건가보네요!
설아아빠님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 설아아빠님 반갑습니다 :
안녕하세요! 반갑습니당!
반갑습니다. 개발 얘기가 고프거나 궁금한 거 지금 관심있는 부분이나 재미난 소식 있으면 언제든지 편하게 글 남겨 주세요~
이모티콘 넵!
요새 제일 관심있게 보고 있는게 어떤거세요?
저요... 잘 모르겠어요 올해로 십년차인데 벨로그 보다 충격먹었어요 react도 안해보고 vue도 안해봐서 ^^;; 옛날엔 새로운거 안하는 형님 계셨는데 제가 고전개발자라고 놀렸었는데 지금은 제가 고전개발자네요 ㅎㅎ
와! 10년차! 그러면 요새는 뭐로 개발하세요?
와 10년차..
자바 개발자인데 프론트는 옛날 그냥 하던거 앵귤러만 계속쓰다 이번에 뷰로 만들어보고있어요 ㅎㅎ
오..리액트도 고려대상이었나요? 뷰로 선택하신 이유가 궁금해요.
오오~ 자바 하시던 분들은 확실히 angaulr 편하게 생각하시더라구요~
이거 혻
이거 혹시 가운데 정렬하려면,, 태그 넣어야 하나요? 그냥 벨로그에 글 쓰는건데 ,,
사진
마크다운은 가운데 정렬이 없어요
가운데 정렬없어요..
dkgkd !
아항 !
감사합니당 헤헿
뷰는 제가 이번에 프리랜서 업무 들어온곳이 뷰로 되있어서 겸사겸사 공부하는겸 하는거구 시간날때마다 리액트도 하려구요! ㅎ
구분선 넣고싶은데
벨로그는 기능이 많이 한정적이군요 ! 생각보다 ,,
구분선은 --- 입니다
오 감사합니다
구글에 마크다운 문법 검색하면 자세히 나올거에요
마크다운 검색해서 기능 쭉한번 보시고 써보세요~
마크다운 익숙해지시면
더 편할거에요
아하..!! 그렇군요 답변 감사합니다
angaulr 분위기는 어떤가요? 저희 회사도 원래는 프론트엔드 직군이 없을때에는 백엔드 분들이 angaulr로 CMS 만들고 계시다가 프론트엔드를 대거 뽑으면서
프론트엔드 하던 사람들은 angaulr를 별로 안좋아하다보니까 React로 다시 포팅을 하고 있는 중인 팀이 있어요. ㅎ
angular 좋아요
저는 좋은것 같은데 추세가 거의 react나 vue인거 같아요 ... ㅎㅎ
그쵸 ㅠ 수혈이 좀 힘든 편이죠
수혈이 어렵다는게 무슨 의미인가요?
제가 좀 angular를 깊이있게 못쓰는건가 .. vue,react가 좀더 프로그래밍적인거같고 angular는 약간 jquery같이 유틸로 쓰는 느낌..? 저는 그렇더라구요.. ㅎ
오잉 저는 angular가 더 프로그래밍 적인것 같아여
해당 기술 스택의 신입이나 후임을 구하기 힘들다는 의미입니다
표현이 좀 이상한데.. 더 머리아픈?
엥 있지않나요?
Html로 됐던걸로 기억하는데
css써야하지 아나요 ?ㅠㅠㅠ
사진
그리고 저 초록색 맘에 안들어요 !
엉엉
인라인으로 쓰거나 style 태그 안쪽에 쓰실 수 있어요!!
제가 아직…
css를 안배어써요
구글랭해야게따
감사합니다 !
저도 근데 시각화된 그림 예쁘게 넣구 싶어서
태블릿 …인가 머시기 그거 알아보구 있어요…..
항사 배보다 배꼽이 크네요..
지금 앵귤러는 카카오쪽에서만 쓰고있지않나용?
ㅋㅋㅋ 일일이 꾸미기 귀찮아서 벨로그 씁니다 ㅋㅋㅋ케
그거 꾸미다보면 끝도 없어져서요 ㅠㅠㅠ
저는 벨로그도 어캐 꾸밀까 하고있는데
의미없나요 ?
벨로그에 … 정리한거 시각화된 자료도 넣으면 좋을거 같아서
<p style="text-align: center;">Centered text</p> 구글에서는 마크다운은 가운데 정렬이 없어서 이렇게 하면 된다네요!
아이패드 있는데 태블릿? 그거 알아보는뎅.. ㅎㅎㅎㅎㅎ… 걍 해야겠어요 저두
헉 저거 css언어다 ! 감사합니다
<p align=“center”> 로 html만으로 처리하는 거도 되는 거 같아용
벨로그는 구독이나 팔로우 없는거죠?
감사합니다 !
있던데용 ?
앵귤러 네이버도 써여
많이 써여.. 리액트만큼 안써서 그렇지..
제가 열심히 트랜드 따라갈때가 2015년도까지라 ... 그때 점유율 제일 높았던게 앵귤러라서 ... ㅠ
사진
맞아요 저도 react가 1대장이 될 줄은 몰랐습니다 ㅠㅠ
저 이런식으로
네모 만드는법
구글링중................
구글링은 언제나 옳습니다!!
w3schools
ㅋㅋㅋㅋㅋ css 공부 잘 되시겠어요
여기 넘 제수타일이예요
앗 저 꾸미는거 좋아해서
꾸미는거에 시간 할애량이
..ㅎㅎ..
공부량보다 많네요..ㅎㅎ
그게 real 공부죠 ㅋ
제가 그림까지 언능 그린다면 첫 포스팅을 내일까지 할 수 있을 거 같은데 많이,,, 놀러와주세요 🥰
그리구 제가 말하는 앵귤러는 버전1대에요... 2가 아니고 ... ㅎ
아~ 그래서 vue로 갈아타시는 군요?
네 ㅎㅎ 제가 너무 나태해진거같아서요...
조금만 쉬면 도태되는 프론트엔드 세계입니다 ㅠㅠ
2버전대는 좋아여..
vue는 어떤가요? 3.0 버전부터는 완전 다른 애라던데 궁금해요
혹시 어떻게 하는지 알 수 있을까요..? 공식 계정에도 현재 기능이 없다고만 적혀있어서요..ㅠㅠ
템플릿 문법은 2랑 비슷하고 클래스 방식이 아니라
recoil과 같이 전역 반응형 객체를 제공하고 있어요
recoil보다 먼저 나왓는데 recoil같이 라고 하니까 좀 그렇네요...
그래서 예전에는 페이지 단위에 양식이 정해진 클래스 스러운 방식이었다면 조금 더 자유도를 높이는 방식으로 만들어졌어요
오 테이블 태그 했다
html 작성듯이 작성하심돼요!
react hook이란 비슷한데 deps는 알아서 처리해줘서 더 편한것도 있구요
사진
마침 벨로그 쓰고있어서 ㅎㅎ
ㅋㅋㅋㅋ오늘 방송이 여러개라서 정신이 없네요……
오 가운데정렬인가요 ?
사진
테이블했는데
네네 맞습니다
안예뻐서
버려써요
ㅎ
뷰는 아예 전역 상태 객체를 주는거에요?
멀 넣어야 예뻐보이징 !
오.. 좋당
보노보노?
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
걍 심플로 갈래요 ! !
앵귤러는 많이 무겁고 러닝커브가 꽤 커서 다들 약간 기피(?)한다고 들었습니당 ㅋㅋㅋ
직접 해보면
저도 앵귤러 처음배울때 할수있는것은 많으나 그만큼 배워야하는것도 많다고 들어서
별로 러닝커브 별로 안커요
rxjs가 러닝커브 80% 잡아먹지 앵귤러 잘못은 아니에여
rxjs 공부해보고싶은데
어디서 해야될지 모르겠네요...
아 그래요? ㅎㅎ 괜히 두려움일까요…?! 다음에 한 번 Todo라도 한 번 만들어봐야겠네요
rxjs 개꿀이에여
지금 뱅셀 코드보고 자극받아서프로젝트 만드는데
croco없이 alias도 못해서
오늘 하루종일 그거 설정중입니다..
역시 초기 세팅이 제일 어려운거같아요..
컴포넌트에서 선언하면 컴포넌트 스코프고 전역에서 선언하면 전역 상태 객체가 됩니다
아! 내일 12/30 천하제일폴더구조대회는 오후 8시로 하겠습니다 빈츠는 미안해요~~
톡게시판 '공지': 아! 내일 12/30 천하제일폴더구조대회는 오후 8시로 하겠습니다 빈츠는 미안해요~~
벨로그 구독이나 팔로우 기능 얘기하신 것 같아요! 아직 없는걸로 압니다
이럴수가~늦게 도착하다보니 어쩔 수 없죠 ㅎㅎㅎ 괜찮습니다!
혹시,
사진
삭제된 메시지입니다.
삭제된 메시지입니다.
삭제된 메시지입니다.
저 작은 카테고리 태그와 css만으로도 저 수직 수평선 만들 수 있나용?
::before ::after 써서 만들 수 있을 것 같아요
네! 감사합니다! :)
폴더대회 준비 ppt도 하시나요?
감사합니다!!!
부끄러워하는 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 라이언님 반갑습니다 :)
안녕하세요 ! 프론트엔드 역사와 미래 글 보고 들어왔습니다 ㅎㅎ 프론트엔드 개발자가 되기로 마음먹고 취업을하고 일을하고 있는 와중에도 항상 고민하던 주제였는데.. 감사합니다 ~
와~ 감사합니다 어서오세요
저희는 개발 얘기 고플때 같이 하고 싶은 얘기가 문득 생각났을때 재미난것을 알았을때 서로 얘기 할 수 있는 공간입니다 편하게 이야기 남겨주세요 :)
네불님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 네불님~~ 반갑습니다 :)
ㅠㅠ포맷한뒤로
제 맥북의 모든게 바꼈네요
사진
이런거 색상두 바뀌고
사진
마이크로소프트 계정도
날라갔어요 ㅠ.ㅠ
타임머신도 날리셨나요?
ㅠㅠ흠
그런거같아요
모든걸 다 날린거 같은데
ㅠㅠ
타임머신 날리면
모든게 날라가나요 ?
뭔가 그전의 제 맥북은 칼라풀했는데
있으면 복구는 할 수 있어요 손쉽게
지금은 먼가 구시대의 컴퓨터 보는거 같아요
혹시 컴퓨터 소프트웨어 버전 확인해보실래요?
업데이트하면 될 수도 있어요
Joon님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하십니까 졸업후 프론트엔드 취업 꿈꾸는 23살 학생입니다
🙇♂️
안녕하세요 준님~~ 반갑습니다 :) 환영합니다 +_+
안녕하세요!
좋은아침입니다~~
다들 이시간엔 뭐하시나요~??
출근하시려나
집에서 개발 중입니다. ㅋ
0o0
전 일찍와서 스낵랩 먹습니다
저도 일찍 출근하면서 커피 사가요 ㅋㅋ
이거 진짜 기분좋은.. ㅋㅋ
전 매일 던킨 도넛을 사갑니다
다음 한번쯤 보셨을수도 있는데 못보신 분들도 있을것 같아 공유합니다. 시간 될때 한번 보세요~
감사합니다
혹시 react-query 사용한 좋은 프로젝트 코드나 오픈소스 있을까요? api 함수들을 어떻게 정리했는지 보고 싶은데 마땅한게 없네요 ㅠ
감사합니다! 재밌게봤어요
아 저도 강의에서 봤네요..
예제를 ..잠시만요
노마드 코더 강의 코드중 리액트 쿼리 관련 부분이에요
오 노마드코더도 있군요 감사합니다!
리액트 네이티브 강의이긴한데 리액트 쿼리부분만 보시면 될듯합니다
리액트 쿼리가 대 유행인가요?
사진
저는 그냥 이런 식으로
useQuery 한번더 감싸서 훅처럼 호출해서 쓰도록 했어요
대 유행까진 아닌데.. 뭔가 상태관리에서 사람들이 리덕스나 다른 것들 전부 뭔가 염증을 느끼고 있었는데
오우
쉽고 더 좋은 느낌이 나와서
이동하는거같아요
오.. 감사합니다!
저도 코드 찾아보면서 확실히 리덕스가 예전보다는 안보이더라구요
썰님 혹시 전에 이젤 면접 인성 면접까지 보셨나용?
저도 이제 리덕스 안쓰려고요...
아예 useQuery까지 미리 정의해서 정리하신거죠?
네 맞아요 경로명 보시면 아시겠지만
한번에 봤던거 같은데
혹시 그때는 CEO 포함이셨나요?
면접을 좀 많이봐서
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ ㅜㅜ
좀 햇갈려요..
api콜 필요한 곳에 api 폴더 만들고
엔드포인트 별로 파일 생성해서 그 안에서 훅 관리했아요
오 저런 방법도 좋겠네요.. 저는 api 함수까지만 정의하고 useQuery 같은 건 필요한 컴포넌트에서 쓰고 정의한 api 불러오는 식으로 했었는데
네 어차피 api 콜 함수는 useQuery에 종속 되니까요
맞네요.. 감사합니다!
기술 면접은 끝냈는데 이번에 인성(?) 면접을 본다고 하셔서 뭘 준비해야 할 지 몰라서요 ㅋㅋㅋ,, 회사 최근 동향 스크랩해서 읽은 것 같아요 ㅋㅋㅋ ㅜㅜ
그때 기억하기로는 엄청 작은 회사였어서
그랬던거 같아요
지금은 모르겠어요
개발자는 인성때도 기술면접 치루는곳도 있어요
제 경험이에여 ㅎㅎ
아직 그런 것 같아요 ㅋㅋㅋ ㅜㅜ
어우 인성에 기술도 포함되는 군요 ㅋㅋㅋㅋ ㅜㅜ
방심하면 안되더라구요 ㅠㅠ
가끔 기술면접때 대답 못했던?
그런 질문들 물어보시기도 하더라고요
제가 그 useLayoutEffect
얘기 나와서
살짝 힘들었던 경험이 있었습니다
그때 대답 못했던 부분을 좀 더 봐야겠네요
말이 기술 인성이지 1차 2차의 느낌인데가 많더라구요 ㅋ
팀평가 -> 임원평가
이거는 뭐에요?
https://merrily-code.tistory.com/46
오 이런게 있었네요...!!
https://merrily-code.tistory.com/46
뭐지 렌더하기전에
네네
같은 링크네요!!
찌찌뽕>.<
어떨게 보면
ㅋㅋㅋㅋ
호출시기가 useEffect랑 살짝다른?
리액트에서의
프리렌더?
살짝 마운트 되기 이전에 state를 먼저
값을 넣어주는 방향이긴 한데
오홍
렌더링후에 페인팅 전이었나
리액트는 신기한게 엄청 많네요
네 맞습니다
이걸 용어정리가 안도ㅑ서
업데이트 랑 마운트 이걸로 말장난 하다가 확실히 대답을 못했었습니다
저도 면접 보다가 나온 용어들 회사들어오고 다시 정리했었어요
몰랐던 키워드들
저도 대답 못했었쬬 ㅋㅋㅋㅋ
uselayouteffect
초봉 5천 회사 4천 회사도 대면/ 기술 면접을 봤었는데
뭔가 아직 이 회사들에게서 요구하는 조건에는 제가 아직 부족하다는 느낌이 강해서
현업에 먼저 들어가서 리뷰도 받고 실무 코드를 배우고 싶어서
좀 선 취직 방향으로 잡은 것 같아요
일단 무지성 30개 넣고 붙여주는 곳으로 간다…ㅋㅋㅋ
지금은 차악을 배제하는 방향으로 가고 있기는 한데,,,
기술은 정말 좋고 배울만 한데,, 연봉 복지가 아예 못가겠다 하는 곳이 있을까봐 좀 무서운 것 같습니다,,
27,8 정도에 이직을 해보려고 생각입니다 ㅋㅋㅋ
3개정도 제안 받고
그중 선택하는걸로 해보세요
네네 마침 딱 3개라 🤣 열심히 해보겠습니다 ^^7
준희님 홧팅입니다!
준희님은 좋은곳 갈 것 같아요
저도 같은 생각으로 준비하다가 선취업으로 방향 틀고 현재 첫회사 완전 만족하며 다니고 있어요!
이모티콘
이모티콘
ㅋㅋㅋ갖고싶다
이모티콘
이모티콘
이모티콘
이모티콘
이모티콘
이모티콘
이렇게 두개가 코딩 관련된 이모지입니다 ㅋㅋㅋㅋㅋㅋㅋ
개발 관련 임티가 좀 있군여
이모티콘
오 이건 처음봤어요
과학관련인데 그중에 하나가있어서
ㅋㅋㅋㅋ
이모티콘
이런거
오 동지가 있었네용
이모티콘
이모티콘
이모티콘
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
오…..뭔가 새로운게 많이 있었군용
귀엽네요 ㅎㅎ
삭제된 메시지입니다.
삭제된 메시지입니다.
삭제된 메시지입니다.
삭제된 메시지입니다.
삭제된 메시지입니다.
혹시 border에 1px solid만 적용된 채 색깔을 안정해주면, color(글자색깔)값을 따라가는 성질이 있나용?
네
감사합니다!
삭제된 메시지입니다.
혹시, 이 챕터의 마지막 질문인데용
사진
저 단어 하나하나가 display:inline-block인데용
세로 정렬을 하고 싶습니다. 저 각 단어는 <li> 태그래서 <ul>에 flex:columne 처리를 하면 되지만
그러면 박스 모양 일정해지는 문제가 생깁니다!
그래서, 혹시 저 박스 모델의 크기를 유지한 채로 세로로 만드는 뾰족한 수가 뭐 없을까용?
그렇게 해야 되는 이유는 뭐에요?
저 그리드 라인 4개가 position:absolute고, <li> 태그가 position:relative라서, 박스모양을 유지하는 방식으로 가도록 하였습니다
그래서 만약 저 박스 모양의 크기가 다 일정해지면, 그리드 라인이 각 단어의 크기에 맞게 설정되지 않게 됩니다 ㅠㅠ
예를 들면
사진찍어 올릴게용
사진
bag에 크기에 딱 맞아야하는데, flex:column을 쓰면 박스모양이 저렇게됩니다
li 안에 a나 span 혹은 div 넣고 inline-block하는 식으로 한번 더 감싸는건 어때요?
<ul> <li><div class="inline-block relative">BAG<div class="aboslute guide ..."/></li> ...
와..
아니, 잠깐만요 한 번 시도해볼게용!
아..
이해했습니다
될 거 같아요! 감사합니다!!!
생각해보니 그냥 flex: column을 해도 될텐데요. align-items: flex-start
display: flex; flex-flow: column; align-items: flex-start;
사진
만들고 싶은게 이거에요?
넹. 지금 아까 추천해주신 방법으로 그렇게 만들긴 했는데
flex 방식도 지금 한 번 해볼게용!
아까 추천방식으로 대충 이렇게 해봤는데 되더라고용
<li> <div className="lineRelative"> <div className="line"></div> All <div className="lineTwo"></div> </div> </li>
lineRelative에 relative랑 inline-block 적용해서 해결했는데
flex도 한 번 해볼게용!
네~ 나중을 생각하면 flex가 낫죠 ㅎ
우와..
해결됐어용 이렇게 해도
흠..
flex는 항상 쓰던 것만 써서
사실 flex-flow랑 aling-items: flex-start에 대한
감각은 없는데용
이 기회에 flex를 더 봐야겠어용
매일 justify-content: center랑 align-items: center 그리고 flex-direction만 썼었는데
흠..
flex-direction이랑 flex-wrap을 합친 게 flex-flow입니다!! align-items: flex-start는 지금처럼 flex 방향을 column으로 만들었다면 왼쪽으로 정렬한다 보시면 돼요
flex 방향과 일치하는 방향으로 정렬할 때는 justify를 쓰고 수직 방향으로 정렬할 때는 align 쓰시면 됩니다
flex-flow가 코드가 더 짧아서 좋아요
그렇죠 ㅋㅋㅋㅋ 짧은게 최고...
align-items를 왼쪽(start)으로 정렬하면, 일정했던 박스크기가 원래 글자 크기에 맞혀지는 군용
align-itmes의디폴트 값이 뭐길래 flex-start를 안하면 박스크기가 일정해지는 건가용?
stretch가 맞나용?
사진
initail value는 노말이네요
initial
사진
이거랑 다른 거에용?
사진
같은거 같아요
아하
컨테이너 크기에 맞혀서 늘려줄데로 늘려주는 건가? 이름 느낌이 그래보이는뎅 ㅋㅋ
맞아요 stretch는 무조건 늘려주는거고
normal은 가로랑 세로랑 동작이 달라요
브라우저마다 기본값이 다른가보네요
사진
flex에서 쓰일 때는 stretch처럼 동작한다네요!!
후.. 덕분에 메인 페이지 역동적인 부분까지(별거없지만..) 다 만들었어용! 감사합니다!
ㅋㅋㅋㅋㅋㅋ 재미있는 테스트 있네요
사진
저는 자스나왔습니다
ㅋㅋㅋㅋㅋㅋ 해볼게요
사진
와 구름에듀꺼였네
저 아래 버튼 누르면
바로 강의로 넘어가네요 ㅋㅋㅋ
사진
사진
저두자스..!
저는 제일 싫어하는 자바가 나왔네요 .. ㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋ
다들 어울리는 언어군요 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
사진
오 저도 스위프트네요
사진
어리둥절,,
갓벽 그 자체!! ㄷㄷ
펭귄 오늘부터 씨언어 하러가시나요 ㅋㅋㅋㅋ
어우,,
갓벽 펭귄
젊꼰인거 들켰네요
저도 자바스크립트 나왔어요 ㅋㅋㅋㅋ
그때 아니던데요 ㅋㅋ
사진
저는 자바나왔어요
자바 설명 궁금해요
테스트 꿀잼이네여
가끔 이런거 오면 잠깨기 딱 좋아요
사진
쿠팡이츠에서 패러디 광고로 엄청했었는데
이걸 배민에서 상줬네요
ㅋㅋㅋㅋㅋ
ㅋㅋ 대놓고 맥이네요 ㅋㅋㅋㅋㅋㅋㅋ
쿠팡이츠에서 저거 광고해도 괜찮나 이랬는데 뭔가 배민에서 재치있게 받아친 느낌이 드는거같아요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
뭔가 펩시 vs 콜라 구도같네요 ㅋㅋㅋㅋㅋㅋㅋ
잘 대응한것같아용
처음 봤을때 진짜 크게 웃었는데...ㅎㅎㅎ
근데 진짜
한치도 물러나지 않는 긴장감이 있는게
재밌다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
쿠팡이츠가 근데, 기세가 대단하네용
점유율이 되게 올라가는 시점에 대표적 라이벌인 배민을 저렇게 해버리넹
쿠팡은 전략이 항상 공격적인 느낌ㅋㅋㅋㅋ,,
첫주문 2만원 할인 코드가 너무 얄밉다
제가 배민 사원이라면 저 2만원 할인이 얄미울 거 같아용 ㅋㅋ
근데 뭔가 저거 보면 배민홍보도 되는거같아서
어짜피 사람들은 글 자세히 잘 안읽는 사람들도 있어요
결과는 배민이나 쿠팡이츠만 알겠지만
배민에게도 이득이 되었을수도 있습니다
카더라에 따르면, 얼핏 보면 배민 광고같아보이기도 해서, 배민에서도 똑같은 첫주문 코드 만들어서 만들면 어떨까? 라고 내부적으로 이야기 나눴다고 하더라구요 ㅎㅎㅎ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
오히려좋아
결국은 안했다고 하더라구요
ㅋㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
진짜 대충 보면 배민 광고로 보여요 ㅋㅋㅋㅋㅋㅋ
혹시,
사진
약관동의, 프론트엔드와 백엔드간의 어떤 데이터를 주고 받는지에 대한 내용
콘텐츠 알고 계신 거 있을까용?
UI는 만들었는데, 이제 프론트엔드와 백엔드 기능 구현을
하려는데,
프론트엔드에서 무슨 데이터를 전달하고, 백엔드에서는 무슨 데이터를 받아 어떤 가공을 하는 과정을 거치는지
모르겠군용..
저 ui에서는 굳이 통신 안해도 될거같은데요
체크만 하는 거라면 저도 그렇게 생각했는데
아 잠깐만용
그리고 애초에 백앤드가 없어서
통신을 못하시는게 아닌가요
선택 체크같은 경우는 어떤 건 체크하고 어떤 건 체크 안하는 경우이고, 체크한 거는 테이블 속 내용에 대하여 체크한 회원이라는 정보를 백엔드에 전달해야 하는 거 아닌가용?
어떤 유저인지를 몰라서
일단 데이터를 프론트에서 가지고 있다가 회원가입버튼 누르는순간 같이 보낼거같아서
저 페이지에는 통신을 안할거같다고 말했습니다
아 무슨 말인지
이해했어용
정보입력 페이지까지 도달한 뒤에 거기서 버튼을 누르면 전달이 되겠군용
넵 그렇게 할거같아요 저는
이 부분에서는 프론트 영역에서 어디 어디가 체크된지만 보관했다가
넵넵 맞아요
정보입력란에서 보낸다는 소리시죵
맞는 소리네용
아직 회원가입 완료된게 아니니깡
맞아요 중간에 이탈될수도 있는거라 통신이 의미가 없어서요
으흠.. 그럼 나중일은 나중에 생각하고, 프론트에서 이 부분만 구현해야겠네용
역동적인 체크 박스랑, 체크한 내용 저장
!!
그리고 백앤드 없어서
통신못하실텐데
백엔드는
어떻게 구현하시려고요
제가 몽고디비로
koa 또는
express로 하게용
아아...
화이팅입니다
넹!! 감사합니다!!
여러분 !
저아직 완전 기초지만 생코 html 다 읽어서 포스팅 하나 해써요,, 헤헤
링크 공유해주세요! ㅎ
링크공유해주세요 ㅎㅎㅎ
댓글 써주세요 !!!! 🥰
네이버로 하셨네요 ㅎㅎ
사진
이것도 제가 포토샵으로 !!! 만들었어요
넹.. 저 벨로그 잘 못하게써요 ㅠ.ㅠ
깃 하시다보면 익숙해지실거에요 ㅎㅎ
히히 네 !
리드미 문서가
저 근데 동영상태그에 궁금한게 있는데
벨로그랑 같은 방법이거든요
사진
scr는
iframe scr="url
iframe scr="url" 쓴 후 width, height 쓰는거 아닌가요?
순서 상관 없나용
iframe?
사진
다른 태그 아닌가요
아아.. 둘다 써요
iframe이랑 video 태그랑
달라요 ?
네
에엥
전 iframe 바께 안배워서ㅜㅜ
나중에 추가해야징 !
이분꺼가 html 잘 정리되어있더라고요
한번 참고 하셔도 좋습니다
오 감사해요 !
근데 먼가 생코는 저런 자세한 정보 배우기 보단
진짜 개맛보기? 만 배우는거 가타요
맞아요 입문용이죠
딱
태그도 책에 5개정도 써있던데
그래서 제가 재밌어
하나바용 호호
우와 첫포스팅 멋져요 짞짞짞
습득력 장난아니시네요 ㅎㅎ
헐랭 아니예요 ! ! 감사합니다
근데 썰~~님이 보내주신 분꺼 자료 엄청 좋네요 ,,
생코 끝내구 심화?용으로 가면
참고할래요 !
메모장에
넣어나써요
넵 ㅎㅎ 나중에 한번 쭉 정리해보세요
사진
꺄 감사합니다 !
어떤 사랑스러운 분이 댓글 써주셨어용 ㅎ.ㅎ 감사합니다
ㅋㅋㅋㅋㅋ 저인거같은데요
예전 닉이라
이거 어디서 바꾸지..
감사해요 ! !
저 근데 iframe이던 video던 scr , width, height 순서 상관 없나용 ?!
img scr=" " widht=" "
속성 순서는 상관 없어요
이미지는 이런 구조였던 거 같아서용 ..
순서는 중요하지 않아요
아하 감사합니당
순서도 외워야하는줄,, 알았네유 ,,
영무룩님 프로그래밍공부하실때 공부했다가 아니라 공부해서 뭘 만들어봤다ㄱ
까지가 공부라고 하는분들도 있더라고요
한번 지금 배운것만으로 간단한거라도 만들어보셔요
오 마자요 그래서 오늘 html만으로 할 수 있는 간단한
웹사이트 기획서 세우고 만들구 !
css 넘어가려구용 '-' ! !
오 멋집니다
사진
희희
오 만들어보신건가요
영무룩님 스프린트 열리면 잘하실것같아요
앗 아니요 ! 저건 약간 스케줄러예요 !
해야할 거 적어놓는거 조와해요
스프린트가 뭐예요 ?
스프린트는 어려운 프로젝트를 빠른 시간 내에 효율적으로 해결하기 위해 만들어진 팀에 구체적인 방법을 제시하는 5일짜리 프로그램이다.
오,,
5일동안 이 방 분들과 조 짜서 같이 프로젝트 만드는거에요ㅎㅎ 테오님이 2기 진행예정 있다고 하셨으니 담에 참여해보셔요
저같은 초보도 가능할까요 ㅠ.ㅠ????
1기 참여했는데 제 역할은 응원하기였답니다
우왕
펭귄 백앤드였는데요
저도 한 응원 하는데,,
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
백엔드없는 프로젝트에서 백엔드를 맡았습니다..^^
에잉 진짜 응원하시긴줄 !
ㅋㅋㅋㅋㅋㅋㅋㅋ
제가 못도와드려서 ㅠ 파이썬은 1도 몰라서..
노드면 서포팅 했을텐데
근데 저 프론트 갈건데
칭구가 저보고 C++이랑 파이썬 하라는데
이 두 언어는,, 백 아닌가요 ?
ㅋㅋㅋㅋㅋㅋㅋㅋ
나중에 코테를 위함이라던데,, 코테를 위해 저 두 언어를 공부하기도,, 하나요,, ㅠ?
자바스크립트 하세요 ㅎㅎ
넹,, !
자스자스
요새 프론트 코테는 자스로 제한두는데도 생겼고
파이썬이나 C++ 보다 어렵긴한데
그렇다고 못할정도는 아닙니다
참고로 제 친구는 ,, 21살입니다 ㅎ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 벌써 코테 준비하시면
영무룩님도 동갑이시겠군요...
저는 26이예요
흥미를 잃으실 수도 있어요 ㅜㅜ
아 오픈마인드!
아하
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
저는 지금이,, 딱 좋네요
아 그럼 괜찮을 것 같습니다
생코 동영상은 먼가 정보 알려주기보다
할 수 있다!!!! 이렇게 말씀해주시는
느낌이라
준희님 말에 동감합니다
프로그래밍 공부는
포기만 안하면..
썰님,, 저는 이젤로,,,
된다고 생각해서
오
나중에
합류하기로 했읍니다
여러분
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ ㅜㅜ
코테준비는 정말 느낌이 많이 달라서..
와우 축하드려요!!
저오늘 css 들어가요 !!!!!!!!!!!!!!!!!!!
축하드립니다
저는 계속
갑자기 수학공부하듯이 될거예요 그거
나중에 박물관 놀러갈게요
pre a인줄 알았는데
준희님이
내년에 b라고 하더라구요 ,,
그 분이셨나 ?
저때는 pre a였어요
깃허브보고 놀랐던
네네 ㅜㅜ
저 면접볼때
제가 놀랐던 그분이신가?
ㅋㅋㅋㅋㅋ 잘 모르겠숩니다 ㅜㅜ
규모가 상당하네여
저도 한 2년전부터
시작할걸
ㅜㅜ
기존보다 연봉도 조금 더 높여서
맞아요 외국에 회사도
코로나 시작과 동시에 프로그램이 했으면 ㅠ.ㅠ
외국에서 일하시는분들도 있고
다담주 월욜에 출근도장 찍기로 했습니다
제가 코로나 시작할때 취업했어요..
오 취업하셨군요!! 축하드려요
쉿 저 27에 시작..
이전에 얘기드린 webGL 회사를 정리했습니다 ㅜㅜ
저… 33에..
어웃
죄송해요 ㅜㅜ
저는 48시간 과제 받아서 2일 밤 샜습니다 ㅋㅋ
헐 저도 2일 뒤면 27살인데
저랑 가치 시작하신고네유
오 준희님
추카드립니다
저는 33에 취업했으니 가능합니다 늦지도 않았어요
과제 봐주시는 회사들은 저를 안뽑아 주더라구요 ㅋㅋㅋ ㅜㅜ
현실과 타협해서
썰~~님
공부시간이 중요한건 아니지만
하루에 몇 시간 정도 프로그래밍에
투자하셨나요 ?
저는 정말 널널히 하고 있어서
대면 면접으로 뚫어냈습니다
지금 굉장히 재밌게 공부하고 있거든요 ,,
재밌게 꾸준히가 중요항 것 같아요
하루에 5~6시간?
헉 제기준 엄청 빡세게
근데 그렇다고 막 몰아치면서 하면 더 안좋은거 같아요
하셨구낭, , , , , , , , , , , , , , , , ,
그러다 번아웃오면
저도 개인 공부라
😨
그냥 망하는거라서
점심 5-6시간
잘되면 저녁먹고 2-3시간
저는 지병 때문에 번아웃 너무 자주 와서
준희님 나중에 좋은 박물관 같은데 오픈되면 알려주세요
ㅋㅋㅋㅋ
진짜 살살 하고 이써요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
저도 먼지 모르겠지만
저도 갈래요
저는 진짜
포기 안하는게 제일 중요합니다
인성 면접이라고
제가 유럽갔을 때 갔던 박물관이름
검색하고 별 거 다했는데
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ ㅜㅜ
전혀 그쪽은 아니더라구요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
프로그래밍하다
포기하시는분들
사진
먼가 마나보여서 !
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 열심히 하셨네요
이런식으로 잔디 쌓으시면
저보다 잘하실거에요..
제가 좋은 회사는 아니지만,
저분 원래 데이터 페칭도 못하셨던분인데..
저보다 더 잘해지심..
어느정도 경험 공유를 저녁에 작성해보도록 하겠습니다
아 저도 내년에는.. 잔디 쌓으려고요.. 올해 그냥 하나도 없어요..
좋아요 보러갈게요!!
저거 다 5만원씩 내고
100일 잔디쌓기 챌린지 하신거에ㅛㅇ
ㅋㅋㅋㅋㅋ
근데 진짜 되게 생각보다
하루라도 안하면 돈 깎이는
잔디랑 벨로스
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
많이 보시는 것 같아요 ,,,
스타트업이라 그런지 더욱,,
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 돈걸고 하는거 괜찮네요
슬랙으로 잔디 봇 해놓고
저도 참가했다가 이직해야되서.. 5만원 날렸죠
ㅋㅋㅋㅋㅋㅋ
돼서
아아 ㅋㅋㅋㅋㅋㅋㅋㅋ 안타깝네요
와~ 합격 하셨네요! 축하드립니다. ㅎㅎㅎ +_+bbb
나중에 하실분들있으면 제가 호스트로 해서 저도 같이해서 잔디 챌린지는 해볼의향은 있습니다 ㅋㅋㅋ
잔디 100일 챌린지
이모티콘 감사합니다 테오님
너무 덕분이에요
이런 방 만들어주셔서,,
오오 해볼까요...
의견 교류를 많이 해주셔서 도움이 많이 됐습니다 ㅜㅜ
내년에 사람 모아봐요 ㅋㅋㅋ
다들 열심히 하시네여... 제주도에 계신분도 계실까용..
제주도는 아니지만…. 저도 여행다니면서 코딩하는거 좋아합니다..
webGL 에서 webVR로 넘어왔습니다 ㅋㅋㅋ 🤣
제 꿈입니다 ..
준희님의 webVR 블로깅 기대해도 되나요
ㅋㅋㅋㅋㅋ
오오! +_+
이제 그런거 해볼 기회가 점점 없어질것 같아서 webVR 좀 소식이나 동향좀 공휴 해주세요 :)
저두 누구랑 같이 스터디하면서 으쌰으쌰 해보구싶어요...
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 블로깅까지는
시간이 좀 많이 필요할 것으로 보입니다만
나중에 같이… 잔디 같이 심어보실래요?? ㅋㅋㅋ 개인 공부하시면서
괜찮습니다!!
많이 공유해주시기 때문에 저도 노력해볼게요!!!
저는 진짜 그쪽으로는 문외한이라…
깃허브에 심으면 되는거에요?.. ㅎ
사진
뭐야
공부하시면서 블로깅 공유만 하신다면
준희님 축하드려요
이전에 책도 선물 받았었는데
그쵸 ㅋㅋ
진심인 회사에 못가겠다고 말하는 것도 너무 힘들었어요 ㅜㅜ
감사합니다 개발닥님!!
이젤닥에선 wevVR개발해요?
그런것 같습니다…!
그회사가 박물관 전시회 같은곳들을
VR로 체험할수있게 하는 회사로 기억해요
그 360도
네이버 지도처럼 찍어서
4k로 출력하는
그런 느낌입니다
이모티콘 혹시 공부자료 공유해주실수 있나요 개인적으로 궁금해요
바로 갤러리에서 판매까지..? 연동하는
거기가 게임개발자 출신 프론트 한분 계셔서
이모티콘 준희님 축하드려요!!!
그분이 해주셨다는 걸로 기억합니다
같이 심어요ㅎㅎ 저는 깃렙 쓰는데 깃렙에선 잔디 못보나요 ..
파란잔디
곧 입사해서 열심히 공부하고 공유해볼게요…!
삭제된 메시지입니다.
깃랩은 회사전용아닌가요..
설치형으로 알고있어서
감사합니다!!!
예전엔 깃허브 private이 아니라서 그때부터 그냥 깃랩 쓰기시작했는데 지금은 깃허브도 무료더라구요... ㅎㅎ
이제 면접 준비 레포가,, 업데이트가 뜸할텐데 아쉽네요 ㅋㅋㅋ ㅜㅜ
그거 유명하지 않나요
쩜님유튜브에서 본거같은데
유튜브..용?
아 준희님께 아니었네요
한재엽님꺼였네요
아 근데
저도 이거 매우매우
참고했습니다
ㅋㅋㅋㅋㅋ
재밌는 스택으로 개발하셔서 좀 샘나네여
제미랑 경쟁력까지 갖춘 인재가 되보도록 노력하겠습니다
맞아요 거기 프리 a였지만 스택이 신기해서 가고싶었던 회사였어요
첨 들어왔을 때 대화나눴던 기업 중에 js 빡세게 봤던 곳이
패스트캠퍼스였습니다
데이원 컴퍼니,,
얄짤없이 부족했던 것 같아서 미련은 없네요 ㅋㅋㅋ ㅜㅜ
맞아요 좋은데 가셨으니까 이제 또 취업길은 잊고 커리어 패스 잘 설계하고 따라가셔야죠 ㅋㅋ
크..준희님 축하드립니다!!
준희님축하드립니다
첫출근 후기 기다리겠습니다..😀
다른 회사들은 첫출근 때 어떻게하는지 궁금하네요 ㅎㅎ
이모티콘
감사합니다…!!!
저도 좀 두근두근 하네용
10시 출근이라 아침에 운동을 하고 가면 괜히 무리인가 싶기도 하고,,,
아직 하나도 정해진 게 없어요 ㅋㅋㅋㅋㅋ
궁금한게 있는데 보통 서류합격하고나서 인사팀에서 얼마정도 후에 연락이 오나요???
평균으로 따지면 5~7일이였어요 저는!
2주를 넘긴적은 없어용
답변감사합니다!!
저어어는
떨어지는 거면
ㅋㅋㅋㅋㅋㅋ 원래 고지한 기간보다 늦게오고,,,
붙은거면 제 때 오는,,,
그렇군여..ㅠㅠㅠㅠ
느낌아닌 느낌을 많이 겪었습니다
ㅜㅜㅜㅜ
웬만한 경우엔 거의 기간내에 오긴하죠 ㅠㅠ
웃음밖에 안나오는 귀여운 글 공유합니다
ㅋㅋㅋㅋㅋㅋㅋㅋ 저의 취직까지의 회고입니다
잘 읽었습니다!! 공부하신 내용들 멋지네요
으쌰으쌰 하자는 의미로 적었는데
다들 도움이 되셨으면 좋겠습니다 ㅋㅋㅋ
저희 오늘 8시에
구글밋으로 하나용?
아 저 10000보 채워야돼서…. 한바퀴돌고 가겠습니다…
전에 만들어둔 게더타운에서 모일까 해요 링크 공유 할게요
넵! ㅋㅋㅋ 제인생 첫 게더타운이겠네용
잠시후에 뵙겠습니다
썰, 빈츠 지금이라도 참가 가능하나요? +_+
헉
들어가도 되나요오
네~
저 밥먹구 있어서 언능먹구 들어가겠습미다!
아.. 저 혹시 여기 참여하기로 한사람만 들어가야 하는 곳인가요..?
아뇨
언제나 환영합니다. ㅎ
재밌었습니다~ 갑자기 급 마무리하게 되어서 아쉽네요
괜찮습니다 ㅋㅋㅋ 재밌었어요!!
맞아요 재밌었어요!
저도 재밌었습니다 ㅋㅋㅋㅋ
재미있었습니다 ㅎㅎ헤
너무 유익했어요! 많이 배웠어요 ㅎㅎㅎ
재미있네요! 고생하셨습니다!
사진
1) 리액트 약관동의 페이지 구현 중 체크박스에 관한 질문: 맨 아래 보이다시피 <input type="checkbox" ...>가 있는데용. 클릭하면 checkItem이라는 함수가 호출되고, checked를 !checked로 바꿔주는 거처럼 효과를 내기 위해서, checked에 checkedItems.has(1)을 기입하였는데용!
왜 클릭을 해도 아무 경고창도 아무 변화도 없을까용? 콘솔로 디버깅을 해보니 호출이 잘 이뤄집니다! 근데, e.target.checked라는 값이 제가 생각하던 것처럼 안 나오는 걸 발견했습니다!!
혹시 위 식에서 잘못된 부분이 있을까용?
단순히 checked 상태를 변경하는 걸 굳이 Set으로 넣으시는 이유는 잘 모르겠지만 어떤 사정이 있을 걸로 가정하고 답변드리면, setCheckedItems를 해줄 때마다 new Set으로 새로운 Set을 생성해서 넣어주셔야 할겁니다
Array든 Object든 다 마찬가지입니다.
풀스택님이 말씀하신대로 하면 됩니다 원인은 상태의 내부의 값은 변하지 않았지만 상태값은 변하지 않았다가 원인인거같습니다
레퍼런스값은 그대로인거같아요
*상태내부의 값은 변했지만
근데,
사진
제가 console.log(e)랑 console.log(e.target.checked)를 추가해서 내부 내용을 봤는데요ㅕㅇ
당연히 e(이벤트 객체)랑 e.target.value가 콘솔로 찍히는데용
사진
근데
e(이벤트)객체에서 내부에 target.checked를 찾아보니까
사진
false라고 나오는데, 이게 무슨 상황인 건가용?
e 내부를 보면 target.checked는 false라고 나오는데, console.log(e.target.checked)로 콘솔찍으면 true라고 나오는뎅
음.. 콘솔 로그에 settimeout 1초정도만 해보실래요..? 체크되기 전에 이벤트가 실행된건가 싶어서요
이벤트가 onChange인거죠?
네 맞습니다!
어머..
setTimeout(() => console.log(e.target.checked),1000);
이렇게 바꾸니까, true로 뜨던데 false로
바뀌었네용
바뀌었다고요..???
콘솔 어떻게 떴는지 보내주세요
사진
true로 뜨던게 false로 떴고
e 내부는
아아 아까랑 반대로 뜨는건가요?
그대로
사진
false입니다
네넹 반대로
떴어용
아 내부는 그대로요 네ㅔ네
원래 true가 뜨는게 맞는거죠?
원래 저부분에서는 false로 뜨는 게 맞아용
근데 아까는 true로
아아 넵
뜨길래 뭔가 이상했는데
혹시, 이게 말이되나
console.log(e.target.checked)보다 checkedItem.add(e.target.id)가 먼저 실행된 건가용..
아까 문제 원인이 궁금해용
이 가설은 아닌 거 같아용
그러게요 어렵네요 지금 찾아보는 중이에요
checkedItem이 직접 만드신 것 아닌가요? 직접 만드신 거면 아무 상관 없습니다
사진
직접 만들었다는게
state 값이냐고 여쭤보시는 건가용??
다들 이른 시간부터..
열정 열정 열정 ..
저 근데 영양가 떨어지는 시간이였어용 ㅠㅠㅠ
자존감 무너질뻔 했어용
사진
이 페이지를 만들고 있는데
예전에 todoList에서 체크 박스 관리할 때는용. 배열로 막 돌아서 했던 거 같은뎅. 이렇게 checkbox가 띄엄띄엄 나오니까, 왜 헤매는 걸까용
음 그러니까 그 checkedItem 리스트에 아이템이 들어가면 체크된 상태로 바뀌는건가요?
오 맞아용!!
checkedItem에 id가 들어가면 해당 id를 가진 input은 체크가 되었다는 표현으로
만드려고 했어용!
Set을 사용한 이유는 내부 요소 중복을 방지해주니까
배열 말고 사용한 거고용!
아아ㅏ 넵
결과는 들어가는데
화면에는 안나온다는 말인가요
제가 이제 출근완료해서
사진
이제봤스비다
이렇게 console.log(e) 랑 console.log(e.target.checked)를 연달아했는데
넵
원하는대로 나오나요
e내부를 들여다보면 target.checked는 false로 되어있는데
넹넹
아까 제가말한게 맞는거같아요
이거요
내부의 값은 변했을거에요
근데 상태값 자체는 변하지 않았습니다
1초 지나고는 되던데 뭘까요..
지금 찾아보니까 onchange 말고 onclick으로 하라는 것 같은데
1초 지나고 된다는게 무슨말인가요
어렵네요
여기서는 바뀐대로 나와요
제가 혹시, 괜찮다면
전체 코드를
올려도 될까용?
네네 보내주세요!!
넵 차라리 그게 더 나을거같아요
아니면 깃이나
코드펜에 올려주셔도 됩니다
yeu.kr
이런곳도 좋고요
이거 주소 보내면 공유되는 건가용?
저장하시고
보내면 코드 공유됩니다 ㅎㅎ
이건 우리나라 개발자분이 만드신거라서
많이 이용해주세요
넹넹! 배경화면에 바로가기 둘게용
색깔 때문에 보는게 방해된다면
사진
잠시만요 지금 이슈있어서
넹 아주 아주 천천히 천천히 하셔도 됩니다
저도 계속 생각해볼게용!
죄송합니다 ㅠ ㅠ제가 급히 해야되는 이슈가 생겨서 한 한시간이상 봐야될거같아서 천천히 보고 말씀드릴게요..
아 괜찮아용
오늘 이거 안해주셔도 돼용!!
제가 노력해볼게욥!!
아 이슈 좀 빨리 마무리 되어서
해봣는ㄴ데
사진
5번째줄 콘솔로그가
제일처음 한번 찍히고
checkitem실행시킬때는
실행되지 않습니다
이게 맞는거같아요
상태값은 변하지 않으니
삭제된 메시지입니다.
새로운 렌더링을 하지 않는다
해결법은 직접 찾아보셔야하겠지만
상태값에는 set get을 잘 사용하지 않습니다
이게 그이유일거 같아요
리액트 공식문서 제어 컴포넌트 부분 한번 읽어보시면 도움 될 거 같아요
추가 키워드 드리면 레퍼런스값에 관련해서 좀더 알아보시면 좋습니다 ㅎㅎ
인풋 상태는 state로 관리하는 게 권장되고 (제어 방식이라고 합니다. 반대로 state를 안 쓰는 비제어 방식도 있지만 별로 권장되지 않습니다), 이 방식에서 변화는 > state만 변경하면 리액트가 변경된 상태를 기준으로 알아서 화면을 새로 그리는 방식으로 일어나도록 선언적으로 구현해 주시면 됩니다!
원시값과 다른 참조값의 특성을 말씀하시는 건가요?
이 글의 의미를 잘 생각해보시면 좋을거같아요
제가 전에 작성한 답글
네 그렇게하려고용. 걍 input 태그 대신, 컴포넌트로 만들어서 props로 받아오는 식으로 바꿔야 겠어용
상태의 내부의 값은 변했지만 상태값 자체는 변하지 않았다
가 원인이라고 생각합니다
근데, new Set을 제가 안하고 저 방식으로 한 거는
상태값이 변하지 않았기에 렌더링도 일어나지 않는다
앗 그뜻은 아니었는데
다른 개발자분이 쓴 내용에서도 새로 new Set 안하고 하길래
그래도 똑같을겁니다
따라 해봤엉용
set을 사용하면
동일할거에요
인풋 태그 대신에 인풋 태그를 컴포넌트 내부에서 만들면 컴포넌트 내부에 상탯값을 만들어서 관리하면 될 거 같아서용
그래도 되지만
그럼 선택했다는걸 상위컴포넌트에선 알수있는방법이 없습니다
상위 컴포넌트에서
저 화면의 목적은 선택했는지 여부를 다음화면에 일괄적으로
모아서 보내는걸 목적으로하는건데
하위 컴포넌트에 선택했을 때 아이디를 매개변수로 받아오는 함수를 전달하면
되지 않나용?
해보시죠 ㅎㅎㅎ저도 안해봐서 모르겠네요 ㅎㅎㅎ
저 사실 지금 뻗어서
머리만 굴리고 있어요 ㅠ 오늘은 제가 졌네용
되긴 할텐데 좋은 방식이라고 보긴 어려울 것 같습니다! 그럼 상위 컴포넌트에도 동일한 역할을 하는 state를 하나 더 줘야 할거같네요
잘 풀리는 날이 있는가 하면 다 망하는 날도 있군용 ㅠㅠ
ㅎㅎ 저는 해보시는걸 추천드려서
뭐가 더 나은방법인지는
넘어지면서 배운다고 생각합니다
아마 이번에도 화가님께서 이걸 해결하시면
많은걸 배우실겁니다 ㅎㅎ
제 생각엔 함수 하나만 props로 보내면 될 거 같긴한데, 이따가 한 번 시도해보고 수정본 올려볼게용!!
넵넵 한번 해보세요 ㅎㅎ
이 순간이 왜 이렇게 아픈 걸까욥 ㅠㅠㅠㅠㅠ
해보는건 나쁜게 아니니까요
지금 뭔가 코드가 산으로 가는 느낌이 나는데
클린한 코드로 가는 길이 안 보여요
흑흑 ㅠㅠㅠ
산으로 가본 사람만 클린한 코드의 가치를 아는 거죠 ㅎㅎ 다 나중에 무조건 도움되실거예요
일단 클린코드보단
구현에 초점을 맞춰주세요
구현안된 클린코드는
의미가 없스빈다
넹!!
구현 후 클린
인지했슴다!!
구현이 자유로워지면 그때 클린코드 생각해도 늦지 않습니다
아참 저 부트캠프 신청했어욥!!
항해인가요??
넹!!
넵 ㅎㅎ 화이팅 입니다
1월 10일부터 시작인데
잉 그래도
클린코드 지켜요
99일간 달려야해영
아바 저 실력이면 부캠에서 상위권이겠네요
질문공세가 많이오시겠네요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
왠지 가면
중하위권
예상해봅니다
아니에요 저 멘토하시는분 옆에서 봤는데
저도 클린코드도 구현 못지않게 중요하다고 생각하긴 합니다..! 리액트가 워낙 이상하게 짜도 돌아가는 게 많아서 나중에 버그 폭탄 맞을 수도 있어서
진짜 코딩의 ㅋ도 모르고 오시는분들도 있어서
저도 부캠 고민중 ㅜㅜ
맞아요!! 근데 구현을 못하면
나중가서 치울려고 하면
클린코드인들 그냥 완성안된코드이니
신입에게는
위산이 올라오고 스트레스에 흰머리생기고
구현부터 시키고 나중에
선 구현 후 클린코드 리팩토링
클린코드 하는법을..
나중에 실력이 높아지면
클린코드와 구현을 같이하셔야됩니다
지금은 둘다 생각할 실력이 안되시니….
맞아용 ㅠㅠㅠㅠ
그래도 하다보면
저거 업무용 아니죠?
네ㅔ ㅋㅋㅋ
외주 알바 하는거에요?
늘 거라고 믿습니다 ㅠㅠ
저분 연습용일걸요
아니요 혼자 연습이여
팽귄 가면 최상위권일듯
그럼 연습이니까 마감기일도 없으니 클린코드도 적용해요 느긋하게
코딩 어느정도 아시는분이라
뒤에서 누군가 쪼아대면 어쩔수 없지만 시간이 많으면 최대한 깊게 고려해봐료
저거 구현만 하면, 이후부터는 그래야겠어용 저거 때매 흰머리 날 거 같아용
부캠 고고! 해욤!
너무 스트레스 받진 마시고
너무 조급하게는 하지는 마세요.. 그러다 번아웃오면 다 망합니다..
혼자서 해볼수있을것같기도하고 고민되네여ㅎㅎ
혼자 할수있으실걸요
제가 든 생각은 혼자서도 해보겠지만, 부캠 다녀서 한 두달 일찍 취업을 한다면
어느정도 html css js는 아니까
이 부분이 더 가져가는게 크다고 생각했어요
아 저 스프링으로 진로 틀었씁니다,,, 갑작스레
오
오
프론트하신다길래
그럼 부캠 비추에요
귀가 얇은편이라 ..^^
스프링은 장고위주라서
파이썬 장고 플라스크 위주라서
스프링을 가르쳐주는곳을 본적이 없어요
아 맞아요 부캠에서 스프링은 본적없네여 국비학원같은데서는 많던데
혹시 왜트신거에요?
글 너무나 잘 읽었습니다.. 내일이면 제가 25살 4학년이라 더 와닿으면서 읽은것 같아요.. 엄청 준비많이하셨네요.. 저는 내년에 저렇게 할 수 있을까라는 걱정부터 듭니다.. ㅠㅠ 좋은 글 감사합니다!
궁금한게 있어요. 혹시 사내에서 리액트 프로젝트를 CRA로 하는 경우가 있나요? 제가 첫 프론트엔드 개발자라 곧 있을 프로젝트를 퓨어 리액트로 해야할지, CRA로 해야할지 모르겠네요. 도움이 필요합니다 ㅠ
저는 cra로만 합니다..
저희는 웹팩으로 하셔서 오자마자 웹팩에 대해 공부했네요
기본 바탕은 cra로 하고 거기서 커스텀해서 틀을 만드는 곳도 있고
회사마다 다 다를것 같아요
아 진짜요?? 그럼 웹팩 설정은 어떻게 하시나요?
cra도 설정 바꿀순 있지 않나요?
지금 그거한다고
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 엄청 고생중이에요
alias설정하려고하는데
몇일간 못하고 있네요
맞아요..CRA로 할 때 제약?이라해야하나 더 시간을 할애할 때가 있다하더라구요
그렇군요
커스텀할 때 오히려 더 많은 비용이 든다고 했던것 같아서 고민중이에요
웬만한 설정이 다 웹팩으로 되어 있나보군요.. 저도 CRA 없이 한다면 웹팩, ESLint + Prettier + Husky 생각하고 있어요.
저희는 vite 쓰고 있어요~
아닙니다. 저보다 더 열심히 꾸준히 하시는 분들도 많은 걸요 ㅎㅎ,, 이런 사람도 있다고 취준에 있어서 경우의 수를 많이 늘리실 수 있는 계기가 됐으면 좋겠네요 !!!
저도 덕분에 vite 알게 됐어요 테오! 레퍼런스가 적긴하지만 vue에서 많이 쓰이는 것 같더라구요. 감사합니다
나중에 프론트도 무조건 할 생각이긴 한데 지금은 트렌드보단 밑단까지 들어가는 공부가 끌려서 선택했어요 별 이유는 없었습니다ㅎㅎ 김영한님이 너무 멋지신것도 한몫 했습니다
감사합니다! 혹시 괜찮으시면 포트폴리오 다는 아니더라도 일부분 참고할 수 있을까요?ㅠ
Atomic CSS generator Sass 버전이네요. 슬슬 이런 유틸리티 기반도 나오려나봐요. AdorableCSS도 사이트 만들어야 되는데 웰케 귀찮죠? ㅠ
김영한님..저도 존경하는 분들 중 한분이에요
얼마든지 사용하셔도 상관없습니다
김영한님 멋있으시죠
개발바닥 유튜브 보고..
감사합니다! 혹시 알고리즘, 자료구조 개념 같은 부분 공부는 어떤걸로 하셨나요? 강의로 공부하셨나요??!!
저는 인프런 js 알고리즘 문제 풀이랑
제로베이스 51일 알고리즘 완주반 들었습니다 ㅋㅋ
파이썬이여서 걱정했는데 생각보다 괜찮았어요
오 그렇군요.. 알고리즘, 자료구조가 너무 부족해서 걱정이네요 ㅋㅋㅋㅋ
감사합니다!
저도 자바스크립트 자료가 별로 없길래
파이썬으로 준비했었어요
생각보다 할만합니다
저는 자스로 다 구현햇는데
오히려 이해하기 좋았습니다
직접 구현이 생각보다 좋더라고요
저도 파이썬으로 공부하고 js로 코테 봐요 ㅋㅋ
단지 리스트 슬라이싱할 때나
좀 파이썬스러운 문법들이 편해지면 이제
쟈스로 할 때 좀 힘들어 질 수 있는,,,
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
파이썬 쵝오..
너무 편하긴해요 ㅋㅋ
그러면 파이썬 같은 경우 자료도 많고 하니 파이썬으로 우선 공부해보면 나중에 자스로도 어떻게 구현할지 그림은 쉽게 그려질까요?
네 쉽게 그려져요
오.. 그럼 저도 파이썬으로 한번 공부해봐야겠네요 !
이거강의괜찮나요?ㅋㅋ
호잇님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 호잇님 반갑습니다 :)
안녕하세요 코린이입니다 다른직무로it회사에서 일하면서 개발조금씩 공부중이예요
반갑습니다 :) 개발 얘기 고프실때 궁금한거 있으실때 언제든지 편하게 글 남겨주세요
호잇님은 최근 관심사는 뭔가요?
이모티콘
새복만이에요
테오님 및 끝장 토론 참여자분들께 어제 갑작스럽게 불참하게 된 점 사과드립니다! ㅠㅠ 건강상 이유로 병원을 다니고 있는데.. 치료 부작용이 심해서 그냥 잠들어버렸네요.. 건강 문제까지 거론하고 싶진 않았지만.. 그래도 갑작스런 불참 이유를 설명드려야 할 것 같아서요..ㅠㅠ
개인적으로는 노베이스로 듣기에는 좀 어려울 수 있어요, 시간도 꽤 많이 투자해야 해서 단기간에 해야 하는 거 아니시면 다른 것 들어도 괜찮응 것 같아요
아아 괜찮습니다. 여기 활동이 언제나 즐겁게 기꺼이 하는 일이지만 여기에 메이거나 깊게 엮이게 되는 건 원하지 않아요~ 언제나 참가 / 취소에 의미나 부담을 느끼지 않으셨으면 좋곘어요~
전직, 이직입니다~ 그리고 이것저것 호기심이많아 퇴근하고 배우러다니니까, 공부만해서 뭔가 부족하다하는데 이말을 흘려들을지 생각해봐야하는지^^;; 그냥 성격이 그런것같기도해서요.
react script 사용하시나요
지금 제가 webpack으로 리액트 구성은 해봤는데 너무 아무것도 없는거같아서
react script 사용해야되나 해서요
사진
이거뿐..
경쟁이 워낙 치열하니 그냥 적당리 잘 하는 걸로는 차별화가 안되서 자기PR을 어떤식으로 할지 고민이 되시겠네요~
네~ 감사합니다 :)
헉 ㅜㅜ아푸지마세요
영무룩님도 지병있으시다고.. 아프지마세요..
앗 기억력 좋으시네요 ! ! 감사합니다
저 글구 블로그 말고 벨로그에ㅔ 쓰기로 다시 결심해써요 ! !
ㅎㅎ 좋은생각입니다
잘하셨네요 ㅎㅎ
지금있는거부터 옮겨보세요
저도 오늘 웹팩 바벨 설정 글 또 주말간 정리해서 써볼생각이에요
기대되네요
감사합니다.. 다들 내년에도 그 이후에도 계속 건강하시길 바래요!! :) 저도 이번에 치료가 잘 되면.. 내년 2월이면 다 끝날것 같네요!! ㅎ
넹 근데 여러분 제가 아직 많이 아는게 없는데
우선 글 쓰고
나중에 새로운 거 배웠을 땐
썼던 글을 수정해서 쓰나요?
아니면 새로운 글로
작성하나요 ?
그냥 놔두셔도 됩니다 ㅎㅎ
취향차이죠 뭐ㅎㅎ
아아 점점 발전하는 양상을 보여주면 되나요 ?
맞아요
전 갠적으로 한 글에 모든게 들어가있으며, 완벽해보이는걸 좋아해서 전자가 좋긴한데
어짜피 블로그 보는건 둘중하나에요 ㅋㅋ 취업할때 관련하는 사람과 내가 엄청 잘해졌을때 공부하러 오는사람
다들 어떤식으로 하시는가
궁금했어요 !
저는 남들이 제꺼 안봐도 대구
취업할 때
보여지는 용도? 로 쓰려한다면
취업이 목적인거면 발전하는 모습 보여주는거도 좋다고 생각합니다
전자 vs 후자 어느게 더 낫나용 ?
앗 감사합니당 !!
너무 길어진다싶으면 시리즈처럼 작성해도 되지않을까요? (1편) (2편) …식으로
한페이지에 정리되기 원하신다면 글 다 쓰고나서 노션에 복붙하셔도 괜찮을것같아요 ㅎㅎ
아하 감사합니다 ! 제가 블로그던 인스타던 뭐든지 좀 수정을 많이 하는 성격이라 ㅜ 한 번에 딱 정하고 멀 하는게 편하더라구요
저도 이것도 추천합니다
오잉 노션 복붙은 .. 뭐죠 ?
노션도 써야하나요 ㅠ.ㅠ?
저 노션에 초안 작성하고
그걸 토대로 블로그 글 작성하거든요
아아 저는 블로그 비공개로 개념 같은거 저만 알 수 있도록 정리한 후
벨로그에 정리하려구용 ! ! 히히
근데 여기에다가 좀 제 감정,,,,,이나,, 일상 사진 이런거 올리면 개발이라는 주제와 넘 어긋나겠종 ?
이분꺼 글도
사진
이렇게 시리즈로
작성하셨는데
이렇게 하셔도 좋습니다
저 분 패스트컴퍼스 강의 들으시나부네요 ,,
감사합니다 !
생코는 정말 정말 말씀하신대로 기초느낌이라
멋쟁이사자처럼 강의들으실거에요
저도 우선 감 잡구
저분
제대로된 심화 인강 듣고 정리할지도 고민입니당 ㅠ.ㅠ
벨로그 자신 소개 글에 짤막히 점차 발전되는 자신의 로그를 남기는 블로그라고 명시해두어도 좋지 않을까 싶어요! 그럼 담당자도 블로그를 보면서 과거에 비해 얼마나 발전했는지를 중심적으로 볼 것 같아요! :)
오 감사합니다 !
근데 저 벨로그 첫글에 제가 살아왔던 삶 적구 싶은데 아픈 얘기가 많이 나올 거 같거등요..?
이거 좀 마이너스 요소죠..?!
하시다 보면 영무룩님 스타일이 생기실 거예요 ㅎㅎ 너무 고민하시기보다는 시행착오를 거치시는 걸 추천해요
아니다 싶으면 비공개로 돌리면 되지않을까용
ㅎㅎㅎ시작이 항상 어려운거 같아요 저는 ㅠ.ㅠ 넘 완벽하게 하려하다가 빨리 포기하는 스타일,,,,, 😥
맞습니다 주니어 프론트님 말씀대로 일단 해보는걸 추천드려요
넵 감사합니다 !! :)
한 글 쓸 때 제 기준 너무 힘줘서 써가지구,,ㅜ 나중에 그게 필요없어지거나 지우고 싶을 때 쏟았던 시간이 아까워서 계속 첨부터 완벽하게 하려하는거 같은데 (제기준의 완벽) 그래서 시작이 더디네융
조언 감사드립니다 !
저도 블로그를 최근에 시작했는데.. 개인차이겠지만, 전 꼭 기술뿐 아니라 제 삶과 기타 관심분야에 대해서도 조금씩 적어보려구요! :)
헉 저두 ㅠㅠ제 얘기 하는거 넘 좋아해서
제 일상이나 감정도 태그 만들어서 적게용,,,
인스타느낌 날거같은데,,,ㅎㅎㅎㅎㅎㅎㅎㅎ사진 찍는거 조아해ㅓ서
가끔씩 놀러가서 공갑댓글 하나씩 해드릴게요 ㅎㅎ
예전에 듣기로는? 그런 개인적인것도 있으면 인사담당자들이 어떤분인지 파악하기에 좋다고 하더라고요 회사마다 다르긴하겠지만 무조건 마이너스일거같진 않아요
개인적인 이야기 쓰시는분들 많아요! 카테고리 분리해서
오우
인스타접구
여기에다가
적을래요 ! ><
저 곧 친구랑 브이로그 찍구 영상 편집할 거 같은뎅 그것도,, 올려야지,, 🥰
영무룩님 글 올라오면 공유해주세요! 현재 개발 공부하는 단계도 비슷하고.. 공감 가는점이 많을것 같네요..ㅎ
넹 ! 저 관종이라
제 생각이나 글 사진
공유하는거 조아해용ㅎㅎㅎㅎ
활기 넘쳐서 좋아요!
단톡방에 에너지 주입중
ㅋㅋ
으쓱으쓱 어피치님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
꺄 감사해용 ! !
안녕하세요 으쓱으쓱 어피치님!! 반갑습니다 :)
안녕하세요~ 반갑습니다 :)
안녕하세요 !
개발 얘기 하고 싶거나 궁금한거 있을때 관심사가 생겼을때 재미난걸 발견했을때 홍보를 하고 싶을때 언제든 편하게 글 남겨주세요 :)
넵~
어피치님 요즘 관심사는 뭐에요?
저는 SaaS형 웹빌더를 만들고 있는데요
제가 프론트 개발자가 아니라서 궁금한게 많이 있어요 ㅎ 나중에 같이 하실분도 만났으면 좋겠구요
와! 어떤 건지 좀 더 소개해주실수 있나요?
화나서 방방 뛰는 튜브님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요~ 방방 뛰는 튜브님~ 반갑습ㄴ디ㅏ!
안녕하세요!
질문이있습니다ㅠ
반갑습니다~~
프론트와 백엔드 신입 연봉 차이가 큰가용?
네 나중에 더 말씀드릴게요 운전중이라 ㅎ
지금은 거의 비슷해지고 있는 것으로 알고 있는데 회사가 어떤 사업을 하느냐에 따라 좀 달라져요. 대부분의 경우는 아직도 백엔드가 더 높긴 할겁니다
경헌상 백이 더 높아욤
ㅇㅈ
우리도 좀 올려주세요 ㅠㅠ
보통 얼마정도인가요??
회사마다 다를거같아요
아예없는경우도 있고 오히려 프론트가 높은경우도 있을수도 있을거같아요
500?
일반적으로 백이 높다는거지 회사마다 다를거같아요
사실 직군에 따른 연봉보다 회사에 따른 연봉 차가 더 커서 의미 없지만여..
개발자 연봉은 진짜 회사바이회사… 프론트 신입 초봉은 2700~6000까지 봤습니당 ! 아직 신입초봉 6500?은 못봣어요!
채널톡이랑 당근마켓이 6500이라네요
우와...
아하!
그럼…6500까지…! 혹시 7000있나요? ㅋㅋㅋㅋ
연봉에 상여금 포함된 걸거에요
그래도 6500~7000은 대단하긴 하지만요..
다들 중고신입으로 경력 버리고 갈만한거같아요...
그리고 배민이나 토스 에이블리는 비포괄이라서 야근비한 것까지 다 주면 실연봉은 아마 훨씬 높을거에요
기본급만인걸로알고있어요!
그런가요? 당근은 6000으로 알았는데 그새 올랐나보네요
당근 6500 ㄷㄷ..
진짜 미친회사네요…
사진
개발자에게 6500을 태우다니 ㄷㄷ..
그만한 사람들만 가기도 하고… 그만한 가치를 만들어내기도 하니까요
당근은 프론트만 25명인가 있다고 들었어용
생각보다 적네요?
웹 프론트입니당
당근 프론트 원혁님이었나
그분이 강의하신거 들었는데 약간 어나더 레벨이셨음..
페이지 이동을 웹에서 아이폰처럼 구현하신거보고..
저정도는 되어야 되는구나....
느꼈습니다
강의 추천해주시는거 있나요 리액트!
어느정도 보셨나요
리액트?
이제 시작할려 합니다
오픈소스로 열려있습니다
공식문서를 추천합니다
맞아요 이거
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 이거보고 이런걸 생각한다는거 자체로
저는 와 하면서 봤었죠
혹시 css 저한테 배워보고 싶으신분 계신가요? 배워본다는 표현보다는 정보교환과 같은건데요~ 저는 다른분들은 css를 어떻게 쓰고 있는지 css하면서 뭐가 어려운지를 알고 싶어요.
css아무것도 모르는사람도 괜찮나요??!!
오히려 좋아요! 돈 내고 그런거 아닙니다
저요..!!!ㅎㅎㅎ
저용
저도요!
요즘 css를 많이 못써서 자신감이 없어졌어요
가급적 1:1로 진행하고 싶어요. 여러명이 모이면 강연처럼 되버려서 의미가 퇴색될것 같아요
혹시 어떤식으로 진행하시는지 여쭤봐도 될까요?
언제쯤 진행하실 생각이신지도 여쭤보고 싶어요..! ㅎ
취지부터 설명 드릴게요. 벨로그에서 CSS 관련 글로 인해서 CSS 책 집필 제안을 받았습니다. 아직 확정된 것은 아니지만 개인적으로 너무 좋은 기회라고 생각하고 긍정적인 입장입니다. 하지만 이런게 처음이라서 좀 막막하더라구요. 그래서 실제로 배우시는 분들은 어떤 점들을 어려워하는지 제가 알려드리는게 효과는 있는지가 궁금했어요. 그래서 정보교환이라고 말씀드리는거에요. 충분히 저를 이용해먹으시고 저도 같이 자료수집을 위한 win-win의 형태로 생각해봤습니다.
일방적으로 강의하는 형태는 아닙니다. 그냥 수준에 맞게 지금 하시고 계시는 거나 어려운 부분 아니면 아예 처음이시면 학습하는 방법들에 맞게 물어보고 가르쳐드리는 식으로 생각하고 있고 1:1 온라인 화상을 통해서 진행하고자 합니다.
아니면 한명과 1대1로 강의하고 나머지는 청강의 형태도 괜찮을거같아요
너무 부담스럽지 않으실까요? ㅋㅋㅋ
그리고나서 질문을 따로 받는형식으로 하셔도 충분히 데이터 수집이 되지 않을까요
저도 듣고는 싶은데.. 괜히 인원 많이 늘리는거 같아서 ㅠㅠ
부담 안드리는선에서 청강해보고싶어서요
저는 더할나위 없이 좋겠지만 신청옵션으로 청강 허용이신분들은 링크랑 시간 여기에 공유 할게요
넵넵!!
감사합니다!!
혹시 예상 독자가 시작도 하지 않은입문자/비전공자 이렇게 전혀 개발을 해보지 않은 사람인가요?
아뇨 그런 책은 이미 너무 많다고 하셔서 HTML/CSS의 기본적인 스펙에 대해서는 알고 있는데 막상 실전은 잘 안되는 사람들이 대상독자입니다
톡게시판 '공지': CSS 1:1 스터디 신청 https://docs.google.com/spreadsheets/d/1KYXZCgI7UDJq5g7VvPnjOxGN2WPiRnDeoesexc3r8lY/edit#gid=0
읽기전용으로 되어있는 것 같아요!!
여러분 저 친구가 낸 html 시험 문제
풀어봤어요 !
보실분 ><
변경다시했어요. 새로고침 한번 해봐주세요~
감사합니다~
아하 그렇군요 감사합니다. 좋은 책 내시길 바라요 :)
저 볼래요~!!
사진
이거 만드러써요
사진
짜라라
HTML 태그를 직접 타이핑하셨나요?
..넹..ㅋㅋㅋㅋㅋ
한발자국 나가신거 축하드려요! 잘하셨네요! ㅎ
오우 멋져요
열분들 눈엔 완전 왕기초겠지만 ,, 헤헤
칭찬 감사드립니당 !!!!!!
이모티콘
11~12줄 p태그 같은거로 감싸면 좋을거같아용
뒤에 br 썼는데 또 p tag로
감싸나용 ?!
사진
이렇게용 ?!
<p>abcde~~~<br/>~~~~</p>
네넹👍
오 피드백 넘 감사드립니다 ㅠ.ㅠ ❣️
그리고 28번째줄 img태그는 alt속성고 같이 써주시면 좋아요
alt속성은 제가 아직 안배워서,,, 구글링하고 적용해볼게요 !!
피드백 넘 감사드려용 ㅠ.ㅠ
저도 뉴비입니다👀
이제 집에 왔네요 ㅎ 음..글로 설명 드리는 것보다 보여드리는게 젤 빠르겠지만 간단히 설명드리면 SaaS형 Enterprise(B2B) CMS 입니다.
약간 결이 다르긴 하지만 adobe aem 같은 솔루션을 사용하고 있는 기업을 대상으로 윈백하고자 하는게 goal 이지만
초기는 아무래도 인지도나 레퍼런스가 부족하기 때문에 중소업체 혹은 스타트업이 대상이 될거고 후기에는 B2C까지 확장하고자 합니다.
그러면 에셋관리가 핵심인가요?
어셋관리는 기능중에 하나이지만 핵심은 컴포넌트 입니다. 컴포넌트라는 개념이 여기저기 다른 의미로 쓰이긴 하지만 저희 솔루션 입장에서의 컴포넌트는
html / css / js의 묶음으로 페이지를 구성하는 한 블록이라고 보시면 됩니다.
아니면 https://storybook.js.org/ 같은건가요?
아니면 디자인 시스템 관리?
일부 비슷한 개념은 있는데 내용은 좀 다른거 같아요
페이지 제작을 위한 컴포넌트 생산 및 조합, 어셋관리, 워크플로우, 배포 등이 다 통합되어 있습니다.
궁금하네요. adobe aem 관련 영상보니까 aem은 뭐를 하고 싶어하는지를 알것 같아서 큰 회사에 있다보니까 프론트엔드와 디자이너, 기획 간의 컨텐츠 공유가 figma만 가지고는 쉽지 않을게 있어서 뭔가 관심이 갑니다.
nocode베이스의 wix같은 느낌인가요?
아시겠지만 워드프레스나 윅스 같은 솔루션도 매우 좋지만 엔터프라이즈 레벨에서는 실사용이 어렵거든요
그렇죠 ㅠ
노코드로도 가능하지만 저희는 코드를 fully customizing 가능하게 하고 있습니다.
그러면 프레임워크를 다 지원하나요? 아니면 React기반인가요?
현재로서는 html5 only 입니다만 추후 react vue 등을 추가하려고 생각중입다
그렇군요. 바닐라로 web component를 만들 줄 아는 사람을 찾기가 많이 힘들거라서 프레임워크 지원은 꼭 필요할텐데 프레임워크 지원이 늘어나면 관리포인트가 엄청 늘어날꺼라
네 한번에 다 하기는 벅차지만 하나씩 늘려갈 예정이에요 :)
그래도 잘됬으면 좋겠네요! 같은 맥락일지는 모르곘지만 컴포넌트 팔레트가 만들어지면 프론트가 상태관리만 짜주고 기획이랑 디자이너가 요구사항을 조립해서 만들면 좋겠다는 생각 엄청 하거든요 ㅋㅋ
맞습니다. 비슷한 맥락이라고 보시면 되요 ㅎㅎ
기획이랑 디자인이 뭘 좀 바꿔보고 싶은데 그럴때마다 개발자를 호출해야되고 했다가 "음 ~ 별로네요 롤백해주세요" 이러는게 서로 눈치 보이는 일이라서요 ㅎ
그렇죠
사실 디자인, 기획단에서는 스케치나 피그마 등이 훨씬 유효하고 강력해서 그 부분까지 저희가 제공하지는 않을거구요
그 이후 페이지 제작부터 수정 배포 등이 저희 솔루션에서 제공할 기능입니다.
아직 시장에 출시 전인가요?
네 아직 출시전이고 내년 하반기 초기 모델로 클로즈 베타 생각중입니다
그래서 사실 프론트엔드 개발자분들의 많은 도움과 의견이 필요하기도 하구요
ㅋㅋㅋ 베타 참여할 수 있게 되면 알려주세요! 적극적인 피드백 드리겠습니다!
궁금한거 있으면 언제든지 물어보세요~
기획자, 디자이너, 프론트엔드, 백엔드, QA 등 많은 분들이 사용할 서비스이지만 주 사용자는 프론트엔드 개발지분들이세요 ㅎ
최후의 goal은 프론트엔드 개발자 분들이 이 솔루션을 통해서 에코시스템을 이뤄서 B2B뿐 아니라 B2C까지 확장 되는 것이고 백엔드시스템은 별도로 존재해야 되겠지만 웹은 저희 솔루션으로 fully 커버하는 거에요
청강하고싶은 사람도 저기에 혹시 신청해두 되나요..? 저는 프론트가 메인은 아니지만 청강이 너무 하구싶은데 ... ㅠ
와! 되기만 하면 진짜 좋겠네요! 제플린 같은 업계 탑이 되었으면 좋겠습니다.
ㅎㅎ 설명드리다 보니 너무 길어졌네요. 여튼 많은 도움 부탁드리고 혹시 가능하시면 실제 뵙고 의견 주시면 너무 감사할거 같아요~
네 혹시 신청하신분들 중에서 다른 사람이 청강하는게 부담스러운 분들은 청강유무에 O/X 부탁드려요.
default는 가능한걸로 알고 있겠습니다. 장소는 저희 게더타운으로 생각하고 있습니다. 공지는 따로 드릴게요
아유 얼마든지 가능합니다. 저희 회사가 그런걸 하지는 않을테고 개인적으로 사이드 프로젝트로 비슷한것을 생각해본적이 있어서 도움이 될 수 있다면 좋겠네요!
네 말씀만으로도 너무 감사드려요~ 조만간 연락 따로 드릴 수 있도록 하겠습니다 :D
굿입니다
뭘 만들어보신거 자체에
이미 충분합니다
앗 감사합니다, , 여기 완전 칭찬방이예요
근데 저 지금 간단해보이는 테이블때매
1시간 고생중이예요 ㅠ.ㅠ
병합 개념이 잘 이해가 안대요,, ㅜ.ㅜ
엥 db하시나요?
음 html 테이블 얘기하시는 것 아닐까요
Aㅏ
드디어!!!!!!!!!!!!!
했다!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
재미있네용 타입스크립트도 ...
테이블도 재밌네용
ㅎㅎ
이제 자스는 쓰고 싶지 않게 됩니다
타입스크립트 너무 좋아요 !!
갈아타야겠어요 ... ㅎ
jjin님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 프론님~ 반갑습니다 :)
안녕하세요!
안녕하세요! ㅎ
벨로그에 글이 좋아서 보다가 들어오게 됐습니다!
환영합니다!
여기는 궁금한게 있거나 개발얘기가 고프시거나 재미난 자료나 관심사를 공유하고 서로 이야기 하고 있습니다. 언제든 편하게 글 남겨 주세요 :)
다음 벨로그 글 주제는 상시 공모중이니 듣고 싶은 큰 주제나 관심사가 있다면 알려주시면 좋아요! ㅎ
네:) 감사합니다!
썰 혹시 alias 이슈 해결하셨나요?
craco라는 것을 사용하면 eject를 하지 않아도 alias를 커스터마이징 할 수 있다고 해서요..!
https://github.com/gsoft-inc/craco
아..그런데 좀 더 보니 차라리 eject해서 설정하는 게 더 나을 수도 있다고 하네요 ㅎㅎ;
혹시 이렇게 되면 Github repo에 제 코드가 올라간건가요..? 올리고자 하는 코드가 하단에 보이는 HTML-Clones입니다..ㅎ
사진
삭제된 메시지입니다.
사진
레포는 보이는데 코드는 안올라온 것 같아요..!
master로 푸쉬하셨는데 브런치가 main이라서 그래요
오잉 그렇네요 ㅋㅋㅋ
사진
이제 보입니당
음.. 그럼 다시 푸쉬할때 명령어를 마스터대신 메인으로 적으면 될까요..?;;ㅠㅠ 유튭이랑 구글이랑 섞어보면서 했더니 이런거 같아요 ㅠㅠ
아니면 깃허브에서
master를 디폴트 브런치로 바꾸고 메인윽 삭제하셔도 되요
그게 제일 간단하긴함...
넵! ㅎㅎ
혹시 저렇게 두면 이제 다른분들이나 제가 나중에 저 버전의 파일을 볼 수 있는 건가요..?
네
오… ㅎㅎ 감사합니다!! :D
이모티콘 새해 복 많이 받으세요!! :D
바꾸는건 Settings->Branches->Default branch 바꾸면 되요
첫 깃헙 사용 축하드려요!! ㅎㅎ
ㅎㅎㅎ 두분 다 감사합니다! 고난의 길이었는데, 저게 된 거라니 기쁘네요! ㅋㅋ
저 폴더 접근 되나요??
제꺼 말씀인가요? 네 그런거 같아요..ㅋㅋ
와! 축하드려요! ㅎ
퍼블릭으로 만들긴 했어요ㅋㅋㅋ
감사합니다! :) 아직 저걸 어떻게 접근하고 사용하는지 잘 몰라서 내일 더 살펴봐야겠어요.. ㅎㅎ
해피뉴이어~ 모두 행복한 한해가되시길
새해 복 많이 받으세요!! :D
해피뉴이어 입니다! 새해 복 많이 받으세요 !!!
이모티콘 새해 복 많이 받으세요!!
새해 복 많이 받으세요! 🐯
새해복많이받으세요!!
다들 행복하세요!!!
이모티콘
새해복 많이 받으세여!!
새해 복 많이 받으세요ㅕ!!!~~
새해복 많이 받으세요~~
복많이 받으세요!!!!!
새해복 많이 받으세요~~~!!
이모티콘
이모티콘 새해 복 많이 받으세요! 2021년 수고 많으셨습니다 :)
이모티콘
새해복 많이 받으세요!!!!
새해복 많이 받으세요 여러분><
부끄러워하는 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
ㅋㅋ 이젝트 문서 저도 봤는데 croco 안쓰고 하고싶었오서
웹팩설정부터 제가 다해서 cra없이 구성하니까 바로 됐어요
안녕하세요 부끄러워하는 라이언님! 새해복 많이 받으세요 :) 반갑습니다
이모티콘 모두 새해 복 많이 받으세요~
그렇군요!! ㅎㅎㅎ 👍👍
다들 새해복 많이 받으세요~~
그 ,, vh를 100%로 줬는데 배경이 다 안먹고 있습니다 ㅠ_ㅠ 왜이럴까요 ? ..
사진
코드나 사이트를 확인 할 수 있는 곳이 있어요?
아 잠시만요 .. 코드 올려보겠씁니당
와 .. 근데 너무 개판이라서 ㅠ-ㅠ 부끄럽긴한데
ㅋㅋㅋ 노마드코더 수업 많이 들으셨네요
노마드님 ..
ㅋㅋㅋㅋ이번에 nextjs 지를까 했는데
강의 하나도 안나왔어요
근데 보고 걍 따라하는거라 사실 잘 모르겠어요
아 아직이군요
무료 nextjs강의 부터 들어보세요
그거 사전판매라
그래야겠네요
강의 하나도 없어요
아하
처음에는 따라하고 다음에는 커스텀해봐야죠
맞습니다 ㅋㅋ
아
클론 잘 듣는법이
저도 그거 듣기만하고
일단 듣고 뭐 비슷하게 만들어 뵈야하는군요
제꺼 프로젝트를 따로만들어봐요
거기에 적용해봅니다
ㅇ아...
전 그냥 계속 클론 클론 클론 ..
안되면 강의 다시듣고
찾아보고...
아하
진짜 모르겠다 싶은것만 따라쳐봅니다
그렇군요 ㅋㅋㅋㅋㅋ
코드공유 뭔가 부끄럽네요
fbase는 ignore이네요
아 그거 공유해도 되나요 ?
아뇨. 실행을 못시켜서. ㅋㅋ
적당히 주석 처리하고 화면만 볼게요
ㅎ
아 그럼 잠시만요
문제점은.. 프로젝트가 완성되면 강의는 안듣는따는게 또 문제...
그 fbase 올렸습니다.
아하
아 갑자기 궁금해졌는데 여러분은 여태까지 했던 모든 스킬?
지식같은걸 다 외우고 계신가요
아님 까먹고 다시 찾아보고 하시고 그러시나요
저는 블로깅 하는게 도움 많이 되는거 같아요 다른데 안찾아봐도
내꺼 블로그에서 찾아보기도하고
깃같은데서 내 예전 코드 가져와서 복붙하기도 하고..
과거의 저에게 상당히많은 도움을 받고있습니다..
굳이 막 다 외울려고 엄청 시간을 쓸필요는 없군요 ㅋㅋㅋ
많이 적어야 겠습니다. ..
코드로는 못 보곘네요 처음에 구글 인증 부터 막혀서 vercel 쓰시는것 같은데
배포된거로 URL로 접속해서 볼수는 있나요? 스샷만 가지고는 뭐를 말하는지를 잘 모르겠어요
한번 배포 그거 해보겠습니다.. 잠시만요!
아 찾았어요 잠시만요
.h-screen { height: 100vh; }
이거 height 크기를 화면 크기만큼만 하겠다는 의미이고 여기에 bg가 깔려있어서 스크롤이 넘어가면 딱 현재 보이는 화면까지만 그려져서 그래요.
전체 bg를 깔고 싶은거라면 html에 거는게 좋습니다. 그리고 main에 height:100vh를 하는건 스크롤없는 앱같은 레이아웃을 짤때 쓰시면 되요
아하...!!
감사합니다
!!
tailwindcss 쓰시네요~ 어때요?
뭔가 ..훨씬 눈에 잘보인다고 해야될까요 ? ..ㅋㅋㅋㅋ
더 좋은거 같습니다 ㅋㅋㅋ
tailwindcss 쓰신다면 DaisyUI 사용해보시는 거 추천드려요.
요새 테일윈드가 사용율 장난아니던데요
daisyui는 처음들어보네요
테일윈드로 만든 부트스트랩 느낌이네요 ㅋ
테일윈드 기반의 CSS 컴포넌트 라이브러리예요
약간 MUI 같은 거라고 보시면 되는데 프로젝트 빠르게 빌드업할때 요긴하게 쓰고 있어요 ㅋㅋ
오
저 요새 mui보고 있었고 테일윈드는
너무 해야될게 많아서
제외했었는데
고려대상에 넣어야겠네요
오 저런게 또 있군욬ㅋㅋㅋ
생각해보니 테일윈드가 postCSS기반의 JIT인데 제 라이브러를 더 활성화시키려면 vite를 강요하기 보다 postCSS로 하는게 더 나을것 같아서
MUI는 요번에 5로 넘어가면서 사용성이 엄청 개선되었더라구요
오늘 코린님 코드 보다가 깨달음을 얻었습니다!!
근데 유료버전도 만든거같아서
좀 신경쓰이긴해요
별건 없는거 같은데 나중에 어떻게 바뀔지
헐..제것을..ㅠㅡㅜ
사실 MUI Core만 있어도 충분히 커스텀해서 사용할 수 있을 것 같기는 합니다 ㅋㅋㅋ 더 딥하게 안써봐서 이렇게 말하는 걸지도 모르지만요
저도 엄청 딥하게 사용은 안할거같아서 사용하기로 하긴했는데 그냥 노파심에 ㅋㅋㅋ
워낙 생태계가 커서 분명히 능력자들이 돌파구를 만들어줄 거예요 ㅋㅋㅋ 미리 걱정하지 않도록 하죠!
넵!!
저..ㅠㅠ 이번에 100vh로 화면 고정시키려고 해봤는데 아이폰에서 들어가보니까 아래쪽 탭바 때문에 스크롤할 때마다 탭바 높이가 늘어났다 줄어들었다 하면서 스크롤이 되더라고요…
position fixed를 주니까 탭바가 커진 상태여서 페이지가 잘리고요..
스크롤 없는 앱 같은 레이아웃 딱 이걸 하고 싶었는데 이럴 때는 어떻게 하죠..??
safetyview?
그거 사용하더라고요
어ㅓㅇ 그게 뭐죠…
오 이런 게 있었네요 감사합니다!!
margin-bottom: env(safe-area-inset-bottom); padding-bottom: constant(safe-area-inset-bottom);
저는 이런코드를 넣긴했는데
되는지는 모르겠어요
그래도 감사합니다!
다들 새해부터 열심히하시네요 ㅋ 저도 열심히 공부 시작합니다!
혹시 git에 다수의 비슷한 프로젝트를 올리려고 한다면 1) 하나의 repo안에 유사 프로젝트를 모두 넣어서 관리하는거랑 2) 각자 repo를 따로 만들어서 관리하는거랑 어느걸 추천하시나요..? 예: 1) github의 HTML Practice라는 1개의 repo 안에 여러 종류의 cloned sites를 넣는다. 2) Cloned site하나당 각자 다른 repo를 만든다.
1번으로 하기에는 단순 HTML이 아닌 구동하는 사이트일 경우 좀 heavy해지는 면이 있는거 같고.. 2번으로 하자니 너무 잡다한 repo가 많이 생길거 같아서요…;;ㅋㅋㅋ
서비스를 할 게 아니라면 저는 그냥 하나로 할 것 같아요 기술 스택로 하나라서
아 감사합니다! :)
새로운 기술 스택이라면 repo를 따로 두는게 편할테지만
그러다가도 덩치가 커지는 순간에는 꼭 분리를 하셔야 되요
보통 초창기에는 페이지 단위 클론이나 포폴 정도 일거라 내 포트폴리오 같은 사이트 느낌 처럼 하나로 관리하다가
하나의 서비스가 만들어져서 페이지라 여러개 생긴다 싶을때 분리하세요
넵! ㅎㅎ 사실 플러터 연습하고 있는것도 올려보려고 하는데.. 플러터는 플젝 하나가 덩치가 크더라구요..;; 각 플젝에서 동일한 부분이 대부분일 테니.. 동일한 부분은 공동으로 나두고, 다른 부분만 repo내에 하위 폴더를 만들어서 넣어 관리해도 괜찮을까요..?
사진
네~ 연습과 같은 성격이라면 다 모여 있고 메인에 네비를 만들면 포폴 같은 구성이라고 좋을 것 같구요~ 각 연습이 하나의 서비스라서 연관성이 너무 없을때 분리하시면 될것 같아요 전체적인 완성도를 생각하시면 될것 같아요
아 감사합니다! :)
저만 사용할거라고 생각하면 제 스타일대로 올리는데.. 다른분들이 보실 수도 있다고 하니.. 아무래도 대부분의 개발자분들이 스트럭처링하는 컨벤션 같은게 있을거 같아서요..ㅎ 테오님 설명 덕분에 이해가 많이 되었습니다!
실무에서는 한 프로젝트에 백엔드와 프론트를 각각 레포를 만드나요? 아니면 하나의 레포에 같이 있나요?
저희는 따로 관리합니다
저희도 따로 하고 있어요.
프론트1명 백엔드1명에서 협업하는 프로젝트는 같이 했었는데
저희는 팀이 프론트랑 백이 나눠져 있어서
저희도 따로 합니당
오..저도 궁금했었는데
팀단위로 관리하다보니까 자연스레 나뉘게 되더라구요
아 그렇군요.. 아무래도
따로 관리하는게 각각 작업할 떄 편하겠죠?
개발할때는 각자 리포 받아서 로컬에서 서버를 2대 돌려서 하고 있어요
기술 스택이 비슷한 경우에도 따로 관리를 하나요? 백엔드가 노드 라이브러리를 쓰거나..
혼자서 프론트/백 둘 다 하는 경우에는 한 래포에서 하시는 것 봤어용 ㅋㅋㅋ
그쵸 혼자서 하면 레포가 하나인게 편하죠. ㅋㅋ
아하 ㅋㅋㅋㅋㅋ 그렇군여
대부분의 경우엔 따로 레포를 만드는 게 낫겠네요.
회바회이긴 한데 결국 관리하는 사람? 팀? 그걸로 갈리는거 같아요
리액트 네이티브(프론트) + 노드JS(백엔드) 로 만드신 레포 본 적있습니다
그렇군요..! 다들 감사합니다!
저도 유용한 정보 얻고 가네요!!
보통 부캠은 server / front 한 레포에서 하잖아요
저도 늘 혼자라 백 프론트 폴더만 나눠서 하나에... ㅠ
다들 postcss 쓰고 계시나요?
저는 리액트 배울 때 맛보기만 해봤어요. 플러그인도 많고 CRA에 기본 내장되어 있지 않나요?
그래서 CSS도 모듈화가 가능한걸루 알고있는데..음 맞나용?
여러가지 CSS 기능들이 포함된거라 autoprefix때문에 거의 대부분 프레임워크에 포함되어 있는데 적극적으로 쓰지는 않나보네요
autoprefixer때문에 사용하고 있어요!
저는 emotion 많이쓰고 사이드로는 tailwind 찍먹하고 있습니다
혹시 제가 만든 AdorableCSS 써보신분 계시나요?
사용해보지는 않았는데 직접 값을 넣을 수 있다는 점에서 tailwind 랑은 또다른 방향성이 보이네요!
craco 이건 많이들 쓰시나요?
저도 쓴다는 이야기는 들었는데
써본적은 없습니다
감사합니다
저희는 쓰긴하는데 이젝이 마음편한거같아요
핸디(강경석)님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
그렇군요~ 아직은 cra를 많이 쓰는 거 같아서 AdorableCSS를 vite말고 할 수 있는 방법이 필요할것 같았는데 여기도 생각할게 많네요
안녕하세요! 강경석님~~ 반갑습니다 ;)
안녕하세요. 프론트앤드개발자 핸디입니다 ㅎㅎ adorable css 보고 감탄했고 올려주신글 보고 존경스러워서 냉큼 들어왔습니다.
이모티콘 와! 너무 감사합니다
쓰다보면 이모션이라던가 worker쓰는데 불편함이 많은거같은것같았어요
여기에선 프론트엔드 개발얘기가 고플때나 궁금한게 생겼을때 관심사나 재미난거 발견했을때 홍보하고 싶을때 서로 이야기하고 있어요. 언제든 편하게 글 남겨 주세요~
그렇군요~ eject쪽으로 방향을 잡고 플러그인을 만들어봐야겠네요
cra에 붙는 플러그인을 만드시는건가요??
꼭 cra라기보다는 postCSS용으로도 하나 만들어 두는 편이 좋겠다라는 생각을 했어요
postCSS로 만들면 성능저하는 있겠지만 tailwindCSS를 쓸 수 있는 환경이라면 제공할수 있겠다 라는 생각이 들어서요. angular나 nuxt에 붙일수 있냐는 문의들이 들어오기도 하고
아직 vite가 그렇게까지 대중화가 안되어있더라구요
vite에 익숙해지면 webpack은 이제 못 쓸틴데 쉽게 못 갈아타나봅니다 ㅠㅠ
postcss써본적이 없는데 유지보수성에서 많이 괜찮나요?
autoprefixer하나 떄문이라도 거의 대부분 프레임워크에 기본 탑재되고 있는 거라 써본적은 없어도 아마 다 설치는 되어 있을거에요
postcss는 약간 쓴다는 개념이라기 보다 babel과 같은 개념이라서
아 문서를 보니까 얼핏 봤던것 같은 느낌이네요 ㅎㅎ
기존에 style에 울면서 겨자먹기로 넣어야 했던 부분을 해결 할 수 있을 것 같아요!
네 IE polyfill도 있고 rgba에서 rgba(#ff00ff, .3) 이런 문법도 쓸 수 있게 해주고
있으면 은근히 편한? 근데 요새는 Sass아니면 StyledComponent라서 잘 모르는게 맞을것 같기는해요
얼굴마사지하는 제이지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요~ 얼굴 마사지하는 제이지님! 반갑습니다 :)
안녕하세요! 반갑습니다!
어서오세요. 여기는 개발 얘기하고 싶거나 궁금한거 있을때 소통하기 위해서 운영되고 있습니다. 편안하게 글 남겨주세요~ 재미난 자료 공유나 홍보도 환영합니다~
아넵 친절한 환대 감사합니다~!
제이지님은 최근 관심사는 어떤 것인가요?
아 흠.. Java servlet이 나오지않는 Web server 와 application server(흔히 was라고 부르는) 가 궁금하긴합니다
여러분 저 지금 박스모델, 그리드 공부하구 있는데 css도 넘 매력적인거 같아요 ! ! 재밌당… ❣️
아직 기초단계라 그런가봐요
정적서버랑 동적서버를 말하는 거죠?
한국에서는 보통 web server vs was로 정리가 되는데 Was 내용엔 java 진영의 sevlet내용이 꼭 나와서 좀 이상하다고 생각했거든요. 동적인걸 지원하는 서버는 사실 언어로부터 독립적일텐데
오오~ 이제 박스모델로 오셨군요~ 축하합니다. ㅎ
넵!
그래서 영어로찾아보면
web server가 아니아 static server라고 불러야 할텐데
블로그에서는 그냥 web server라고만 하네요
Was라는 말은 잘안쓰고. Application server라고 하더라구요
네넵. 아마 우아한 테크코스 학생분들이 하는 강연?이 많이 퍼져있어서 그런것같습니다
예전에는 그냥 트래픽이고 이런거 없던 시절에는 DB랑 html, css, js 리소스랑 함께 서버를 뒀었는데
클라우드가 되면서 정적서버랑 동적서버의 유휴량이나 요구하는 성능이 다르다 보니까 하나로 묶으면 손해가 나버려서
효율화를 추구하다보니까 그렇게 나눠지고 있는 것 같아요. 정적서버에는 프로그램 설치도 적고 오히려 미들웨어가 없는게 더 빠르기도 하고
말씀하신 동적언어에서는 당연히 언어랑은 관계없을텐데 국내는 java비중이 워낙 많다보니 자료에 당연히(?) java를 가지고 설명하지 않았을까 생각합니다.
프론트 자료 대부분이 일단 React인것처럼요. ㅋㅋ
오 그렇군요...
테오는 그런 정보를 어디서 접해요..? 박학다식하네요. 여태 블로그 안쓰셨던게 신기해요.
시니어 프론트엔드개발자시니까...
답변 감사합니다~!
박학다식이라기보다는 저도 다 구글에 검색해보고 확인해보고 답변 드리는 거에요. 대신 실제로 겪었던 내용들이니까 더 올바른(?) 자료를 빨리 고를 수 있는 거 같아요. ㅎㅎ
테오가 이런 대화 참여를 적극적으로 하시는 것도 한몫하는 것 같아요 경험도 쌓이고..자주 동기부여를 받습니다.
맞아요 사실 이런건 다 저를 위해서 하는 겁니다. ㅋ
ㅋㅋㅋㅋㅋ 그렇죠 서로 도움을 받는게 많은 것 같아요.
그쵸 남을 도와주는게 결국 나를 돕는거라고 해서 즐겁게 하고 있습니다. :) 현실에서는 "오지랍인가? 아닌가?"를 막 재가면서 알려줘야 하는데 여기는 그런게(?) 없어서 너무 행복합니다.
숑숑님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요~ 숑숑님! 어서오세요~ 해피 뉴이어 입니다 :)
exy ale님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 빈털터리 제이지님! 반갑습니다 :)
안녕하세요 테오님! 새해복많이 받으세요 ㅎㅎ
감사합니다! 새해 복 많이 받으세요 ㅎ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 도움을 요청하는 사람에겐 그 행동이 더없이 감사하고 행복한 것 같아요. 저도 가끔 취업후기 글에 비밀댓글이 달리는데, 30분~40분씩 투자하면서 답글을 달아요. 저두 '너무 많이 썼나?' 싶다가도 돌아오는 답글 보면 굉장히 뿌듯하더라구요.
우와 숑숑님 강아지 이쁘네요 ㅎㅎ 안녕하세요 테오님 반갑습니닷!! 새해복 많이 받으세요😁
맞아요~ 그리고 그런 마음들이 실제 일을 할때에도 좋은 결과가 나오는 법이죠ㅋ
여기는 개발얘기하고 싶거나 궁금한거 생겼을때 언제든지 서로 물어 보고 답하는 공간입니다. 언제든지 편하게 이용하세요
기억에도 더 잘남구요..! 아직 좋은 성과는 내지 못했지만 요즘 일 시작하면서 제일 많이 체감하는 것 중 하나에요.
좋은 자료나 개인 홍보자료 역시 환영합니다. :)
이미 잘하고 계시네요!
숑숑님, 제이지님은 최근 관심사가 뭐에요?
사실 카엔 면접 앞두고 돌고돌아 이곳에 들어오게 되었네요 ㅎㅎㅎ 저는 프론트 공부중이고 요즘에는 타입스크립트에 관심 가지고 있습니닷
오! 카엔 오시는거에요? +_+ 와!
좋은 결과 있기를 바랍니다. 타입 스크립트 좋죠 ㅋ
가고싶어요🥺🥺ㅎㅎㅎ 넵 열심히 힘을 내보겠습니다!!!!
카엔이 어디인가요..ㅎ
블로그에 쓰신 글보고 감명을 많이 받았어요
카카오엔터프라이즈입니다!
헛 말해도 되나요..?
네 대신 본인이 누구신지는 너무 티내지 말아주세요 ㅎ
제가 특정할만한 얘기가 아니라면 상관없습니다. ㅎ
넵 ㅎㅎ
준비는 잘되가고 있나요? ㅎ
그동안 해왔던거 공부했던거 돌아보면서 준비하고 있습니다 ㅎㅎ 준비하면서 저에 대해서 많이 돌아보게 되는거 같아요
많이 물어보고싶은데 말을 아껴야겠네요. 왜 우리 회사였는지에 대해서는 꼭 생각해주세요! 면접을 떠나서요~
면접 잘 보시구 조심스럽게 짧게라두 후기 부탁드립니다.. :)
괜찮으시다면..!
네 준비하다보니 회사에 대해서도 더 호기심이 생기네요 좋은 말씀 감사드립니다 ㅎㅎ 저도 뭔가 조심스러워서... 면접 때 여쭤봐야겠어요 ㅋㅋ
ㅎㅎㅎ 네 알겠습니다 최대한 특정되지 않게 후기 들려드리겠습니다
안녕하세요 선배님들 작은 질문이 있습니다 향후 프론트의 평균 단가가 백엔드를 넘을 가능성이 있다고 보시는지 혹은 그렇지 않은지 의견들이 궁금합니다!
평균을 생각한다면 어려울거라고 봅니다. 프론트엔드가 지금 공급이 많아진것도 있고 반면에 백엔드 공급이 줄어들고 있지요. 그리고 아직은 대형 엔터프라이즈가 되는 사업은 플랫폼 형태의 사업인데 여기는 결국 백엔드가 중요한 포지션이기도 합니다.
아직 프론트엔드의 가치가 중요한 서비스들은 손에 꼽히는데다가 국내에는 그런걸 하는 대형급 회사는 없다보니 평균적으로는 지금이랑 크게 차이나지는 않을것 같아요. 대신 프론트건 백엔드건 연봉을 비슷하게 맞추려고 할겁니다.
저 개인적으로 채용측면에선 더 좋다고는 생각하고 있어요. 어느 기업의 채용담당자분께서 백엔드는 현재 공급과 수요는 맞는데 프론트엔드 개발자는 너무 부족한 상황이라 22년부터 조금 막막하다고 하셨습니다. 어느 기업이든 마찬가지일거라고 하셨기도 했구요..! 단가는 테오의 말에 동의합니다!
(개인적인 의견입니다. 트렌드가 어찌 바뀔지는 아직 모르죠. 메타버스 세상이 빨리 올수도 있구요;;)
참 어렵습니다. 시장에 풀리는 프론트엔드는 진짜 많은데... 뽑고싶은 프론트엔드는 적다는 거 그래서 평균은 낮을 거에요. 저렴한 프론트엔드 수요는 진짜 많거든요 ㅠ
요즘 얘기는 아닙니다. 트렌드에 오차가 있을 수 있습니다. 2~3년 전 이야기입니다.
제입장에서
늦은시간에 의견 들려주셔서 진심으로 감사드립니다ㅁ 사실 저가 프론트 백 둘 다 얕은 수준의 공부를 하고 있지만 둘 다 거부감이 딱히 없는 상황입니다. 굳이 말하지면 정말 아주 조금 더 프론트가 좋다고 느끼는 정도입니다. 단순 연봉을 본다면 백엔드 선택이 맞는 걸까요? 프론트도 실력 있는 분들은 충분히 많이 번다는 글을 많이 봤지만 동일한 노력을 들여가며 시니어급이 되었다고 생각했을 때, 이때 각 두 파트의 급여차이가 큰지도 여쭙고 싶습니다
배경지식이 많이 없어서 질문이 받아들이시기에 난감할 수도 있을 것 같습니다 죄송합니다..ㅠㅠ
어려운질문입니다. 프론트엔드씬에는 사실상 시니어가 없어요. 리액트를 기준으로 하면 이제 겨우 7~8년 성숙된 생태계라서
아 네 이해했습니다 감사합니다
저도 비슷한 고민입니다.. 프론트를 공부할때 재밌고 흥미를 갖고 배우고있는데 백을 공부할때는 이해도 안되고 그럴때가 많더라고요 근데 마음은 백을 하고싶고.. 이럴땐 어찌해야될까요
프론트를 하다가 백으로 넘어가는 상황도 있나요!?
이 영상이 도움이 될 것 같아요.
저는 이 영상 보고 마음이 편안해졌습니다
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
어 저 이거 다 봤습니다ㅎㅎ 되게 멋있으시고 내용도 좋더라구요!!
맞아요! ㅎㅎㅎ 제 온라인 사수 중 한분입니다.
둘다 하세요. 어차피 처음에는 고만고만하고 계속 협업을 해야 하는 관계라서 둘다 할 줄 아는게 엄청 편할겁니다. 그러다가 보면 데이터 다루는게 싫어 화면 만드는게 재밌어 vs 화면 만들기 너무 귀찮다 그냥 콘솔로 찍는게 더 재밌어 라고 스스로 아시게 될거에요 ㅎ
맞아요 저도 둘다 하시는 거 추천드려요! 어느 정도까지는 이해하고 있으면 정말 도움 많이 되더라고요. 요즘 NextJS 유행하면서 프론트가 백엔드 일을 좀 뺏어오고 있기도 하고
화면 설계보다 스키마 설계가 더 재밌다면 백엔드 추천합니다.
각 분야에서 통상적인 연봉의 한계가 없다는 부분은 매한가지일까요? ㅡ 이런 질문을 드리는 경위는 회사의 입장에서는 엄청 비싼 임금의 프론트 개발자를 고용하는 것보다 코드내부적으로 어떻든, 이용자들에게 아무 문제 문제없이 잘 보여지는 정도의 화면을 만들 수 있는 가진 개발자들을 보다 낮은 임금으로 고용하는 것이 회사차원에서 이득이라 여기지는 않을까? 따라서 ' 단순히 연봉에 대한 이야기에 한해서' 프론트로는 뚫을 수 없는 벽이 어느정도 존재하지는 않을까? 하는 궁금증에서 나온 질문입니다! 양쪽 다 공부해본지 얼마 되지도 않은 저가 감히 프론트의 깊이를 얕보는 것이 아니라 '비지니스'를 하는 회사의 입장에서 시니어급 프론트엔드 기술력의 가치가 제대로 인정받는 시장인지 여쭙고싶습니다🙇♂️ 읽어주셔서 감사합니다!
개발을 한 번하고 말거면 그럴수도있다고 생각하지만 기능을 추가하고 변경하고 제거하는 유지보수가 필요하니까 그러지 않은가 싶네요
이득이라 여기고 있는 회사가 많구요 그걸 아는 회사들은 돈을 더 주고 싶은데 프론트 지원자 역시 잘 하는 프론트가 없는 것도 사실입니다. 잘한다의 기준은 단순히 할 수 있다는 레벨은 아니구요. 그리고 프론트의 작업 중에서도 난이도와 관계없이 품이 많이 들어가는 작업들이 있다보니 효율을 따지는 게 없지 않아 있는 것도 있습니다.
4~5년전에는 백엔드는 자사에 두고 프론트는 외주를 쓰는게 일반적이었습니다. 보통 프론트 개발은 디자인과 개발이 초반에 몰려있고 나중에는 별로 쓰이지 않으니까요
요새 잘하는 프론트가 필요한것은 이미 만들어져 있는 데이터만으로도 만들수 있는 페이지들이 엄청 많은데다가 네불님이 말씀해주신대로 유지보수를 하는 동안에도 업데이트 주기가 엄청 짧아지고 있기 때문입니다.
그러다보니 프론트를 회사에 둘거라면 팀 빌딩도 가능하고 트렌드함도 챙기고 문화도 만들면서 백엔드도 알고 있고 디자인도 잘 알고 기획도 알고 있는 그런 환상의 프론트를 찾게 되는거 같아요. 그전에는 프론트에 대한 기대치가 이렇지 않았기에 그만한 사람이 부족한거기도 하구요. ㅎㅎ
프론트가 단순히 디자인 업무라고 볼수도 있겠지만 제가 생각하는 프론트는 모든 업무의 최종 결과를 만드는거라고 생각하기 때문에 개발뿐만 아니라 디자인이나 기획 같은 다른 업무 능력도 필요하다고 생각해요 회사에서도 그런 프론트를 원하지 않을까요
유지보수 측면에서 차이가 날 수 있는거군요! 감사합니다
그쵸 그게 싼(?) 프론트와 비싼 프론트의 차이죠
자세하고 이해하기 쉽게 말씀해주셔서 잘이해했습니다 감사합니다! 그리고 블로그 글 내용들도 최고입니다..ㅜㅜ
실제로 인성 면접에서 대표가 저한테 어떤 프론트냐고 질문하시기도 했어요 프론트는 개발자지만 개발에만 집중하는 사람, 비즈니스가 가능한 사람 등 여러 결로 나뉜다고 생각하신다고 그랬거든요
멋지네요~ 고객과 제일 맞닿아있는 개발자 포지션이긴 하죠 ㅎ
말씀듣고 생각해보니 당연하겠지만 단순히 개발적인 것만으로 평가되는게 아니겠구나 생각이 드네요 감사합니다!
그런 이유 때문에 프론트에 애정이 생겼어요 저는 단순한 업무가 아니라고 생각했거든요!
맞아요 인재는 개발을 잘하는 사람이 아니랬어요. 그냥 인재가 개발에 관심을 가진거지. 어차피 잘하는 사람은 다 잘한다고 ㅋㅋㅋ
이 주제로 글 써보고 싶었는데 맨날 미루는군요 ㅋㅋㅋ
그게 정답인거 같아요... 어차피 잘하는사람은 다 잘하구 ㅎ
죄송한데 테오님 블로그 어디서 볼수있나요!?
여기입니다 :)
감사합니다!!
좋은 아침입니다~ 새벽에 프론트 관련 흥미로운 대화가 있었네요! 덕분에 아침부터 프론트에 대해서 좋은 설명, 멋진 정의, 유니콘 인재상까지 잘 배웠습니다! ^^
신입이 실력이 아무리 뛰어나봤자 신입이다 - 어차피 실력은 고만고만하기 때문에, 인성으로 앞서가야 한다
경쟁자들을 이미징하고 내가 가진 차별점을 말할 수 있어야 한다 - 자기객관화 필수
포트폴리오에는 자기만의 색깔이 있어야 하며, 절대로 <적당히 마무리한 느낌>은 남기지 않는다
포트폴리오에는 가장 잘한 것만 넣는다 - 마치 영화 예고편에 가장 멋진 장면만 넣는 것과 같다
시니어 입장에서 이 포폴이 뛰어난지 어떤지는 첫 페이지만 봐도 바로 보인다. 그래서 인트로 페이지를 기깔나게 잘 만들어야 한다
전문가가 된다는 건 사고방식의 전환을 의미한다. 두려움, 게으름, 미루는 버릇, 자기회의 등에 휘둘리는 일은 비전문가처럼 생각할 때 발생한다. 비전문가는 약속을 어긴다. 전문가가 생각하는 방식은 이와 다르다. 전문가는 약속을 지키고 맡은 일을 완수하며 무슨 일이 있어도 절대 포기하지 않는다
면접에서 중요한 것은 자신에 대한 단호함, 그리고 면접관에 대한 존중임을 느낀다. 자신에 대한 단호함이 필요한 이유는, 면접관과 공감하기 위함이다. 워딩에 조심하는 것은 생각보다 효과가 없다. 그보다는 눈을 크게 떠라. 발언하는 면접관을 똑바로 쳐다보라. 말할 때는 몸짓으로 진정성을 보여라
근데 하나하나 다 너무 좋은 말들이네요! 좋은 자료 고맙습니다!
정말 현업으로 일하면서 누구도 가르쳐주지 않지만 정말 꼭 필요한 꿀정보가 가득이네요 ㅎㅎㅎ 감사합니다
삭제된 메시지입니다.
삭제된 메시지입니다.
삭제된 메시지입니다.
삭제된 메시지입니다.
사진
공부하는 사람은 저거 free로
일단 하면 될까용?
예전에 무슨 요금 폭탄 맞았다는 글? 그거 봐서 이런 거 마주칠 때마다 조심스러워지네용
프리로 하시고
요금폭탄맞아도 학생인티 나면 보통 환불해줍니다
아 그래용?
한번정도는 해준다더라고요
예전에 벨로그에서 어떤분이 대학교 과제로 회원가입한 게 있는데, 거기서 1500만원
지불 나왔다고 한 글을 봐서
물론 환불해줄때까지 좀 쫄립니다
펨키나 시크릿키 실수로 깃헙에 한번 올리면
맞아요 그런 내용이였던 거 같아요.
일단
프리로
그대로 전세계인들의 퍼블릭 컴퓨터 돼서 채굴돌아가는거죠
할게용
사진
보안을 위해서 IAM을 하라는 추천이 있던데
IAM이 주류로 이용되고 있나용?
저는 개인용으로 쓸 때도 iam 빡세게 씁니다
회사에서는 무조건 iam이구요
혼자 사용할 때도 IAM을
사용하시는군요
거의 ec2 건드릴 일이 없다 보니까 s3이랑 클라우드프론트에서 필요 권한만 있는 iam 뽑아서 쓰는 게 마음 편하더라구요
다른 글들 보니까, 권한 등의 분리 때문에 IAM을 권하네용
휴파가 보내준 글에서 '17. 신입에게 가장 많이 보는 자질 - 공격성, 요령없음, 노예근성' 이 부분이 되게 흥미롭네요! 😄
응애 프린이님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 . 님 반갑습니다. :)
안녕하세요! 벨로그 글 보고 들어왔습니다. 좋은 글 써주셔서 감사합니다. 닉네임은 조만간 바꿀게요 :)
네! 어서오세요~ 환영합니다. 여기는 개발 얘기 고플때나 궁금한거 있을때 언제든지 물어보는 곳입니다. 무슨 얘기든 편한게 글 남겨주세요 :)
내일 처음으로 진현님이랑 같이 오전 9시부터 1시간 CSS 진행할 예정입니다. 혹시 같이 들으실 분은 공지에 있는 링크를 통해서 게더타운에서 함께 하실 수 있습니다. 저도 처음하는거라서 기대는 하지 마세요. 그래서 1:1로 하려고 했던거라 경험치가 쌓이고 자료가 쌓이면 좋은 자료들은 또 잘 정리해서 공유할게요 :)
호호 부는 튜브님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 호호 부는 튜브님 반갑습니다 :)
안녕하세요! 반갑습니다ㅎㅎ
여기는 개발 얘기랑 궁금한 것을 언제든 물어보고 얘기 나눌 수 있는 공간입니다. 언제든 편하게 얘기 남겨 주세요 :)
넵 감사합니다 :)
여러분 저 생코로 html, css 완전 초보 개념만 배우긴 했는데 지금 이 홈페이지 만들어보려해요 ! !
보실분 ! ! ! ! ! ! ! ! ! !
저 공유해주세요 ㅎ
삭제된 메시지입니다.
짜장
과연 할 수 있을지 ! 의문입니다 !
와우!! 할수 있어요!! 화이팅입니다 :)
오.. 기획까지 ㅎㅎ
약간 그리드랑
반응형이
넘 헷갈리긴 하지만,,,, 도전임니다 !
화이팅입니다! :)
이모티콘
화이팅입니다!!
테오님 혹시 예전에 잠깐 말했던 100일 커밋
이모티콘
그거 진행해봐도 될까요??
네~ 구체적으로 어떤 거였죠?
혹시 갠톡 가능할까요
오픈톡도 괜찮습니다
그럼요~
https://open.kakao.com/me/ssull
카카오톡 오픈채팅을 시작해 보세요. 링크를 선택하면 카카오톡이 실행됩니다. 바보 주니어 썰 https://open.kakao.com/me/ssull
링크가 이렇게 오네요 ㅋㅋㅋㅋ
김동현님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요! 김동현님~ 반갑습니다 :)
안녕하세요 태용님!
앗 테오님! ㅋㅋㅎㅎㅎㅎ
네 안녕하세요~ ㅎ
어서오세요! 환영합니다. 여기는 개발 얘기가 고플때 갑자기 궁금한 게 생겼을때 본인이 만든거 자랑하고 싶을때 개발관련 홍보를 하고 싶을때 얼마든지 이용하시면 됩니다.
편하게 글 남겨주세요 :)
프론트앤드 최근에 올려주신 게시물 보고 정말 대단하신 분이라고 생각이 들어 이런저런 이야기를 하고 싶어서 들어왔습니다
현재 현업으로 RN 과 NextJS 기반 일을 5개월째 하고 있는 쪼꼬미 개발자입니다 잘부탁드려요
감사합니다. 옛날 웹 개발 기술이 현재에는 쓰이는게 별로 없었는데 썰을 풀데 도움이 되네요 ㅋㅋ
오! React Native! 멋지네요~
ㅎㅎ 감사합니다!! React Native 현재 가장 취업하기 쉬운 꿀 기술이라고 생각합니다 ㅋㅋㅋㅋㅋㅋ 수요는 정말 많은데 생각보다 많은 분들이 React 에만 머물러있어서 경력은 커녕 플젝있는 분들도 찾기 어렵다고 하더라고요
저도 전회사에서 3개월정도 유지보수만 했었는데 요새 수요가 늘고있는게 눈에 보이긴 하더라고요
꿀팁 감사합니다!
이야기 감사합니다 ㅎㅎㅎ 테오님 도움 필요할때 이야기 다시 드릴게요 새해복 많이받으세요!
저는 나이먹고 다시 공부중인데 어렵네여 증말루...
자료구조부터 다시보구... 스크립트도 바닐라로 다시해야겠어요... 뼈대만큼 중요한게 없는거같네요...
네! 새해 복 많이 받으세요 :) 언제든지 다시 놀러오세요 ㅎ
혹시 .. 벨로그에서처럼 이미지를 선택하면 textarea에 이미지주소인가요? 이렇게 뜨게하는 것을 뭐라고 구글에 쳐야 나올까요 ?..ㅋㅋ
이해를 못 했어요 조금만 더 구체적으로 설명 가능할까요?
사진
이미지 선택하면 이렇게해서 음...아래에 글을 쓰는
아직 아는게 부족해서 질문도 어렵네요 ㅠㅡㅜ
이미지을 업로드하고 해당 주소를 textarea로 입력해주는 과정 전체가 궁금한건가요?
아 옙
이런 키워드로 한번 검색해보세요
감사합니다..!!
image upload를 해서 서버에서 저장 후 url을 받아서 현재 커서에 있는 곳에 글자를 붙여넣는다.
그런 원리군요
이 과정으로 만들어지는거고 1) javascript에서 image upload하기 위해 input과 File 접근하는 법, clipboard에 있는 image 데이터 뽑아내는 법 등을 찾아보시고 2) 서버에서 이미지 보관 후 REST 응답받기, 혹은 CDN 서비스나, 이미지 스토리지 서비스들 확인해보시면 되구요 3) 그 응답으로 textarea에 붙여넣기를 하는 것은 document.execCommand나 document.selection 관련된것을 검색해보시면 되요
와...너무 상세하게 감사합니다
이것만 따로 찾기는 어려우실텐데 에디터에서 이미지 업로드 만들기 이런 파트 한번 잘 찾아보시기 바랍니다
알겠습니다(shocked)(shocked)
응애 프린이님이 나갔습니다.
https://github.com/Integerous/goQuality-dev-contents 출퇴근길 개발 읽기 오픈채팅방3번째 방 참여코드 1007 https://open.kakao.com/o/gz7Kiz3c
이모티콘 테오님 오늘 CSS강의 시간내주셔서 정말 감사합니다!! 덕분에 막 가져다 썻던 것들이 정확히 뭐였으며 왜 쓰는건지, 언제 쓰는건지, 왜 생겼는지에 대해서 개념이 잡혔습니다!!! 감사합니다 (__)
감사합니다. 저도 덕분에 어떤게 준비가 되어 있고 어떤 부분이 더 필요한지 알게 되었어요. 오늘 알려드린 내용들은 잘 정리해서 다음분들에게는 더 쉽게 알려줄 수 있는 자료로 쓰일 수 있도록 열심히 또 준비하겠습니다!
사진
혹시 파일 3개 나오는 문구 수정해보신 분 있을까요? ㅠ
찾아보니 input 태그에 filelist 객체가 알아서 반환해주는것 같은데
저는 저거 display none처리하고
네네
따로 display될 화면 만들어서 사용합니다
조금 더 찾아보고 안되면 말씀해주신 방법으로 해야겠네요
감사합니다!
클릭 버튼은 label로 만들고요
넵!
해달님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 해달님~ 반갑습니다. :)
안녕하세요 테오님! 블로그 글 잘 보고 있습니다 ㅎㅎㅎ 오픈채팅 어떻게 들어가는건지 한참 찾다가 들어왔네요..! 좋은 글 항상 감사합니다..!
>ㅇ< 너무 감사합니다. 글을 쓰는 보람이 있네요 :)
여기는 개발얘기가 고프거나 갑자기 궁금한거 생겼을때 편하게 물어보고 생각을 공유 할 수 있는 공간입니다.
언제든지 편하게 글 남겨주세요
정규 표현식(패턴) #Character classes#Groups and Ranges#금액 3번째 자리 쉼표#변경자(flag)#쉼표#자주 사용하는 정규 표현식#정규 표현식#정규 표현식 플래그#정규 표현식(패턴)
정규 표현식에 관해서 나름 정리했습니다. 필요한 분들은 참고 하세요~
오오 정리 잘하셨네요! 굳굳
ㅎㅎ 감사해요~ :)
좋은 글 감사합니다!
좋은 글 감사합니다. 잘 읽었습니당!
네네 감사합니다
티스토리 스킨 이쁘네요 직접 만드신건가요?
ㅎ네 직접 커스텀마이징 했어요~
감사합니다~
다양한 분야의 강의 125개, 총 5,016,000원 강의를 모두 0원에 드립니다. 🥰 https://www.inflearn.com/pages/start-20220103
이벤트하길래 공유드려요
좋은 정보 감사합니다!
사진
저만 안들어가지나용...
인기가 많나보군요
앗 서버가 터졌다네요…
ㅋㅋㅋㅋ
ufo가 움직입니다 ㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
저거 몇번 움직이면 쿠폰나옵니다 ㅋㅋㅋㅋ
와 정보공유 감사합니다!!
사진
테오님, 그리고 다른 분들! 혹시 모바일, PC, 테블릿에서 다 사용가능한 반응형 웹페이지를 만든다고할 때, 어떤식으로 주로 하시나요? 저는 미디어쿼리로 브레이크포인트 3개 0~415px (모바일) 416px~879px (테블릿) 880px~ (PC) 를 잡고 하는 편인데, 더 촘촘하게 하는게 맞을지 아니면 다른 방법이 좋을지 의견을 여쭙습니다
저도 브레이킹 포인트는 많아야 4개로 설정합니다
3~5구간?
그럼 디자이너분에게 그 구간에 맞는 디자인을 다 받아서 처리하시나요?
넵!!
혹시 em, rem, px중에서는 어떤걸 사용하시나요?
em하고 rem은 취향인거같고.. px과 %까지 거의 세개 사용하는거 같아요
vh vw도 사용하고
저는 em사용합니다
아하…친절히 알려주셔서 감사합니다! 혹시 다른 회사, 다른 분들은 어떤식으로 하시는지도 알려주실 수 있을까요? ㅎㅎ
저희는 도메인 특성상 반응형 페이지를 지원하지 않아서 드릴 말씀은 없지만, em, rem에 대해서라면 rem만을 사용합니다. 제 경우 em은 헷갈려서요.
저희도 px주로 사용하고 가끔 %도 사용하고 있어요!
감사합니다! 혹시 브레이크포인트는 어떻게 잡고 계신가용?
궁금한게 제가 rem이 익숙치않아서 그러는데, 그럼 디자이너분이 rem값을 다 적어주시나요? 아니면 다 계산하셔서 하시나용/
저희는 em을 쓰는데 최상단에서 고정 px적어두고 협업을 위해서
그건 건들지 않고 em으로 작업합니다..
특히 폰트같은거?
아예 반응형 원 툴로 안잡고 모바일, PC 디자인 분리해서 하기도 해요
그러고 개별 폰트사이즈 지정은 무조건 em만 사용하도록 쓰고 계시는건가요?
무조건까진 아니고..
되도록 하자
이런느낌으로 하고있습니다
고정 픽셀을 아예 안쓸순 없으니까요...
디자이너가 따로 없긴 한데요... 이전에 디자인 외주 받아서 썼을 때는 그냥 적당히 유도리 있게 제가 rem 값으로 변환해서 구현했었습니다. 딱히 잔소리 들을 일이 없어서..
아예 분리한다는 말씀은, 유저 기기의 width값 기준으로 분기처리해서 페이지를 따로 만드신다는 말씀이신가용?
userAgent로 나누는 곳도 봤습니다
아하 ㅎㅎ근데 그렇게 하면 고객이 만약 PC로 들어와서 창의 사이즈를 줄이게 되면, 이상하게 보이지않나요? ㅜㅜ
그런건 고려 안하는거 같더라고요
그런거 쓰는곳은?
그런 고객까지 수용할지는 내부적으로 정해야죠
넵 ㅋㅋㅋ 감사합니당 ! 뭔가 반응형을 유려하게 더 잘하고싶은데, 고민이 되네용 ㅎㅎ 브레이크 포인트를 더 잘게 쪼개야할 지…
저는 em을 쓰는 경우에 궁금한게 em은 상위 요소에 영향을 받아서 같은 em을 적용시켜도 크기가 다르게 나와서 헷갈리던데 이런 건 그러면 어떻게 사용하시나요?
사진
아 저 죄송합니다.. rem이네요.. 반대로말했네요…
그쵸?
네...
저만 헷갈리는게 아니라서 다행입니다 ㅋㅋㅋㅋ
최상단 고정이라서
그리고 폰트는 지정해두고 시작해서
ㅠㅠ
맞아요 말씀하시는 내용을 들어보면 rem인거 같은데 em이라고 하셔서 제가 모르는 비밀이 있는 줄 알았습니다 ㅋㅋㅋ
ㅠㅠ 혼돈을 드려 죄송합니다
기준값은 뭘로 두고 쓰세요? 요즘에 보니까 10px이나 100px로 많이 하시더라구요
16px로 하면 계산이 너무 복잡해져서.....
저는 16인가 18픽셀로 하는...
그런가요 ㅠㅠ
12px이요..
아진짜요…? 그러면 1.122이런식이라서.. 10px로 하면 12px === 1.2em 100px로 하면 12px === 0.12em
저는 rem 쓰고, padding같은 경우엔 가끔 em 써요. 종종 width에 %줘서 반응형으로 만들면 더 좋더라구요. min(80%, 60rem) 이렇게도 자주 씁니다. 이렇게 하면 좀 더 쉽게 반응형을 처리할 수 있더라구요..!
이건 아마 legacy를 따라가는…… 기준값을 한 번 설정하면 다 바꾸기가 쉽지않아서
오호…감사합니다
오 좋은 방식이네요
저희도 한번 생각해봐야겠네요
:root { font-size: 62.5%; —fs—xl: 3.2rem; —fs—600: 2.4rem; —fs—500: 2rem; —fs—400: 1.6rem; }
이렇게하면 1rem이 1px이 되긴하는데
기본 폰트사이즈가 10px이 되긴합니다
복잡하네요
모바일 퍼스트로는 좋은것 같아요
디폴트 폰트사이즈가 16px이니까 62.5%로 계산해서 10px로 해놓기도 하더라구요..!
이 영상 추천드려요 :)
em, rem 아주 잘 설명하고 있네요ㅎ
감사합니당
저도 예전에는 rem 10px로 두고 했었어요.
어차피 디자이너하고 작업을 하다보면 제플린에서 바꿔줘도 4배수나 8배수로는 대화가 안되서
지금은 SPA를 하고 있다보니 굳이 필요한가 싶어서 안쓰고 있기는 합니다.
라이브러리에서 알아서 처리해주는 방식을 고민하고 있어요.
아하..그런 라이브러리가 있나요? 아니면 어도러블 CSS에 추가할 예정이신건가요?
후자요~ ^^;;
이야기를 쭉 보다가 생각난게, tailwand css 에서는 padding, margin 등을 설정할때, 숫자를 넣으면 자동으로 rem 값을 붙여주긴 하더라구요. https://tailwindcss.com/docs/padding
맞아요~ px로 썼지만 내부는 rem로 처리하는 방향을 생각하고 있어요. ㅎ
오..그렇군요 🧐
공식 문서도 디자인이 엄청 잘 되어 있네요
Rem하니 양고기가 땡기네요 헤헤
아 그렇게 말하시니 저도..
아하
테일윈드도 진짜 초반에 아주 살짝의 러닝커브…? 손에 익을 때까지가 약간 그런데, 손에 익으면 너무너무 편하더라구여 ㅋㅋㅋ (저는 손에 익는데 한 2주…?걸렸어요)
오 그럼 어피치님은 현업에서 쓰고 계신건가요?
전 회사에서 썼었습니다 ! 근데 테일윈드 순정으로 안쓰고, 그거를 디자인시스템으로 래핑해서 썼습니다!
저는 현업에서 테일윈드 사용중입니다.
테일윈드 좋나요?
오..그렇군요
쓰다보면 짧은 단축 키 같은 느낌으로 css 빠르게 적용하다 보니 생산성 좋은 것 같아요
맞아요 약간 alias 쓰는 느낌
개인플젝에 한번 적용해봐야겠어요
좋은 정보 감사합니다 👍
넵 한 번 써보시는 것도 좋은 것 같습니다 ㅎㅎ
tailwind에 관심이 있다면 제가 만든 AdorableCSS에도 한번 관심주세요 ㅋㅋ
Utility CSS는 살아남았죠. tailwindCSS와 같은 방식은 화면을 개발하기 정말 편합니다.
제가 아무것도 모르는 백지로서 깨끗한상태에서 AdorableCss 시작해보겠습니다...ㅎ
언제든지 A/S 가능합니다. ㅎㅎ
html css javascript 문법기본, 실무 얕게 알고있는 데, 이런상태에서 교육기관통해 클론코딩해보려하는데 현재상태에서 적절한 방법일까요?
노마더코더 강의듣고 제 웹사이트만들어보려고하는데, 혹시 그외추천해주실 강좌나 방법있으실지
적절하다고 보여요
저도요
제 경험상.. 무조건 에러를 맞닥드리게 되는데 그걸 해쳐나가보세요 ㅎㅎ
Matthew님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세여 Matthew님 반갑습니다 :)
네ㅎ 감사합니다~!
혹시 다들 개발 업무를 어떻게 하시는지 궁금하네요. 저희 회사같은 경우 테스트 서버 하나를 두고, 2명이서 각각 개발한 것들을 올리는식으로 진행할 것 같아요. AWS Amplify를 사용하면 각각의 테스트 서버를 자동으로 만들어주고 URL을 공유할 수 있어서 사용을 고려해봤지만 깃랩은 아직 지원을 안하네요.. 테스트 서버 하나를 두고 각각 개발한 기능들을 넣는 것 외에도 다른 방법을 사용하고 있는지 궁금합니다..!
써보진 않았지만 aws에도 코드커밋할수있는거 있는걸로 알고있어요
배포 자동화를 말씀하시는건가요?? 썰은 회사에서 어떤식으로 개발하시는지 궁금해요. 😃
저희는 올려주신대로 브랜치마다 브랜치 프리뷰 사이트 따요
아 제가 잘못 이해했네요 ㅎㅎ. 깃랩 대용을 물어보신줄 알긴했어요 저는 리액트라 s3에 배포하고 cloudfront로 링크 받아와서
그걸로 합니다 ㅎㅎ 백앤드는 저희는 ec2에 배포하긴 하는데
정확한건 보지 못했어요
그래서 로컬에서는 env로 개발서버 바라보게하고
그건 사내 자체에서 만든건가여?
빌드시에는 실서버 바라보게해서 배포합니다
넵 옛날에 그렇게 세팅해놨어서
근데 그냥 돈 좀 써서 vercel 달면 브랜치 프리뷰 너무 편하게 훌륭하게 뚝딱 해주니까.. 담에는 그렇게 할까 싶기도 하고요
아~저희도 그럴 것 같아요. 테스트 서버 띄워서 테스트 해보고 잘 작동하면 ec2에 배포해서 cloudfront로 도메인하구..
오..vercel에 그런 기능이 있군요 next.js 그 회사 맞죠??
넵넵
그냥 겁나 압도적으로 편하더라고요
아하..감사합니다 ㅎㅎㅎ 그것도 알아봐야겠네요!!
혹시 초기화라는 것이 undefined를 넣는 과정이 맞나요? let a; a = 1; 일때는 a가 undefined로 초기화된 후 1을 할당하는 것으로 알고있는데, const a = 1; 일때는 1로 초기화되는 것인지, 초기화 안하고 그냥 할당해버리는건지, 아니면 이전 케이스 처럼 undefined로 초기화된 후 1을 할당하는 것인지 헷갈리네요…
1로 초기화되는 거 일거 같아요
var같은 경우는 undefined로 초기화 되고, let과 const는 uninitialized로 호이스팅 후 값이 할당되는 걸로 알고 있어요.
언디파인드가 초기화 일거에요
변수는 선언 초기화 할당 이렇게 세단계 보시면 되는데
var는 선언과 초기화가 한꺼번에 이루어지는데
let과 const 는 선언만 먼저 이루어지고
둘다 호이스팅 되긴합니다..
초기화는 이뤄지되 시점이 다르다고 생각하심 됩니다
맞슴다
오.. 옆에서 같이 배웠군요 감사합니다
undefined로 초기화하고 1을 할당하면 결국 재할당인 것인데, const는 재할당이 불가능하다고 알고있어서요,
재할당이 아닌가요?
초기화와 할당은 다르지 않을까요
TDZ 라는 키워드로 공부해보세요
Const let의 차이점이 궁금하신거죠?
const test = 1 을 자바스크립트 엔진이 평가할때 const test로 선언하고, test = undefined로 초기화하고, test = 1로 재할당을 하는것인지 아니면 test = 1로 초기화를 하는것인지
네네
진현님이 말씀하신것에 대한
재할당인지 초기화인지 궁금하신 것 같아요
내부 구조가
복잡해서 관련 아티클을 찾아보세요 Temporal dead zone 이라는 키워드로 검색해보시면 궁금증이 풀리실것 같아요
그거랑 별개인것같아요
음?
시점이 궁금한게 아니라 const에서 undefined로 초기화하는 과정이 있는지가 궁금합니다..!
초기화는 있지 않을까요
기계적문제때문에 있을거같아요
저도 거기까진 생각해보지는 않았지만
라이언님이 궁금하신건 const가 재할당이 불가능한 변수 키워드임에도 undefined로 초기화가 이루어 진 후에 본래 값을 할당하는건 재할당이지 않냐라는 말씀인거 아닌가요
오 맞아요
저도 거기까진 생각해보진 못했네요 곰곰히 생각중입니다 ㅋㅋㅋ
어짜피 다 전기신호로 capacitor에 5볼트가 저장되는 방식일
그거 초기화는 필요할거같아요
쓸데없는 고민일까요? 하지만 궁금한걸…
갑자기 저도 겁나 궁금해졌어요..
저도 초기화는 이뤄지되 재할당임을 판별하는 다른 무언가가 있는게 아닐까요
신입님 말씀하신거가 정답인것 같은데요
Const로 선언하면
uninitialized용?
자바스크립트 엔진이 js파일 구문해석할때 TDZ 만들어서 평가해요
저도 개발닥님이 말씀하신 TDZ 관련 글에서 봤었어요
여기서 const 선언된 부분이 구문에러가 나오면 오류 뱉고 끝이고 아니면 호이스팅해서 끌어올려서 해결해요
let과 const는 런타임환경에서 초기화와 할당이 이루어지지않나요??
그런것 같아요 실행하고 나서 오류가 뜨니까
tdz를 지나고나서의 과정을 말씀하시는 것 같아요
이걸 알려면 엔진 코드를 봐야하지 않을까요 ㅋㅋㅋ
이것 때문에 자바스크립트가 const는 선언과 초기화를 동시에 해줘야한다고
명시해놓은 것 같아요
흠 생각해본적 없는 부분이라
재할당은 어떻게 막히는가.. 생각해본적이 없네요
호오..
신기하네요 이런 생각을 하셨다는게
이모티콘
저는 없다고 생각이 들어요
여기서부턴 제 상상이니까 다들 한번씩 보고 의견 부탁드립니다
없다는 근거 : 호이스팅 이랑 TDZ 때문에 불가능
호이스팅으로 undefined가 되는 케이스 a = 1; var a —— 호이스팅 되어서 이렇게 평가됨 var a = undefined; a = 1;
const 의 경우 TDZ에 의해서 undefined가 할당 불가능 a = 1; const a; // TDZ에 의해서 안됨, — const a =1 // 선언과 동시에 할당 되었기 때문에 undefined 할당 되지 않았음
const 사용하면 호이스팅으로 끌어올리기 전에 레퍼 에러 나서 할당이 안된다고 봅니당 다른분들언 어캐 생각하시나요
저는 결국 변수 선언과 할당이라는게 주소값?이라고 생각하는데 컴퓨터 메모리 어딘가에 저장을 해놓는거라 원래는 그부분에 다른 값이 저장 되어있을수도 있고 없을수도 있는거라
그 메모리의 시작부분이 변수의 시작인지 아닌지 그런것을 판별하기위해서 초기화라는 단계를 거친다고 생각했거든요
그래서 저는 초기화 단계는 필요하다고 생각했어요
저는 자바스크립트가 동기적 언어이니까 선언 후 uninitialized로 초기화 -> 할당이 될 것 같아요. 그 후에 let과 const에 내부 작동이 다르다고 생각합니다..!
let은 재할당이 가능하도록, const는 재할당이 불가능 하도록..!
저도 썰이랑 같은 생각이에요. 코어 자바스크립트 책에서 본 것 같아요.
그나저나 이런 대화 너무 좋네요 개인적으로..ㅎㅎ;
결국 전기신호를 저장하는건 메모리고 하드웨어니까요..
네네 저는 여기서 선언이라는 시점이
호이스팅 하고 이후 라고 보고 있거든요 호이스팅은 js 실행하기전 엔진이 무조건 실행시키는 기본 기능이고 여기서 값이 할당되고 (var function 끌어올리고 할당 ) 코드 실행을 하는데, TDZ가 이 시점에서 개입하기 때문에 const에는 undefined가 못 들어간다 라고 생각하고 있습니다
거의 탐정놀이 하듯 찍은건데 그럴싸하지 않나여?
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
설득 당해버렸어요
평가 단계에서 tdz가 개입해서 let,const는 런타임에서 해당 라인을 읽을때 초기화와 할당이 이루어지는것으로 알고있는데 그러면 let a 도 undefined가 나오면 안되지 않나요???
tdz는 유저가 접근 불가하는 지역이지만 엔진은 접근 가능하지 않을까요
값 할당이 안되었다면 a도 undefined가 되지만 const는 값 할당이 기본 베이스잖아요
그렇기 때문에 undefined가 낑겨 들어갈 여지가 없다 ( 의도적으로 undefined 할당한 케이스 제외 )고 봅니다.
사진
혹시 그러면 let a = 1 일때 a = undefined로 초기화되는 단계가 없는건가요??
그러면 초기화는 undefined가 들어가는게 아닌거네요???
머리 터져버려
저는 없다고 보는데 혹시 undefined 넣어주는 단게가 있나요?
우..그러게요ㅠㅠ 너무 어렵다
어렵다 어려워
선언 초기화 할당 이 3단계를 무조건 해야되는건가욤???
const a = 1 을 딥다이브책에서는 선언과 초기화를 동시에한다 라고 되어있는데
블로그에서 보면 또 선언과 할당을 동시에한다 라고 되어있고..
초기화를 하고나서 할당을 할 것 같긴 한데..
실행 컨텍스트까지 거슬러 올라가서 생각해보면 EC가 생성될 때 var는 선언과 초기화가 이뤄지고 let과 const는 선언만 이뤄지기 때문에 let은 undefined let과 const는 uninitialized인 상태로 남게 되고 실행 단계에서 코드를 다시 한번 읽으면서 변수 선언을 만나게 되면 let은 할당을, let const는 초기화와 할당을 진행하는걸로 알고 있어요 여기서 TDZ는 let과 const가 uninitialized인 상태와 엔진이 변수를 선언한 시점을 만나 초기화, 할당이 이뤄지기까지의 과정을 말하는거고 그렇기 때문에 호이스팅에 차이가 있는걸로 알고 있어요 다시 라이언님 질문으로 돌아와서 const의 초기화 과정에 할당된 undefined에 본래의 값을 할당하는건 재할당이 아니냐는 질문에는 초기화는 할당이 아닌 다른 과정이지 않을까 추측됩니다.
let의 동작을보면 초기화를 무조건 거치는 것 같긴한데
도중에 let > var 오타가 있네요 ㅎ
오 이거인것 같습니다
알게모르게 자스는 열일하고 있었네요..
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
이걸 일주일만에 만든 분은,...
흠
진짜 궁금해서 미치겠다면 엔진 코드를 보면서...
c++라서 전 못봅니다... ㅋㅋ
혹시 다른분들 리액트에서 상태관리 쓸 때 새로고침에 어떻게 대응하시나요?
스토리지로 관리할 수 있는 상태라면 redux persist를 이용한 방법이 있는걸로 알아요
그렇군요 찾아보니 은욱님이 말씀해주신 것처럼 로컬 스토리지 이용하는 경우가 많은 것 같네요
중요한 상태일 경우에는 서버를 통해야 하는걸로 알고 있어요 아마도?
오호 그렇군요 감사합니다!
콘솔님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
저는 원래는 상태를 다시 다 받아오는 방식으로 했는데
뱅셀코드에 흥미로운것이 있어서
적용해보려고요
부팅 개념을 넣었더라고요
오 부팅 개념이면 어떤 식으로 구현을 하는건가요?
저도 분석중입니다…
뱅셀가셔서 한번 보세요 ㅋㅋ 오픈소스처럼 풀려있더라고요
오.. 저도 한번 봐야겠네요 감사합니다!
여러분
저 지금 한시간 째 계속 html, css link 연결이 안되는데
머가 문젠지 봐주실 수 있나용 ..
사진
이렇게 썼고
사진
사진
구글링 한 그대로 썼는데 자꾸 안대요.. ㅎㅎ 하.. ㅎㅎ 화난당..
css 파일에서 style 태그를 쓰나요?
css 파일에는 스타일 태그 없어야 돼요
저거 없애두
적용이 안대요ㅜㅜ
p1이란 태그가 있나요?
사진
네에 ㅠ.ㅠ
앞에
. 안붙여서
그건 클래스네임이라 .p1
그런가유 ?
넵
네엡
네
id 는 #
이런식으로 다 달라요
근데 이게 아무것도 안붙이는거랑
.
#
아무것도 안붙이면 일반 태그
입니다
규칙이니까요
이렇게 3개 있는 걸로 아는데 아무것도 안 붙이는건 어떤식으로 써야 하나유 ?
아아
그럼 일반태그하면 모든 <p>에 적용되겠네유..
감사합니다 !
넵
넵 맞아요
저 원래 진짜 질문 많이 하는데 개발은 혼자 구글링하면서 공부해야할 거 같아서 한시간 동안 끙끙 앓고 너무 속상했는데,,,
여러분들 덕분에
바로 해결됐어요 감사합니다 ! !
3개 말고도 css 선택자는 엄청 많긴해요
ㅋㅋㅋ 답을 찾으셨네요
다들 보통 은욱님이 보내주신 것처럼
앵간한건 외우시나요?
아니면 구글링 하시나요 ?
자주 쓰다보니 외우게 되고
자주 안쓰면 그거에 대한 키워드만 머릿속에 남아있어요
그 키워드로 검색을하고
찾아 씁니당
앗감사합니다 ! !
styled-components 만 쓰다 보니 저런게 존재한다는 거 기억만 하고 다 까먹어버렸네요 하하
호호
엥 영보떼님 프로필 어떻게 바꾸셨어요?
아무리 찾아도 수정이 안되던데
폰에 있네요
아..모바일 버전만 수정이 가능하군요;;
저도 이제 알았습니다 ㅋㅋㅋ
오옹
하 역시 강의로만 듣다가
직접 해보니까
넘 다르네요ㅠ.ㅠ
모바일로만 돼용
안녕하세요 콘솔님 반갑습니다 :)
앗안녕하세요! 벨로그타고여기까지왔습미당 ㅋㅋㅋㅋ 오늘 회사에서 하루종일 벨로그탐방햇네여 ㅎㅎㅎㅎㅎㅎㅎㅎ
저.. 질문하나 드려도 될까요 ?
정확히 40분째.. 고민중인데 잘 안되네요.. 애초에 테이블 태그 쓰는 부분이 아니였는데 테이블 태그를 써서..
그렇다고 또 테이블 태그 쓴거 지우긴 싫고..
지우기 싫은 이유는 뭔가요...?
너무 감사합니다 :) 앞으로로 좋은 글 써볼게요~ 여기는 개발얘기하고싶거나 질문있을때 서로 얘기하는 공간입니다. 뭐든지 궁금한게 생기시면 글 남겨주세요 :)
애초에 테이블이 아닌 곳이면 테이블로 안 짜는 게 가장 옳긴 할거예요
이모티콘
마치 제가 고1.. 여름방학 수학공부를 처음 시작했을 때
느낌이랑 비슷하네요 ..
현재 감정이..
ㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋ
그 고통 이겨낸 후 얻은건 지병과 수학(만)전교1등,, 이번에도,, 이겨보고 올게요,,
뭔가 어느 태그엔
어느게 안되고 이런게 쫌 있어서 헷갈려유ㅜ
화이팅 하세요 노력=실력 아니겠어용! ㅎ
감사합니다 !
근데 혹시 질문 하나 드리자면
테이블 태그 안에 있는 사진과 텍스트를 왼쪽으로 옮기는게
삭제된 메시지입니다.
class로 우선 묶은 후 table size 관련된 태그를 쓰는게 아닌가요 ?
첨에 마진이랑 패딩값 건들였다가 개발자 도구 들가니까 그건 아닌거 같아서요 ㅠ.ㅠ
꺅
1시간만에 해결했어요
멋져요!!
공부하시는 분들 참고하시면 좋을 영상이 올라왔네요
다들 컨디션 관리는 어캐 하시나요?
수다와 커피요!
관리가 됐음 좋겠네요 ㅋㅋ 만성두통 ㅠㅠ
저도 수다와 커피..
눈 건강의 적은 모니터가 아니라 건조함이더라구요..가습기도 살예정입니다 ㅋㅋㅋ
저도 눈 건강만큼은 자신 있었는데 요즘 자신이 없어지네요 ㅋㅋㅋㅋ
저는 부모님이 물려주신것중에 제일 건강한게 눈이네요 ㅋ
저두요 ㅋㅋㅋㅋㅋㅋㅋ몽골인 시력..
저 재귀함수 예로 팩토리얼 공부중인데 n 값이 5인데 왜 콘솔찍어보면 1이 인지 아시나요 ㅠㅠ?
사진
두번째 log가 찍히기 전에
내부에서 fact를 호출하고 있어서
그 뒤가 찍히기 전에
fact(5) fact(4) fact(3) fact(2) fact(1)까지 먼저 찍히고
뒤에는 1은 return 1 했으니까 없고 2부터, 3, 4, 5 이렇게 찍힌거에요
아 !!! 감사합니다
사진
와….갬동입니당
멋쩍은 튜브님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
@유용태 (teo.yu)
신고가 안되네용…
감사합니다 :)
멋쩍은 튜브님을 내보냈습니다.
엥ㅇ 그분 아니에요..!
ㅠㅠ
악!
형태님
ㅋㅋㅋㅋㅋㅋㅋ 애먼 분 ㅋㅋㅋ
ㅠㅠ 어째 ㅠ
형태님을 내보냈습니다.
사과도 못드리네요 인사도 못했는데
ㅠㅠㅠㅠㅠㅠ
와 이런일도 생기네요~ 벨로그 소개글에 사과글 올리고 왔습니다 언젠가는 보시겠죠 아 죄송하네요
이거 제가 알고 있기로 비번 없는 오픈 채팅방에 매크로로 들어오는거라…아마 이런 일 계속 있을텐데요… 대부분 태오님 벨로그 들어오는 분들이니까, 벨로그에 간단한 비밀번호라도 추가하시면 어떨까요…?
근데 보통 매크로면 바로 뭘 보낼텐데 한참 전에 들어오고 지금 와서 링크 뿌린 게 좀 이상하긴 하네요
그러게요 이름에 사진까지 있는 프로필이라서 당연히 아닐꺼라고 생각했어요 새로 오신분이 그러지 않았을까라고 생각했어요 ㅠㅠ
그러게요…저도 사실 매크로인지 정확히 모르지만, 예전에 다른 방에서도 비슷한 일 있어서 비번붙였습니다
혹시 인스타 경수툰이라고 아시는분 계신가요?
양손 엄지척 무지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
화가난다 화가나 그래서 난 화가임님이 나갔습니다.
안녕하세요 피스메이커 프로도님 반갑습니다 :)
저요!
최고죠
오! 보시는군욬ㅋㅋㅋㅋㅋ
전 취준생 입장에서 보는데도 재밌드라구요
반갑습니다! 블로그 테오님 블로그 보고 가입했습니다!!
감사합니다 어서오세요!!
메타버스가 결국에 그냥 게임아닌가요 요즘에는..ㅎㅎㅎ
디지털전환과 같은 개념으로 게임과 같지만 좀더 현실적인 적용이라고 생각합니다
게더타운이 게임스럽지만 게임은 아니잖아요
플랫폼이 더 이상 IT만의 전유물이 아니듯이요
게더 타운이 약간 제페토의 2d 버전이네요
그렇죠
게임은 특성상 무지막지한(?) 리소스라 필요한데 최소한의 리소스를 응용해서 게임월드의 장점만 비지니스로 활용한다랄까요? 아직은 저도 잘 모르겠네요 ㅋㅋ
맵이 있고 아바타가 있고 서로 대화를 하는 방식은 결국에 로직 자체는 옛날의 커뮤니티 게임과 다를 바가 없는 것 같아요. 원래 게임 자체가 가상현실인데, 가상현실도 뭔가 메타버스를 정의하기는 애매한 것 같아요.
다만 도깨비 트레일러를 보면 메타버스 적인 요소를 적용한다고 하면서 현실에 존재하는 것들로 컨텐츠를 만들던데.. 말씀대로 현실 요소의 1대1 적용이 메타버스인 것 같네요
저는 메타버스는 게임 + 플랫폼 이면 메타버스라고 이해했어요
j님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 먹보 네오님~~ 반갑습니다!!
요기 이직 준비하시는분 계시나요?
저요..
이직은 어떻게 하는걸까여..
지원하는거죠
깃헙 블로그 코테 해야될듯요..
보통 이직은 추천으로 많이 되는거 같아요
먼저 간 사람이 알던 사람을 데리고 오는 형태랄까요?
네카라쿠배당토 같은 기업도 같은 방식일까요..??
저희 회사도 그렇지만 사람을 뽑는데 드는 에너지나 비용이 절대 싼게 아니라서요
대부분 내부추천으로 발탁되는 경우가 많아요 물론 내부추천을 하더라도 면접이나 인사를 거치긴 하지만요
저희도 사람 데리고 오면 영입비(?)를 공식적으로 주거든요
물론 그 사람이 합격을 한다면 말이죠
화가난다 화가나 그래서 난 화가임님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하헤요 불 뿜는 튜브님 반갑습니다! :)
뒤늦게 인사드리네요 안녕하세요😅
안녕하세요 반갑습니다~
안녕하세요
아까 모르고 다른 방 나갔다가 이 방을 나가버렸더라고용..
컴퓨터로 카톡을 하다보니 ㅠㅠ
ㅋㅋㅋ 감사합니다
아 그리고, 저번에 체크박스 때문에 골머리를 앓는다고 했었는데
해결했습니다..
오오!
아! 화난다 님이신가요?
맞아용!!!!!!
ㅋㅋㅋ 반가워요
부트캠프 등록도 하는 바람에, 미루다 미루다 했어용
오오! 결국 시작하시는군요
반갑습니다!! 멋진 글 혜자로운 용태님!!
응원합니다!!
근데, 굴러는 가는데 이게 과연 좋은 코드일까? 라는 관점에서 보면
한없이 작아지는구요
이래서 협업이 중요한 거 같아용! 분업이란 목적도 있겠지만,
코드리뷰?
그런 관점에서도 협업이 참 중요한 거 같아용!
필요하면 해드릴수는 있는데 일단 돌아가는게 제일 중요하죠!
맞아요
아 근데, 또 아이러니한 건 나쁜 코드를 많이 짜본 경험도 중요한 거 같아용!
많은 에러를 만나야, 좋은 코드를 체화하게 되는 거 같기도하공
오오! 맞아요 나쁜 코드라는 걸 아는것도 중요하죠
여러분들한테 궁금한게 있는데요 혹시 뭔가 고급회사 - 구글 같은? - 에서만 있을 것 같은 상상만 하는 멋있는 개발문화 같은게 어떤게 있나요?
코드리뷰하니까 떠올라서 실제로 그런 문화를 느껴보신적이 있는지도 궁금하구요 애자일이나 페어프로그래밍이나
팩트(현실 고급회사의 복지)는 잘 모르는데, 걍 고급회사하면 떠오르는 상상을 말해도 되는 건가용?
네!
주4일 근무..
아니면 4.5일 근무라도..
뭔가, 사무실이란 고정적일 것만 같은 위치개념이 자유로울 거 같아요! 카페에서 또는 쉼터에서 일을 하게끔 허용해줄 거 같아용!
뭔가 쓸 것 같은 기술스택이나 협업방식같은것도요
깃헙, 슬랙 이런거나 유료 프로그램 지원해준다던지.. 책 지원이나 인강 지원? 학원같은거 지원해주는 회사도 있더라구요 ! 좋아보였어요
좋은 의견 감사해요 ㅎ
한편으론 복지 말고 고급회사에만 있는 개발문화란게 있을까? 하는 의문도
드는 거 같아용
오오? 왜요?
개발문화는 효율성을 쫓는 거라 생각하는데
그건 어떤 회사든 쫓는 류의 것이 아닐까 싶어용
회사간의 차이가 있다면
직원의 컨디션
관리해주려는
노력이 고급회사에 더 많지 않을까 싶어용
복지문화?
!!
결국 복지인가요? ㅋㅋ
연봉 + 복지 ?? ㅎㅎ
복지가 가볍다 느낄 수 있지만, 복지 막강하다 생각합니다
ㅋㅋ 그러면 회사말고 동료들끼리는요?
그 유퀴즈에 나온 구글 디자이너인가?
팀?
그분이 말하시길, 그 회사에는 미용실도 보유한다 하더라고용! 머리 자르는 시간을 줄여서 일에 효율성을 높이기 위해서라는
우스갯 소리인듯 진담인듯 했는데, ㅋㅋ
동료들끼리는!
음..
너는 일만해 이런식으로 말하셨던거 기억나요
동료들끼리는 아무래도 의사소통?ㅎㅎ
괜히 커뮤니케이션 스킬이 중요하다고 하는게 아닌거 같아요 ….
ㅋㅋ 토스가 편의점 가는 시간 줄인다고 회사에 무료 편의점을 설치했다는 얘기는 들었어요
오 저도 근무자 분 인스타보고 봤어요 ㅋㅋㅋㅋ ㅋㅋㅋㅋ
넹. 그니까 복지란게 제 생각은 단순히 군것질을 챙겨주는 그런 느낌이 아니라 전체적으로 보면 좋은 일을 하기 위한 좋은 에너지를 보충해주는 느낌으로도 볼 수 있을 거 같아요
동료간의 의사소통 규칙은 아직 잘 모르겠어용..
협업 해본적이 없어서.. 떠오르지도 않군용 ㅋㅋ
회사공간이 간지나면 좀 자부심이 넘쳐지긴 하죠 ㅋㅋ 우리화사도 사무실 이전 빨리 해야할텐데 말이죠 ㅠ
그렇군요
아 갑자기 떠오른 건데용
이런 것도 괜찮을 거 같아용
??!
코드 리뷰를 받을 때요,
이 단톡방으로 따지자면
어떤 에러, 어떤 코드 리뷰를 받을지 미지수잖아용? 물어보는 사람에따라 각자의 문제가 다르니까용!!
근데, 만약 무슨 파트(리덕스 파트, 또는 몽고디비 파트), 무슨 파트 카테고리로써 나눠져서 그 카테고리에서 그 파트에 관한 코드리뷰만 받을 수 있으면 좋겠다는 생각이 들어용
오오 각 분야의 전문가의 코멘트 같은건가요?
그래서, 그 파트의 게시판엔 그 파트에 관한 코드리뷰라는(귀중한 자산)이 쌓이고, 그 파트 공부할 때 유용할 거 같아서용
제가 지금 말을 일목요연하게 잘 전달 못하고 있는 거 같네용 ㅠㅠ
각 분야의 전문가면 땡큐죠
그분들의 코드리뷰는 정말 귀중한 자산이잖아용
ㅎㅎ
아니에요 고마워요 :)
첫 입사를 하면 뭘 제일 해보고 싶나요?
우선은 직책 직급 없이 회의할때 아이디어를 어떻게 나누고 수용하느냐..?
저희팀은 대표님께서 비전을 팀원들이랑 나누려고 하시고 그에 따라서 팀원들 의견과 방향성을 듣고 지원해주려 하시거든요
첫 입사를 하면, '못하는 사람'으로 남기는 싫기 때문에 협업이 어떤 코드 플로우를 사용하며 돌아가는지 이해하려고 들 거 같아용!
물론, 달콤한 상상도 꿈꿀 수 있지만 첫 입사는 그런 기쁨을 누리기엔 긴장감 있을 거 같아용 ㅋㅋ
이 회사에서 일하는 것도 중요하지만 개발자로서 어떻게 성장하고싶은지 이 회사에서 부족한 것은 없는지, 커리어 분야에서 지원받고 싶은거 다 물어보시더라구요
오오 멋지신분이네요!
그 말듣고 이직 잠시 고민중입니다
?? 왜요?
좀 더 여기서 커보고싶다는 생각을 들게 해주셔서?
이직을 보류하고 있다는 말씀이군요
네네
보류 중입니다
규모가 작고 적극적으로 뭘 할수 있는 곳이라면 성장면에서는 나을 수 있죠 (인정을 받을 수 만있다면요)
마지막이 중요하긴 하죠..
대신 그런곳에서는 좋은것에 대한 레퍼런스가 없어서 매번 이게 맞나? 와의 싸움이라
그런것들을 스스로 깨닫게 되면 큰 성장을 하는 거구요
근데 나름 그거 스트레스 받으면서도 그 희열은 있어요
아 해냈다
그쵸!!
그러고 나중에 나 이거 왜 이렇게 했지?
ㅋㅋㅋㅋ
또 스트레스 받고..반복..
제가 좀 돌려서 물어보긴 했는데요 저희 회사에도 새로운 신입이 들어오게 될텐데
어떤 문화를 바라고 있을까 어떤 문화를 만들어줘야 할까에 대한 고민이 있어요
사실 저는 그런것들 없이 신입부터 지금까지 컸다보니까
좋은 팀문화라는 부분에 대한 레퍼런스가 잘 없거든요
아 좋은 상사이신데요ㅠㅠ 그런거 없는 곳이 많으니까ㅠ
거의 8년은 독학에 1인 개발자라서
저희는 아직 만들어 가는중이어서..
그래서 좋은거나 해보고 싶어 하는거나 원하는 거에 대한 귀뜸을 받아보고 싶었어요
그 신입분 전생에 나라을 구하셨나요ㅠㅜ 부럽습니다
공감합니다
저는 이회사 처음 들어왔을때 상사가 가르쳐주질 않아서 답답해가지고 바로 과외.. 끈엇어요
아뇨 아직 안 정해졌어요 그리고 사실 저희 회사도 뭔가 그런 프로그램은 없어서 음... 뭔가 와전되는 기분인데요;;
저는 문서화가 잘 되어 있으면 되게 감동 받을 것 같아요! ㅋㅋㅋ
아 정말 중요해요 그거 ㅠㅠ
가르쳐주는게 좋은건가요? 또 그렇게 막 가르쳐주면 주도적으로 못하고 상하관계가 만들어져서 싫다고도 하던데요
제가 첫 프론트엔드 개발자라 제가 그렇게 만들구 있습니다 ㅎㅎ
신입분들 이제 계속 들어오셔서
큼..... 반성하겠습니다 문서화...
이게 은근 힘들더라구요
메모 메모
그렇다고 다 막 가르쳐주는게 아니라 진짜 인수인계가 없었어요...
저는 너무 감사할 것 같아요 카카오 정도 들어가는 신입분이시면 열정도 넘치시고 지식에 대해 열망이 있으실 것 같은데
저두 ㅠㅠ 비전공자고 첫회사라
저두여! ㅎㅎㅎ
너무 모르는거 투성이여서 처음에 엄청 힘들어했었어요
저는 뭔가 기술 스택이랑 개발환경이 자유로워서
레고 조립 하듯이 맞추는데
은근 재밌더라구요
저희회사도 개발환경 자유로워서 그건 좋은 것 같아요 !!
혹시 사내에서 에러 난 것들 해결하는 과정 문서화 하시나요??
좋은거 있으면 받아들이고 써보고 시도해보자 ! 이런 마인드
에러 히스토리를 남기고 싶은데 노션을 생각하고 있거든요
뭔가 회사에서 정해져있는 효율적인 커리큘럼과 기술 스택이 정해져있는 곳 vs 내가 주도성을 가지고 내 맘대로 할 수 있는데 커리큘럼이나 그런 곳은 없는 곳 밸런스 게임입니다
사내에서는 아니고 저는 개인적으로 블로그에 메모해두어요
마자여 그 과정이 재밌어요 ㅋㅋ
저는 전자를 선택해서 폭풍성장을 택하겠습니다..
저희도 이제 막 문서화 시작단계인데 노션쓰고 잇어요 !!
사실 후자같은 경우가 누군가 해놓으면 그게 그거대로 날개를 달아주는 것 같아요..
저도 전자를 택해서 성장한뒤 레벨업된다면 후자요 !
오오 그것도 좋네요 ㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋ
후자는 약간 팀장급? ㅋㅋㅋㅋㅋ
신입분들 성장하도록 돕는
ㅋㅋㅋㅋ맞아요
역시 노션이 제일 편하고 좋긴하져 ㅎㅎ
내가 하고싶은 것 보다 일단은 배우고 싶은 니즈가 있는거군요
왜냐면 저는 신입이라서요ㅠㅠ!
그쳐 사실 그 시간에 타입스크립트 배우고 싶거든요 ㅋㅋㅋㅋㅋ
근데 보통은 배우는 것보다 회사가 레거시인 경우가 더 많을텐데요
기술 스택 컨버팅이나 마이그레이션은 전 좋을 것 같아요.
메모메모...
이직 할 때 얘기할게 많잖아요 ㅋㅋㅋㅋ...
저는 슈퍼개발자들이요 ...
신입때는 성장이 주 목표인것 같아요 그래서 체계가 잡힌 회사, 문서화가 잘된 회사가 부럽구여
저는 신입이 목표였는데
1년 구르니 일 적게하고 돈 많이벌기로 목표가 바꼈어요 히히
ㅋㅋㅋㅋ
도전적인 일을 주는것도 좋은거 같아요
신입때 아쉬웠던게 뭔가 교육이 부실한게 아쉬웠어요
저는 가늘고 길게가기가 목표인데 .. ㅋ
성장은 근데 결국은 가르쳐주는것 보다 스스로 굴러보는게 나중에는 빨리 크지 않을까요?
코드나, 프레임워크 사용법 보다는 유관 부서와 일하는법?
근데 그게 회사의 일이잖아요
아! 그걸 알려줘야 한다는 건가요?
네 그게 필요하다고 봐요
그게 도전적인 일을 해보는게 아닐까요 ㅋㅋ
오! 예를 들면요?
개발자들이야 알아서 코드 공부하고 신기술 공부하는데 이런 회사 내부적인 일은 어디서 뭘 해야 얻을지 모르는 경우가 많잖아요
뭐 회사 일은 잘 모르겠지만
수준 이상의 일거리를 한번 툭 던져준다던지?
오..맞아요 개발에만 집중할 수 있는 환경이 중요한 것 앝아요
이모티콘 ㅋㅋㅋㅋㅋ그럴때 화나면서 또 찾고 공부하다가 알게되면
이것도 상황에 맞아야 가능하다 싶어서 가능할까 싶긴 해요 ㅋㅋ
큰 규모의 기업이면 이런 고충이 진짜 많을것 같아요
그 맛에 개발자하죠 ㅋㅋㅋㅋㅋ
롤이 딱딱 정해져서 함부로 못건드는 범위도 있구..
ㅠㅠㅠㅠ 쾌감 쀼듯 쩔어요
개발에 집중할 수 있는 환경 진짜 중요한거 같아요
그리고 그런 지식을 공유하는거요!
다같이 윈윈했으면 좋겠어요
맞아요 공유하는 문화
벨로그에 모빈켈님인가? 와디즈 인턴에서 막 까고 갔던 글 혹시 읽어보신분 있나요?
저요! ㅋㅋㅋㅋ
저요
아아 무슨 글인지는 기억이 나네요 ㅋㅋ
내용은 까먹었지만 신랄하게 깠다는건 기억에 남네요
`가스라이팅 피하는법 웃으면서 거절하는법 회식 피하는법
이거 맞나요?
당시에 그 어떤 알고리즘 구현했던 분이 모빈켈님뿐이었다고..
저두 저거 봤었는뎅
네
생각보다 공감대가 높길래 회사생활에 대해서 어떤 것들을 상상하고 있는 걸까? 하는 생각 뭐 그런게 들었습니다
처음 봤는데 워딩이 좀 빡세긴 하네요
저는 회사 들어가기 전엔 채용공고에 있는 그대로 믿었던 것 같아요 공고에 나와 있는 것들을 보면서 상상했어요
상상과 비슷했나요? ㅎ
일도 사프처럼 하는것이요
구글 탐났던 이유가
재미없는 프로젝트는 사람이 안모인다고하더라구요
사프가 뭐에요?
사이드 프로젝트
아!
전 상상보다 좋았어요 ㅎㅎㅎ 복지를 못보고 들어가서
보통 회사면 주력 상품이라는게 있는데 그건 안 할 수 없잖아요
질문있습니다 🙋 혹시 사내 스터디가 활성화 되지 않은 경우에는 어떤 곳에서 주로 스터디원을 찾으실까요?
회사 들어가기전 : 체계적인 교육, 확보된 워라밸, 폭풍 성장하는 본인, 멋지게 맥북들고 판교로 출근하는 상상
okky, 인프런 이렇게 두개가 가장 활발한거 같아요
애플이였나 마이크로소프트였나 구글하고 업무문화가 다르다고 들었는데, 주는일을 하는게 아니고 주체적으로 프로젝트를 참여한다고들었어요
회사 들어간후 : 신분당선 낑겨서 고통, 교육은 없지만 어떻게든 검색해보며 습득, 야근 폭풍, 다른의미로 성장..
오 인프런도 스터디 모집이 활성화가 돼있나요?? 당시에는 서비스 시작한 지 얼마 되지 않아서 글이 많아 없었는데
구글 이야기 같은데 그게 금요일에만 하는 프로젝트일거에요
와챠 에서도 비슷한거 하더라구요
친구하고 저하고 대화를 나눴을때 친구는 책임의 피로때문에 전자, 저는 창의성이유로 후자 일을 해보고싶었습니다. 업무환경이 창의적이어야 창의적으로 일할수있단 생각들었어요.
그렇군요. ㅎㅎ
새로운걸 알게되었네요
좋은 팀 문화 바라는 팀 문화 저는 문서화가 잘 되어 있으면 되게 감동 받을 것 같아요! ㅋㅋㅋ 저희회사도 개발환경 자유로워서 그건 좋은 것 같아요 !! 기술 스택 컨버팅이나 마이그레이션은 전 좋을 것 같아요. 도전적인 일을 주는것도 좋은거 같아요 신입때 아쉬웠던게 뭔가 교육이 부실한게 아쉬웠어요 코드나, 프레임워크 사용법 보다는 유관 부서와 일하는법? 개발자들이야 알아서 코드 공부하고 신기술 공부하는데 이런 회사 내부적인 일은 어디서 뭘 해야 얻을지 모르는 경우가 많잖아요 수준 이상의 일거리를 한번 툭 던져준다던지? 오..맞아요 개발에만 집중할 수 있는 환경이 중요한 것 앝아요 그리고 그런 지식을 공유하는거요! 일도 사프처럼 하는것이요 재미없는 프로젝트는 사람이 안모인다고하더라구요 애플이였나 마이크로소프트였나 구글하고 업무문화가 다르다고 들었는데, 주는일을 하는게 아니고 주체적으로 프로젝트를 참여한다고들었어요
일단 지금까지 건진 감사한 내용들이었습니다 ㅋ 인사이트들 고맙습니다 :)
운영에 참고하시려는 건가요?
사진
코딩애플 보는데 카카오에서 뷰도 반반쓰나요!!
네~
ㅇ0ㅇ 오!!
혹시 피그마랑 프레이머 둘다 써보신분 계세요..?
오오
카카오는 기술 스택 자율이라서 쓰고 싶은거 쓸 수 있어요 (PL에게 해당)
피그마는 완전 잘 쓰고 있고 프레이머는 입문하다가 포기했어요
뷰가 한참 떳었는데, 지금 배우기엔 무엇이 제일 인지도있을까요
리액트가 짱이죠
스벨트로 오세요 +_+
ㅋㅋㅋ
둘중하나 골라서 하려는데 .. 고르기가 어렵네요 ㅠ
피그마가 1짱입니다
프레임워크 전쟁은 리액트 승인것 같습니다
저도 리액트가 좋아졌어요 ㅎㅎㅎ
물론 토스처럼 react 까지 빡시게 쓰면 프레이머도 좋겠지만
ㅠㅠ 스벨트...
샵검색 : #스벨트
코린이라 처음 듣습니다 스벨트ㅎㅎ
리액트 생태계가 너무 탄탄해져서 ..
그건 부인할수없죠 ㅋ
next가 조금만 구렸더라면 다른 것들도 어떻게 비집고 흥할 수 있었을텐데 아까워요 ㅠ..
vercel이 너무 일을 잘해서 두렵네요 ㅠ..
svetle를 만든 리치 해리스 형님도 버셀에 입사했습니다
svetlekit 기대하고 있습니다!! ㅋㅋ
저도 스벨트 코인 존버합니다 헤헤
스벨트 튜토리얼만 좀 해봤는데 스벨트가 진짜 장난 없던뎅...
그쵸
너무 편해서
어떻게 이게됨..?
이 절로 나옴...
가장 뭐랄까 바닐라 JS 스럽지않나요?
저희회사 리액트 하시던분 3일만에 스벨트로 바로 적응했습니다
깔끔하고 RXJS 잘붙고 최고..
허..스벨트 사용해신분들은 다 좋다고 하시네요
인프런 해볼껍니다 스벨트!!
작년 설문조사에서도 스벨트가 없었는데 2022에는 순위권에 들었더라구여
스벨트는 컴파일 후에 없어진다고 하던데 그건 무슨 의미인가요??
가상돔도 없구..
라이브러리가 아니라 svetle파일을 컴파일해서 실행가능한 js로 만들어 줘요
아... 오늘 스벨트 글 다시 써야 겠다 ㅠ
04:15 ~ 여기서 스벨트 부분인데 설명 참 잘되어있어요
질문있습니다~. 혹시 노마드코드 수강해보신분 있으시면, 포폴사이트 제작목표로 강좌 추천부탁드립니다. 앞번에 올렸었던대로 노마더코드 클론코딩 듣고 개조해서 포트폴리오 만들려했는데, 딱 포폴수업 이렇게 있진않으니 고르기가 어렵네요. 이런경우, 언어기준으로 골라야할지; 현재 상태는 자바스크립트로 자잘한것 제작경험은 있으나 풀스택 웹구축은 무경험입니다.
오 조니데브님이시네요
감사합니당 ㅎㅎㅎ
노마드코드는 아니지만
인프런 강의도 수강하겠습니다..ㅋㅋㅋ
부스트코스 요기도 좋아요 포폴용으로요
공공님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 공원님 반갑습니다 ;)
네이버 코스에 이런것도 있었군요. 감사합니다
네 요기 좋더라구요 취준할때 애용했어요
수업에선 이론적인 부분만 가르키고 프로젝트 단계에선 프로젝트에 필요한 에셋이나 스키마 임시 데이터도 제공해줘서 좀 편리했습니다
안녕하세요 반갑습니다! :)
프로젝트에 쓰는 코드는 공개 되어져있지 않아서 기획서랑 요구사항 명세서 보고 만들어야하는데 꽤 빡빡한데 그만큼 배우는건 많았어요 돈 내고 코드리뷰도 받을 수 있구..
네 어서오세요~ 여기는 개발얘기나 관심사 공유 궁금한 거 생겼을때 언제든지 물어 볼 수 있는 곳이에요~ 편하게 글 남겨 주세여 :)
궁금한게 있어요!
오...거의 실무경험하고 유사한수준이네요
스벨트 강의를 한다고 하면
어떤것이 상상되나요?
재밌을것같습니다
😊
다른 강의처럼 사이트 하나 만들거나 할것 같아요
거기서 이제 스벨트의 장점을 영업(?) 하거나, 스벨트에서 쓰이는 상태관리 방법에 대해서 소개하거나 그런것?? 이 상상이되네요
저는 3대 프레임워크보다 스벨트를 쓰는 이유가 도입부에 나올 것 같아요
저는 초보긴하지만, 개발실무자라면 다른 언어하고 차이위주로 볼것같습니다.
리액트, 뷰와의 차이점?
그렇게 빠르게 요점을 짚어준다면 흡수가 빠를것같아요
인프런에 무료 강의에서 도입부가 이런 것들이 있으면 더 수강하고 싶더라구여
그 무료부분 강의
원래는 프론트엔드 쌩입문자를 위한 스벨트로 게임 만들기(제가 전에 썼던 글)을 생각을 했거든요? 그래서 예제를 만들고 있었는데 그냥 이론을 한번 달려야 될것 같은 느낌이 들어서요
그리고 테오는 실무에서 사용 중이니까 테오만의 스벨트 실무팁이 있으면 좋을 것 같아요!
일단 설득부터해야 될것 같은;;
데브옵스식 개발팀에 있을때 고년차 개발자분들이 언어의 원리는 같다며 다른언어 쓸때 책한권 훝고 개발하시고 하더라구요
음.. 쌩입문자 분들은
저는 이론부터 나오는게 좋더라구요
저처럼 좀더 대중적인
언어를 원할것같고
좀더 직설적으로 말하면 취업 잘되는 언어를 원하죠 히히..
오히려 기존에 개발하시던분들이 이게핫하다 하고 한번배워볼 니즈가 더 생길것같습니다
ㅋㅋㅋㅋ 그건 맞죠
아!
튜토리얼이 거의 미친 수준이라서 강의 수준이 떨어질줄 알았는데
이거 한번 봐보세요~
원티드에서 진행 한것 같아요~
오 저거 방송도 하는거군요
3편까지 있어요ㅋ
ㅋㅋㅋ 밥 세끼 떼울 수 있겠네요 감사합니다
ㅋㅋㅋ네
이건 그냥 아이디어인데요 똑같은 사이트를 리액트 바닐라 자바스크립트 스벨테 로 구현해보고 그차이점 및 철학을 체감해보게 하는 강의도 좋을것같아요
오늘 인사이트들이 넘치네요 문화랑 강의 많은 것들을 얻어갑니다 +_+bbb 감사합니다
제가 부트캠프류 마지막 발표때 회사분들이 기술스택 사용 근거에대해서 많이들 물으시는데 사실 입문자는 그냥 가르쳐준거 쓰는건데.. ㄲㄱㄲㅋ 그철학의 차이나 실질적 차이를 체감하기어려워서
코드에 대한건 별로 없네여
기계적인 답변밖에 못하거든요ㅋㅋㅋ
그리고 VR박람회갔다가 포인캠퍼스라는 교육플랫폼 구축 회사를 알게됬는데 캠퍼스운영지원, 업계최저수수료된다고 광고하고있어서..(광고할뜻은없었지만) 노마더코더처럼 개인브랜딩 강의플랫폼 구축하셔도 괜찮을것같아요.
오 저 요런수업 땡깁니다
그냥 저런 가볍게 보시면 좋을것 같아여ㅋㅋ
사실 저는 백엔드개발자 신입(진)인데 저는 비전공자로 파이썬으로 입문했거든요 그래서 나중에 짬차면 ^파이썬으로 입문한 사람을 위한^ 시리즈 만들어보고 싶습니다. 주제는 머 자바,c , 운영체제 등등
오..공감합니다 파편화 되어있어서 비교하기 힘들죠 ㅠㅠ
이 영상이 저는 좀 도움이 됐어요 여기 채널 좋더라구요
여러분 그러면 vite는 쓰시나요?
전 한번도 써본적이 없어요
테오님 시간되시면 퍼블리셔, 디벨로퍼(디자이너+개발) 를 위한 포트폴리오사이트 제작 강좌도 만들어주세요 ㅎㅎ
저도 한번도 안써봤어요
네!
아무래도 많이 보이고 한글화가 잘된 문서가 있으면 입문하기가 쉬운데, 바이트는 뷰 쪽에서 좀 더 쓰는 것 같더라구요
힙한 개발자를 위한 svelte와 vite 강의 해야겠다
왜 이렇게 인기가 없니 ㅠㅠ
vite를 홍보하기 위해서 저 프론트엔드 역사편 마지막으로 번들러 이야기 쓰고 있거든요
좀 오래 걸릴것 같은데 vite 좋아요 그냥 알고만 계세요 ㅋㅋ
ㅋㅋㅋ
빌드 속도가 엄청 빠르다고 들었어요
그쵸 빌드도 빠르고 개발 속도와 편의가 진짜 좋아요
ㅋㅋㅋㅋㅋ 그렇군영
사람들이 vue랑 쓰는 걸로 많이 알고 있는데
react vue preact svelte lit vanila 다 지원합니다
좋아서 쓰는것보단 인프라가 갖춰줘야 쓸기회가 생겨서 그런것같습니다
그놈의 취업!!! 은 중요하죠 맞습니다
저도 리액트 안해서 취업 못했어요 ㅋㅋ
리액트 안하고 취업을 하기도 했지만
웹팩에 만족 or 웹팩으로 인해서 번들러 설정 공포증도 한목 하는것 같습니다 ㅋㅋ
뷰도 처음부터 핫하진않았을텐데 만들어두시면 언젠가 바이트와 스벨트는 용태님 하고
인지도와 함께 팍 튀는날이
오지않을까요
오!
지금 번들러 배우려고 하는데 vite는 좀 쉽나요?
완전 짱짱 쉽습니다
오호 vite를 먼저 배우는걸 추천하시나요?
웹팩이 config 어려운걸로 유명하잖아요
네!!!
웹팩은 좀 공포감이 없지않아 있습니다 ㅋㅋㅋ
ㅋㅋㅋㅋㅋ
react도 vite로 시작하면
뭔가 기존에 공부해오던 개발과는 다른 영역같은 느낌이랄까...
cra로 못 돌아갑니다
최근에 next 써보면서 별로 크지도 않은데 빌드 시간이 길다라고 생각하면서 vite가 떠오르긴 했는데
확실히 빠른가요?
오늘 일단 svelte vit rxjs 제 필살기 3종 세트 adorable-css 까지 필살기 4종 세트 글 부터 쓰러 갑니다
네! 체감 됩니다
다음 공부는 vite로 정해야겠군요 ㅋㅋ
근데 아마 공부 하실게 없을 거에요ㅠㅠ
아?
npm init vite
이렇게만 터미널에 입력하면 되요
오 그러고 땡이에요?
config라던지 그런건 없나요?
어차피 세팅 안 할거잖아요 ㅋㅋ
ㅋㅋㅋㅋ
cra는 세팅 하세요?
cra 쓰면서 내가 개발자가 맞나 싶어서
웹팩부터 공부하려고 한겁니다 ㅠ
와우..
음... 웹팩 공부는 어떤걸 말하는 거에요?
그냥 cra 없이 제 손으로 환경 구축하고 싶다? 이런거에요
그럴려면 웹팩 config도 설정해야하고 타입스크립트 config도 알아야하고 그렇지 않나요?
필요하죠
바벨도 필요해요
맞아요
삼위일체
그런걸 알아보는게 공부 아닐까요 ㅎㅎ;;
CRA로는 웹팩 설정이 부족한게 많나요??
HMR 이런거 커스터마이징 하는 건가요..?
HMR이 뭐에요?
솔직히 아예 모르는 수준이라 cra가 부족한지 아닌지는 모르지만 그래도 직접 해보고싶다라는 니즈 때문에 해보고싶은거라 ㅋㅋ
hot module replace요 브라우저 새로고침 없이 업데이트
.아하
YD님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 YD님!! 반갑습니다 :)
질문좀 해도 될까요 ㅠ svelte에서 클래스로 어떻게 쓰나 좀 해봤는데 ...
ButtonTest.ts export class ButtonTest { counter: number; constructor() { this.counter = 0; } onClicked() { alert(this.counter++); <- this가 button엘리맨트에 바인딩됨 } } Button.svelte <script lang="ts"> import {Test} from "./Test"; let button = new Test(); </script> <button on:click={button.onClicked}>button</button>
버튼 누르면 Nan이 떠여... ㅠ
ts로 분리하는 순간 svelte언어가 아니라서 =으로는 반응형이 되지 않아요
wriatble과 $를 한번 보시기 바랍니다.
감사합니당 찾아볼게용!
this.counter = writable(0)
아..
다른 얘기네요
삭제된 메시지입니다.
라고 해보세요
on:click={button.onClicked} 라고 하면 함수만 넘긴게 되어버려서 this가 this가 아니게 됩니다.
on:click={() => button.onClicked()}
아! 되네요 감사합니다 익명함수로 넘길 생각을 안해봤네요!
테오 궁금한게 있어요. 테오는 프로토타입을 만들 때 스벨트로 빠르게 만드시나요 아니면 다른 도구를 이용해서 생성하나요?
다른 도구는 어떤거요?
일단 답은 Svelte로 빨리 만든다 입니다
다른 도구라면 어도비? 아니면 영상으루 만드는 걸 막연하게 생각했는데 생각해보니 프론트엔드 개발자는 본인이 잘하는 프레임워크로 만드는게 맞겠네용..ㅋㅋㅋ
답변 감사합니다 :D
네 figma보다 html + css가 화면 만드는게 더 빨라요 저는 ㅋ
조세핀님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 조세핀님! 반갑습니다 :)
와우 ㅋㅋㅋ 포스팅 뚝딱이네요 ㅋㅋ
오늘아침은 스벨트 글로 시작해야겟군여 ㅋㅋㅋㅋ
혹시, Rest API를 설계할 때, 어떤 문서에다 정리하시나요? git book에다 하시나용?
감사합니다~ 제가 맨날 홍보하고 있어서 자료 조사없이 쓰는 것은 금방이지요 ㅋㅋ
저도 궁금합니다!! 저는 한번도 안해봐서 ㅠㅠ
찾았어용
와! POST MAN이 문서화 기능도 있군요?!
테스팅만 사용해봤고, 문서화 기능은 몰랐어용
그러게요 ㅋ 저도 그냥 테스트로만 썼는데 ㅋㅋ 좋은거 알려주셔서 감사합니다
참고할 때, 이걸 보셔야 할 듯용. 이게 최신 인터페이스라서용 ㅋㅋ
감사합니다 :)
https://santafive.notion.site/3834450147f8438ba23daa934d7495a9 얼마전 카톡을 뜨겁게 달궜던 "산타파이브" 개발자분들의 노션페이지입니다!
와…이거 사이드프로젝트였구나….. 너무 훌륭하네요
멋지네요
이런걸 보면서 진짜 서비스의 가치가 곧 개발자의 가치라는 걸 매번 느낍니다
맞아용…! 혹시 테오님은 테스트코드도 짜시나요?
아니요! ㅋㅋ
필요성을 느끼고도 있고 fe 테스트의 비효율성도 느끼고 있어서
fe에게 맞는 테스트란 무엇인지에 대한 고민중입니다
흠…그렇군용! ㅎㅎ 그럼 혹시 이것도 글 소재로 여쭤봅니다 !
테오님의 추구하는 개발 방향성? TDD ? DDD ? BDD ?
네! 감사합니다 일단 제가 먼저 답 같은 걸 찾아야 될것 같아요 상상하고 있는 것은 있습니다
딱 특정 이론에 국한되지않더라도 커스텀해서라도
제 성향은 BDD입니다!
ㅎㅎ아하! 혹시 이것도 언젠가 글로.......!ㅋㅋㅋ
BDD용 테스트 도구가 마뜩한게 없어서
감사합니당 ! ㅋㅋㅋ 뭔가 원고료 없이 글을 요구하는 출판사 같은 기분이에요…
네! 노력해볼게요 ㅋ 사실 저희 동료하고도 결론안나지만 오래 얘기 할 수 있는 얘기거리긴 합니다 ㅋㅋ 나는 안 하면서 뻥은 치기 싫어서 단순 이론 설명으로는 작성 못할것 같아요 ㅋ
ㅎㅎㅎ그 대화속에 참여하고싶네요
아녜요~ 저는 올해 책과 강의를 내는 것을 회사외 개인 프로젝트로 생각하고 있어서
사실 이렇게 소재를 주시는거 너무 고마워요 :)
원래는 그냥 회사일 잘 하서 높은데(?)로 올라가야지 라고 생각했는데
어느 구간 이상은 개발 실력이 아니라 결국 영향력을 가져야 된다는 걸 느껴요
연차가 이제 적은 것도 아니고
맞아용! 요즘 퍼스널브랜딩이라고 하죠
프론트 역사 업무분야 잘하는 프론트 질문에 대한 대답이 지금처럼 이렇게 인기를 끌 줄도 몰랐고
여기 계신 모든 분들에게 감사하죠 ㅋ 신선한 시각들을 제공주고 계서서 얼마든지 글요구 하고 답변 요구하고 해주세요 :)
저희도 1주일에 한번 음이나 클럽하우스 같은걸로 얘기한번 해보실래요? ㅋㅋ
저는 가끔씩 하는 것은 찬성인데, 정기적인것은 조금 부담스러울 수도 있을 것같아요… (실은 예전에 클럽하우스 한창 핫했을 때, 참석했었는데 몇 주 못 하다가 끝이 난 모임을 몇 개 경험했었어요… ㅎㅎㅎ)
다른 분들이 정기적인 것을 원하신다면 진행하시고, 저는 때때로 참석할 수 있도록 하겠습니다 ㅎㅎ
이 방은 테오님 마음이니까! ㅋㅋㅋ
ㅋㅋㅋ 그건 그렇죠
오래 잘 안가더라구요
저도 가급적 정기적이거나 메이지 않고 단발성이벤트 형식이 많았으면 합니다
혹시 react 강의 누구껄 추천하나요?
좀 벤치마킹(!)응 해보고 싶어요
이렇게 하신다면 주제와 시간이 맞을 때 참석하겠습니당 !ㅎㅎ 지난번 피그마로 진행하실 때 보니까, 태오님께서 모더레이터를 잘하시는 것같더라구요… 모더레이터 없으면 진짜 어렵습니다 ㅎㅎ
모더레이터는 자신있는데 주제 선정이 참 어려운거 같아요
저는 제 인생 터닝포인트(?)가 됐던 react 강의는 드림코딩 강의였습니다.
오..앨리님? 맞나요
초반에 class component 설명이 나오는 것 빼고는 전부 좋았어요
오오 당장 결제하러 갑니다!
네 맞습니다
20만원 내야하는게 단점이긴하지만.. (160달러였나 150달러였나 그랬어요)
그정도 비용이면 괜찮은 건가요??
다른 강의로는 인프런이랑 무료 노마드코더 강의를 들었는데 그 2개보단 좋았습니다.
그리고 내용도 20만원어치 만큼은 충분히 알려줬어요
아하
강의에서 중요한게 뭐에요?
전 이런게 있다 라는걸 알려주는게 좋았습니다. 아는 만큼 보인다 에서 아는 만큼을 알려줘서 정말 좋았어요. 확실히 시야가 훨씬 늘어나는 느낌?
이론의 깊이인가요?
postMan, firebase auth, firebase store, react debugging tools 등을 알려주셨는데, 이전에는 생각치도 못했던 것들이었거든요
sass, icon library 등도 알려주셨네요
깊이보다는 넓이라고 하겠습니다.
좋은 조언 감사합니다
그렇게 넓이를 알고나서 깊이를 파는 일은 현업을 가던가, 본인이 수양을 쌓던가 해야한다고 생각해요!
개인적으로는 책과 강의의 차이는 강사의 전달방식에 따라 스토리텔링이 입체적으로 가능하다는점인 것같아요 예를들면 제가 예전에 스터디할때 프로세스와 쓰레드차이 발표할때 직접 크롬 탭추가하면서 pid다르다는것과 Firfox 구버젼이었나 인터넷 익스플로러였나. 여튼 쓰레드로 탭구현한거 보여줬었습니다
와.. 쓰레드를 그런식으로 직접적용해보면 한번에 이해되겟네용
개인적으로는 시니어가 디버깅하는법 이런거 강의로 팔면 잘팔릴것같습니다ㅋㅋㅋ
과연 시니어분들은 디버깅 어떻게 하실지 어떻게 접근하실지 넘나 궁금...
ㅋㅋㅋㅋ 같은 시니어 프론트엔드랑 그런 얘기를 해본적이 있는데 왜 프론트엔드 시니어는 그런걸 안할까요? 하니까요
다들 바빠서 그렇죠. 그리고 회사 코드를 깔 수가 없잖아요 ㅋ
하지만 좋은 아이디어! 너무 감사합니다. ㅋ
약간 리얼타임으로 잘 안되는 것도 좀 보여줘야겠네요. 디버깅하는 것도 보여주고... 근데 결국 console.log라서
그 인프런 백기선님이었나 홍정모님이었나.? 그분들은 강의에 그런것들이 그대로 담겨있습니다ㅋㅋㅋ
혹시 디버거 사용하시나요??
결국 console log군요ㅋㅋㅋ
좀 예쁜(?) 콘솔 로그 ㅋ
디버거 쓰시나요?
저는 잘 안씁니다
저는 가끔 쓰는 편 입니다.
저 갑자기 궁금한게 여러분들은 강의 들으실 때 1. 강의화면만 있는 스타일 2. 캠과 함께 강사의 모습과 강의화면이 있는 스타일 어느 것을 더 선호하시나요? 저는 보통 2번을 선호해서요. 궁금하네요!
저도 2번을 선호해요~
저도 2번이요 ㅋㅋ 저는 갑자기 나오는 실수에 조금은 당황해하는 인간적인 모습을 보는게 좋드라구요
큼... 그렇군요
저도이번 ㅋㅋ
ㅋㅋㅋㅋ 저도 같이 반응도 살피고 뭔가 더 강의 듣는 느낌이 들어서 좋더라구요.
감사합니다
아이캐칭 용으로라도 뭔가 화면에서 움직이는게 좋더라고요
밑줄을 긋거나 클릭하는 곳이 표시된다던가 하는 것도요
근데 카톡방 인원 수가 어느새 100명 가까워가네요 ㄷㄷ...
그러게요..! 오픈채팅은 최대인원수가 몇명인가요??
1500명으로 알고 있어요
와..대박;
맞아용 ㅎㅎ 출퇴근길 개발 읽기방도 1500명씩 방이 3개 있습니다
와 이 글 보고 npm init vite 쳤다가… 소름이 쫙.........
진짜 빠르네요
+_+b
이제 webpack 역체감 장난 아닐껍니다. ㅋㅋ (계획대로 되고 있어. ㅋㅋ)
물론 next나 다른 프레임워크를 하러 가실떄는 webpack로 가셔도 되고 그냥 혼자서 개발하거나 공부하실때는 vite 좋아요
그럴것같네요 설치 속도에서 이미 압살….ㅋㅋㅋ
제가 밀고 있는 AdorableCSS 같은 경우에 vite 플러그인 방식인데 webpack를 만들까 말까 고민중인데
그래도 만들어야겠다고는 생각하지만 vite가 대세가 되면 어떨까? 싶습니다. ㅠ
근데 글에 쓰신 것처럼 결국 생태계가 얼마나 형성되느냐가 중요한 것같아요...
vite는 에코시스템 장난아닙니다. dev환경 및 빌드 세팅 도구다 보니 확장성이 엄청 넓어서
그렇군요 ㅎㅎ 한 번 읽어보겠습니당 ㅋㅋㅋ
테오님 혹시 스벨트 강의는 대충 언제쯤 만드시나요?!! 올해 말일까요?! 요즘 태오님의 스벨트 이야기 덕분에 스벨트에 관심이 생겨서. ㅎ...
생각은 있는데 강의가 처음이라서 솔직히 뭘 어떻게 해야할지 잘 모르겠어요.
그냥 누굴을 쌩으로 가르쳐봤지 컨텐츠를 만든다는 것은 또 다른 얘기더라구요 ㅠ
일단 마이크는 하나 샀고 강의노트는 만들어봤는데
오늘 들어보니 사람들이 원하는 방향성이랑 다른가 싶기도 하고 그렇습니다
인프런 강의 게임을 만들며 배우는 svetle와 javascript 입문 http://m.gameangel.com/ 아미쿠키샵 가위바위보 다른글자찾기 짝맞추기 메모리게임 할일 색깔 말하기 게임 사칙연산 돌려라 돌려 돌림판 경마게임 슬롯머신 지뢰찾기 빠진숫자찾기 1터 50까지 대상 HTML, CSS를 대강 접해본 쌩 입문 개발자 추천 CSS는 할 줄 알지만 스크립트는 아직은 어려운 퍼블리셔 스벨트에 관심있는 주니어 개발자 드리는 말씀 자바스크립트가 처음인 분들을 생각하고 커리큘럼을 짰습니다. CSS는 하긴 하지만 핵심 컨텐츠는 아닙니다 네트워크도 없습니다 이론설명은 적당히 하고 deep dive는 없습니다. 대신 어떻게 생각을 해야 하는 지 알려드립니다. 이 강의를 마치면 주니어보다 지식은 적지만 테트리스는 개발할 수 있는 개발자가 되는 것을 목표로 합니다 속성강의이므로 현실 이론은 꼭 따로 배우세요! 아무리 쌩 초보라지만 다음은 하고 오자 Code 에디터는 미리깔고 오자 VSCODE github은 가입해라. push 하는 법 배워오자 Svetle를 한번은 설치해오자. 그리고 한번은 해보고 와라 튜토리얼 이해가 되는데 까지만 해보고 와라. 모르겠으면 그냥 읽고 와라. Vercel 가입 하고 svetle kit 설치 해보기 내 이름이 나오도록 배포하기 1장 스벨트를 알아보자 왜 스벨트인가? 좋다 쉽다 근본이다 CSS는 AdorableCSS를 쓸 예정입니다! 왜냐? 홍보용! ㅋㅋ 여기는 스크립트를 익히고 일단 만드는게 중요하다! CSS를 전혀 모른다면 스스로 배우시고 AdorableCSS로 일단 작업하세요~ CSS를 할 줄 아는 사람은 그냥 본인이 만드시면 된다. 환경 세팅 버셀 스벨트킷 배포부터 하자! 숙제! 남에게 공유해야 는다. 특히 비 IT직군의 지인들!! 오 잘만들었네 라는 소리를 들을만큼 만들어보자 게임을 만들면서 배울 겁니다 일단 게임의 근본인 주사위와 타이머를 먼저 만들어봅시다!! 1-1장 당신의 행운의 숫자는?? 프로그램이란 무엇일까? Input -> 가공 -> output prompt() alert() console.log() 2장 주사위 던지기 변수, 숫자, let Math.random() 출력하기 던지기 버튼 연동 함수 (이론 함수 이해하기!! 랜덤을 함수로 만들자!!) 재미있는 문구 연동하기 if와 boolean 타입 switch문 3장 3분 타이머 만들기 const, setIntetval, clearInterval Date.now() - 자바스크립트의 시간은 밀리초 Date.now() - t 지난 시간 구하기 사칙 연산자 배우기 분:초를 만들어보자 스타일과 연동 하는 법을 배우자. 이론: 데이터 파이프라인 이해하기!! 숫자를 다른 원하는 숫자로 변환한다. 주어진 인풋을 적당히 다른 것으로 바꿀 수 있다 4장 가위 바위 보 만들기 지금까지 배운 걸로 가위바위보게임을 만들어 보자 숫자를 이모지로 만들기, 이벤트 연동 이겼는지 졌는지 확인 svetle로 이미지 연동 해보기 미션1 져보세요, 이겨보세요, 비겨보세요가 랜덤으로 나오고 캄퓨터가 랜덤으로 가위 바위 보를 선택하며 버튼을 눌러 맞추면 1 틀리면 -1점으로 하여 10초 타이머로 스코어를 내는 게임 만들기 미션2 이걸 응용해서 뭔가 아무튼 좀 새로운 거 만들어 보기 디자인 좀 예쁘게 해보기 5장 다른 글자 찾기 Array를 배우자 Array에 값을 채우는 방법 Array에 다른 값을 입력하는 방법 Array를 화면에 표시하기 {#each 찾으면 다음 스테이지로! 10초 타이머 + 스코어 난이도 업! 다른 모양, 다른 색깔 랜덤 모양, 랜덤 색깔 index로... 6장 alert을 대신할 화면을 만들어 보자 {if 6-1 아미쿠키샵 Array와 랜덤을 이용해허 7장 짝 맞추기 Array를 복사하는 법, 붙이는 법 Array를 정렳 Array를 섞는 법 Object 중요! String, Array, Object 함께 다루기!!! Array 다루기! Array 함수, 체이닝 {each와 key 이해하기} 뒤집기 css setTmeout()을 이용한 animation flag와 boolean matched 상태에 따른 분기 다루기 state === "카드 오픈" state === "에니메이션중" const로 상수화 하기 코드 댑스 깊어지지 않게 return 하기 처음에 미리 보여주기 for문 8장 터이머 컴포넌트 만들기 9장 메모리 게임 순서대로 누르기 Array 비교 영어 단어 찾기 게임 야추 만들기
이게 지금 생각하는 초안입니다
약간 피드백해도 될까유?
얼마든지요
제가 이쪽(?)의 전문가는 아니지않습니까 ㅠ
인강은 챕터가 많아지면 루즈해져서 완강하기 어려운 경향이 많더라구요
짧고 굵게 가는것이 효율적이라고 생각해요~
10분짜리 20강은 만들어야 된다고 하시던데
이상 인프런에 150만원 질러서 인프런 개발자 램값에 한몫했다고 자신하는 저의 의견이었습니다 헤헤..
ㅋㅋㅋㅋ
짧고 굵게라고 하면 예제 프로젝트가 많지 않아야 된다는 말씀일까요?
네네 맞아요
서버를 안 넣고 싶었는데;;
Svelte Rxjs Vite Firebase를 다 묶어서 게임을 하나 만들어 보는걸로 해야겠네요
이걸 10분씩 자르는건가요?
Rxjs가 진입장벽이 엄청 높은데
고급 챕터러 빼면 어떨까요?
Firebase와 Rxjs와 Svelte가 어떻게 멋지게 묶이는지를 보여주고 싶어요!... 가 아니라
rxjs를 배우는 허들을 말씀하시는거군요;;
Rxjs 참 좋은데.. 뇌를 옵저버블로 바꿔야 해서 퍼블리셔 분들한텐 어려울것 같아요 ㅠㅠ
저는 프론트엔드 개발자는 아니지만 관련한 고민들을 보고 생각해보는 것만으로도 많은 도움을 받습니다 ㅎ
용태님 강의 너무 기대됩니다 ㅎㅎ
이모티콘
아... 감사합니다! 하.하.
저두여! ㅎㅎ 게임을 여러개 만드는 것보단 개인적으로 하나를 가볍게 만들고 그걸 고도화 시키는 것도 좋을 것 같아요
근데 그러면 너무 빨리 끝날텐데요; 제가 강의를 좀 들어보고 예제안에서 어떻게 말을 넣는지를 좀 공부(!)하고 오겠습니다.
사진
이 게임을 만들어서 방에 들어와서 실시간으로 먼저 찾아내기 어때요?
생각하시는 난이도?
실시간으루여?? 궁금하긴 하네요!!
실시간 연결을 안하면 그냥 만들면 적당히 배열과 오브젝트와 자료구조가 잘 섞인 좋은 교보재라고 생각하고
여기에 Firebase르 엮어서 같이 게임하는걸 만들어보면 재밌지 않을까 싶어서요
암만 게임이라고 해도 공부가 될만한 걸 해야 될것 같아서
firebase의 cloud firestore를 쓰는걸까요?
realtime db firebase만 쓸 예정입니다
리얼타임..!!
firestore랑 REST API랑 이런거 실제 업무에서 쓰이는
DB를 묶는 순간 프론트엔드 강의가 아니게 되어버려서 REST API는 좀 안하고 싶은데
그게 실무이니까 할말은 없습니다만
신경쓸 것들이 굉장히 많네요..
저도 나중에 지식공유자나 유튜브를 하고 싶은데
아닙니다. 일단 제가 다른 강의 탐방을 좀 해보고
컨셉은 게임을 유지하되 짧고 굵게나 넓은 지식
실시간 작업이나 디버깅 화면들 이런 것들에 대한 조언을 받아들여서 커리큘럼은 좀 조정해보겠습니다.
감사합니다! 훨씬 더 방향성은 잡아갈 수 있을 것 같아요!
화이팅입니다 테오..!! 일하면서 강의에 책까지 👍👍 항상 동기부여가 많이 됩니다.
저도 올해 알았습니다. 바쁜 줄 알았는데 하면 할 시간이 있구나. ㅋㅋㅋ
오.. 기대하겠습니다!!
우리는 왜 공통 라이브러리를 만들기 시작했나 https://helloworld.kurly.com/blog/why-we-make-common-library/?fbclid=IwAR3NR9UlVqiPpvcPShsuULuOH9PMSHAjfFjHPZsawW9KMr48pkqzn6lssq8
오늘 읽은 좋은 글? 공유 드려요 ㅎㅎ
와..정말 감사합니다!!
좋은글 찾는 수고를 덜어주는 착한분들이 많으시네요
역시 기본은 변하지 않은 진리인듯 합니다. 메타인지와 커뮤니케이션
좋은 글이라기보다는 사실 제가 감명?받고 배운 점이 많이 있는 글? 입니다 ㅋㅋㅋ
대상 타겟의 수준에 따라 바뀔거 같아여 저는 너무 듣고 싶네여
벨로그 장애인가보네요.
맞네요 502 뜨네요.
지금은 괜찮아졌어요!
테오님 저는 생활코딩님 강의를 좋아하는데, 그 이유가 초보자들에게 해주는 위로의 말들이 참 좋더라구욬ㅋㅋ.. 이건 다른 얘기지만 rxjs가 어렵다는걸 보니 수업하고 끝! 이 아니라 뭐 가끔 위로의 이해하지 못하는 저같은 사람들을 위해 위로의 한마디씩 강의 중간에 넣으면 더 힘내서 완강도 하고 다음강의도 기다려 질꺼같습니다
혹시 axios나 ajax로 데이터를 POST할 때, data를 객체로 보내면, 알아서 JSON.stringify를 해주나용?
지금 프론트엔드랑 백엔드 서버와 데이터베이스 간의 데이터가 오고 가는 거에대해서 공부를 하는데,
데이터 타입이 헷갈리네용..
에이젝트
사진
이말이 요청할 때 객체로 보내도 알아서 JSON.stringify를 적용시켜주고, 응답으로 데이터를 받을 때는 json 문자열을 알아서 parse 시켜서 객체로 받아준다는 거에용?
어디서 보신거에오?
nextjs에서 공통 모듈을 react+rollup으로 빼려고 하거든요 상태관리 라이브러리는 redux와 mobx 중 어떤걸 쓰면 될까요..?? 그리고 redux는 1스토어가 원칙인데 분리된 모듈에서 스토어를 어떻게 이용할 수 있을까요??
벨로그랑 티스토리용
공홈에서 봐보세요 ㅎㅎ axios
믿을거 공식문서밖에 없져
Axios는 해주는 걸로 알아요 ㅎㅎ
문서가 되게 짧네용!
JSON 데이터 자동 변환이라고만 적혀 있어용
그렇다면 만약 서버에서 문자열을 프론트쪽으로 보낸다면, 일부러 jsonify를 해줘야하는 건가용? aixos가 알아서 그 json을 객체화 해주는 거니까?
분리된 모듈에서 스토어를 어떻게 이용하냐는 게.. 혹시 여러개의 스토어를 사용하고 싶다는 말씀이신가요?
사진
모듈 분리는 이런 식으로 하려고 하구요
네네 각 라이브러리들이
스토어를 가져서 어느 앱애서는 임포트해서 쓸 수 있게
하고 싶어요
고수분이 교정하실거라 믿고 일단 답변해보면, 통상적으로 json 형태로 보내냐? Yes 프로그래머가 의식적으로 jsonify 하냐? Yes or no (프레임워크가 알아서 해주는 경우도 있고, 의식적으로 직렬화해주는 경우도 있음) 반드시 json형태로 해야하냐? No Yaml등 다른 형태로 보낼수있는 옵션은 있으나 json이 효율적이라 보통 json으로 함
어느 앱에서든 import를 하고 싶다는 말씀이면 여러개의 스토어를 두는 게 맞는데, 그럴거면 mobx를 사용하시면 될 거 같긴 합니다. 그런데 제가 볼 때는 저 네 개의 모듈이 유기적으로 작동하는 큰 틀이 있어야 할 것 같은데, 그 틀 안에서 리덕스 스토어를 하나 두고 리듀서를 분리해서 사용하는 것도 방법이 될 것 같구요
제가 잘 이해한 건지 모르겠네요
서버에서 application/json 이 아닌 타입으로 보냈다면 이유가 있지 않을까요?
그건 약속 아닌가요… 프론트와 백의 약속으로 어떻게 보낼지 이야기하고 보내야되는부분같은데
아 프론트 관점에서 답변드렸는데 전체적인 얘기였군요
리덕스에서는 리듀서를 내려보낼 수밖에 없군요
서버가 무슨 서버에요?
꺅
웹페이지 완성 했어요
하나 구현 못했고 넘 허접하지만 뿌듯해용
오 공유해주세요 ㅎㅎ
이거 깃허브 호스팅은 넘 어렵고 나중에 하려고 다른 사이트 찾았는데
번거로워서 흑흑
이따 밤에 다시 도전해볼게요,, ❣️
왕허접하고 코드 중복도 많고, 순서 난리납니다,, ㅎㅎ
ㅎㅎㅎ 누구나 처음엔 다 그럴거에요! 처음엔 일단 클린코드같은건 뭔지 모르겠고, "어떻게든 되게만 하면 된다" 라는 마인드가 좋다고 생각합니다 ㅋㅋㅋㅋ
앗 제가 그 마인드예요 ,, 정리고 나발이고 우선 div랑 class 많이 써서 우선 구현하자,,
이런식으로 했어요 ㅋㅋㅋㅋㅋㅋ
코드 정리 하려했는데 ㅎ.ㅎ.. 조금 더 공부한 후 해야할 거 같단 판단이 들었습니다 !
네 ㅎㅎ 우선 구현 해낸 본인을 칭찬해주세요!
일단 클린코드보다는
한 사이클을 돌릴수 있는 걸 먼저 하세요 ㅎ
클린코드까지 가려면 6개월에 1년넘는 프로젝트를 하셔야 되는데
습관이 안생기면 어떡하지? 가 아니라 코드를 좀 더럽게(?) 짜보고 이게 더럽운거구나! 를 알면 그때 부터 클린이 가능해질거에요 ㅎ
웹 페이지 완성 너무 너무 축하드려요! 시작하신지 얼마 안됬어쓴ㄴ데! +_+vv
아니?! 벌써!!!
너무 축하드립니다~ 배우시는 속도가 남다르시네요
궁금한게 있는데요! 기획ppt만 가지고 바로 퍼블,프론트 개발 하시나요..?
어떤 상황이냐에 따라서 달라져요~ 구축이면 당연히 불가능한 일이고 운영단이면 가능 할것 같네요
아하!!
다하는 잡부같은 개발자가 여기있습니다
근데 하다보니 또 경험이라 생각하니 재밌고 그러네요
ppt 없이 말만 듣고 한적도 있어요..
그런일 많이 있죠ㅠㅠ 급건이라면서…
그쵸..
그치만 일단은 레이아웃이나 디자인 시안까지 나오면 작업하는 걸 원칙으로 하는 중입니다
네네 그렇게 원칙으로 잡고 하는게 맞죠ㅎ
간단한 추가요청사항은 가능한데.. 프로그램 개발이몀 ㅎㅎㅎㅎ진짜...ㅠㅠ
못해요.....
하라면..해야죠ㅋㅋ 그나마 CRUD 정도라 도메인만 살짝 얹으면 됐어서
다들 키보드 어떤거 쓰시나요!?
매직키보!
저는 노트북 써요!
저는 맥북 키보드가 제일 좋아요 ㅎㅎ
얇은 키보드?가 잘 맞더라구요 전
그래서 mx keys for mac 사려구 합니다!
이거랑 mx keys 사용하고있습니다
mx keys 어때요? 쫀쫀하다던데
네 딱 그말 그대로인데
저는 키보드 소음이 들리는게 조아서
결국 기계식으로 갈아탔습니다
집은 괜찮은데 회사에서도 기계식 쓰시면 남들 눈치 안보이시나요?
청축만 아니면
크게 상관없는것같아요!
저는 음악듣고 일하는 시간이 많아서 그런지 그러려니 하는데 민감한 분들도 꽤 있으시더라구요
음… 그럴 수도 있겠네요
저희 사무실 분위기는 화기애애해서
키보드 소음으로 뭐라하지는 않는것같아요
fe님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
mxkey 최고입니다
맥북이랑 컴터 왔다리 갔다리 해요
맥북이랑 윈도우
mxkey+mxmaster 세트로 사야되는거네요
오 윈도우도 쓰시나요
저도 mx key 써요
오..역시 바로 사야겠네요
안녕하세여 fe님! 반갑습니다~~
왜 이슈는 한번에 몰려오는걸까요
그것이.... 이슈니까~ (음... 끄덕)
앞단 병목이 누군가요?
ㅋㅋㅋ 꼭 누구 한두명이 미뤄지고 있다가 다했다! 하면서 후두두둑 넘겨지면서 그런 현상이 발생하죠ㅠㅠ
저 뷰 공부중인데 도와주실 수 있나요ㅠㅠ?
사진
like 에러나는데 왜그런가요!?
date -> data
이모티콘
이모티콘
ㅠㅠ 정말 감사합니다
혹시 커리어 관련 온라인 상담부스 같은거 아시는분 계신가요? 저는 당근마켓 커피챗, 우아한형제들 온라인 채용부스를 참가했었는데 경험이 너무 좋았어서요..! 혹시 관련 일정이나 다른 곳 아시는분 있으면 공유 부탁드립니다 😃
혹시 어떤 포인트에서 좋았는지 여쭤봐도 될까요? 궁금하네요!
오..저도 궁금하네요
취준생 때 신청을 했었어서 궁금한게 엄청 많았는데 친절하게 다 답변해주셨어요! ㅎㅎ 당근마켓은 직접 가서 대화하고 싶어서 회사로 찾아갔구요..! 제 개인 프로젝트에서 궁금했던거나 왜 당근마켓이 모든 프로젝트에 TS를 적용 했는지..등등 기술적인 부분에 막힘없이 다 답변을 해주셔서 시간이 금방 갔습니다. 배민은 전반적인 커리어 부분에 엄청 팁을 많이주셔서 1시간 반이 모자랄 정도로 계속 대화를 했어요 ㅎㅎㅎ
한시간 동안 무슨 말을 하지 걱정을 많이 했었는데 준비를 잘 해주셔서 금방 가더라구요 시간이
그래서 앞으로 이런 이벤트가 생기면 바로바로 신청하려구 합니다 ㅎㅎ
특히 배민은 제 깃헙, 블로그 꼼꼼하게 보시고 피드백도 주셨어요
ㅎㅎ 개발자들도 그런 자리 좋아합니다. 우리 회사도 그런 자리 좀 마련해주면 좋겠네요
테오도 커피챗 해주세요 ㅎㅎㅎ 바로 신청하겠습니다
저는 있으면 바로 공유할게요! ㅎ
근데 지금도 언제든 가능하긴해요 ㅎ
저 그럼 신청할래요! ㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋ 이따가 점심시간이나 오후에 잠깐 얘기해요 그러면 ㅋ
오 좋습니다 ㅎㅎㅎ
게더타운으로 하나요?
네~ 줌이나 화상은 얼굴이 너무 커서 부담스럽더라구요 ㅎ
저 강의 영상 찍어봤어요!
알겠숩니다 ㅎㅎ 시간대 말씀 주시면 들어가겠습니다!
오오 !
오늘 도전했습니다! 근데 캠켜고 막상 시작하려니까 머리가 하얘져서
준비했던거 말고 그냥 급발진해서 말을 하게 되길래 이건 못쓸 영상이긴 한데
피드백을 받고 싶어서 "제 강의를 봐달라~" 가 아니라 "내 친구가 강의 해보겠다는데 이렇게 찍어왔다... 어쩔..." 이런 느낌으로 한번 봐주세요
알겠습니다 ㅋㅋㅋㅋ 🤣
오오... 많은 궁금증이 해결되었어요 감사합니다!
해당 영상은 이후 벨로그 포스팅으로 산화되어 사라질 아이입니다.
도움이 됐다니 다행입니다! :)
사진
혹시 여기서, 공간 효율성과는 거리가 멀다는 게
쉽게 무슨 의미지인지 여쭤볼 수 있을까용?
오오 대박
구문분석은 BSON이 데이터를 좀 더 섬세하게 분류해서, 데이터를 더 동적으로 잘 다룬다는 내용인 거 같은뎅!
저 두 번째는 어렵네용
화가님 되게 딥하게 공부하시네요 제가 처음 보는 개념들이 많아요..! 대단하십니다
저 단점때문에 용도가 딱 정해진게 아닐까요?
사진
아무래도 인간이 읽을수있도록 설계되다보니까
좀더 공간효율성이 좋을 여지가 있다는 이야기지 않나 싶네요
음, 저 부분이 일부분만 보여줘서 그런건데용! JSON이 BSON에 비해서 공간 효율성이 안 좋다는 내용인데,
왜 안 좋은지가 궁금했어용.
딥하게 공부해보고 싶어요 저도 ㅠㅠ
딥하면… 전기신호까지… 하실수도 있어요
하드웨어 레벨까지..
숫자를 예를 들면
12345
json이 평문인거에 반해 bson은 binary json 이니까 평문을 이진수로 바꾸어서 컴터가 쉽게 빨리 가볍게 보낼수 있어서 그런거겠죠?
가 실제로는 문자로 전달되는거다보니까
그쵸 그쵸
BSON은 첨 보네요..와
와
이해됐어용...
한 방에 이해가 됐어용 ㅋㅋㅋㅋ
JSON구조로만 알던 mongoDB 문서의 형식이 알고보니까 전송과정에서 BSON로 만들어서 저장되고 있었고, 그 데이터는 이진수로 이뤄져있었던 거군용. JSON 대신 BSON을 사용하게 된 이유는 빠른 CRUD가 가능하다! 요런 거고용!
이 말이 평문을 말하신 거였구나! BSON은 이진수고!!
모두 감사합니다!!
근데 어차피
HTTP body는 string인데 저게 의미가 있을까요…
서버쪽 공부하시는 거면 의미가있겠죠?
0101로 보내도 string이니까 “0101”로 받고 그걸 또 이진수로 치환하는 작업이 있을텐데
아ㅋㅋㅋ Bson이 몽고디비 만들면서 만들어진 format이라 서버단에서 몽고디비로 저장될때 Bson형태로 되는거지 Http body랑은 관계없는것같습ㄴ다
프론트 입장에서는 별도움이 안될거 같지만 아래단으로 내려갈수록 매우 유의미해셔저요
아하 그러면 의미가 있겠네요
서버 저장용이라면 납득되요
네 저장 전송 등 많은 장점이 있어요. 완전히 같은 예는 아니지만 텍스트 파일을 압축해서 전송하는 것을 생각해보시면 이해가 빠르실거 같아요.
2시에 봐요~
저희가 bson화를 직접 해줄 필요는 없지만(전송간에 알아서 해줌), 하지만 가끔 toJson화 시켜야 할 때가 있어서 찾아본 내용이였어용 ㅎㅎ
넵! ㅎㅎㅎ
tailwindcss 와 storybook으로 컴포넌트를 테스하는데 혹시 특정 css가 안먹히는 경우는 경험해보신적 있으신가요?
사진
해당 코드를 쓰면 바로 적용되는데
사진
이런 방식으로 실시간으로 넣어주다 보면 먹히는게 있고 안되는게 있습니다.
실제 컴포넌트가 랜더링 되는 시점에 해당 클래스 네임에 매칭되는 css가 만들어지지 않아서 그런건가 싶기도 하구요
예전에 테오님이 만드신 adorable css처럼 tailwind도 실제 빌드될때 사용하는 css만 만들어주는건가요?
tailwind 문서에도 나와있는데
문자열 파싱을 이용한 방식이라
text-${text-size}의 경우 파싱이 되지 않아요
["text-sm", "text-base"][text-size] 라던가
foo ? "text-lg" : "text-xl" 과 같이 문자열 안에 풀텍스트가 있어야 해요
부족한 질문에 깔끔한 답해주셔서 감사합니다 ㅜㅜ
tailwind나 제 라이브러리 둘다 런타임이 아니라 빌드타임에 동작하도록 되어 있습니다
css in js도 런타임 비용문제로 빌드타임 기반 css in js도 만들어지고 있더라구요
이 말씀은 모든 클래스네임에 대응되는 css에 대해 미리 만들어놓는건 리소스 낭비라 실제 빌드 시점에서 파싱된 것들만 만든다는 건가요? -- 문서를 좀더 살펴봐야겠습니다. 감사합니다
아~ css in js는 매 런타임마다 필요한 class를 직접 생산해서 style태그에 넣는 방식인건데 결국 자바스크립트 자원을 써야해서 이미 로딩이 먼저되고 캐싱이 되어 있는 css방식과 달리 초기 로딩시간부분이나 자주 클래스가 바뀌는 부분에 대해서는 단점이 있다 입니다
form 태그 실습 예제 풀면서
공부해바써요
form 첨해봤는데 넘나 어려운 것,, 봐주실분 ! !
올려주세요
ㅋㅋㅋㅋㅋㅋㅋㅋ
제가 만들어야 했던게
사진
이건데 쪼곰 다르쥬..? ㅎㅎ
걍 개념, 이론, 코드 1회독하고 실습으로 따라해봐야겠어요 !
무작정 실습만 하니까 공부하는 느낌두 안들구 머리 깨지네용 ㅠ.ㅠ
똑같지 않나요??
여백? 그런 부분들이 좀 다른거 같고..
여백 이런건 디자인 요소라서
저기에 어떤 기능이 더 추가되면 좋을까?
제가 위치 관련된건 마진, 패딩 밖에 안 배워서
이런 부분으로 생각하시는게 더 좋지 않을까 하는 의견입니다
걍 저걸로만 움직였네요 ,,
퍼블리셔
프앤
느낌인가요 ?
디자인도 프앤한테는 필요하죠
ㅠ.ㅠ
아직 공부중이시라면
저 화면에서는 원래 마진으로 주는게 맞는 것 같은데요
아긍가요,, 먼가 저한테 확신이 없네요,, 공부해도 모르는게 계속 나와서,,
이 페이지가 어떤 의도를 가졌고 어떤 기능이 필요한지가 페이지 개발에 우선이라 생각해서
솔직히 그 동안 막 그렇게 열심히 안했는데 ,, 뭔가 제가 수학공부 처음 시작할 때 감정이네요
네네
하면서 늡니다...
저도 아직 모르는거 많아요ㅠㅠ
전형적인 입시 공부?처럼 공부하는 스타일이라
이론 쫙 한 번 처음부터 끝까지 공부하고
암기 좀 많이하고 ,, 그러면서 거의 모든 지식을 알고 싶은데 여긴 너무 범위가 방대해서
이렇게 공부하면 너무 비효율적이라구 드러써요 ,,
암기보다는 왜 이렇게 구현했는지 어떻게 동작하는지에 중점을 봐야하니까..
1월 10일부터 !!! 저는 머리도 검정으로 염색하고
몸 상하지 않는 선에서 더 열심히 겅부하려구요 ,,,
조언 감사드립니다
체력 중요해요!!
열심히 하시는 모습 보기 좋아요!!
이론 위주보다는 결국 웹 개발자는 웹을 만드는 사람이니까 이론을 잘 아는 사람이 잘 알긴하지만.. 이론만 알고 만들지 못하면 좋은 지식이 아닙니다
번아웃 신경쑤시고ㅠㅠ
실습 위주로 많이 하고
저는 지병이 있어서 하루에 정말 무리해서 공부하는 시간이 5시간인데
맞아요… 포기하지만 않으면 결국 되긴해요..
진짜 웹이나 앱은
코드가 몇만줄?
어떻게 돌아가는지 외우는 거보단 왜 그렇게 됐는지에 집중하시는 걸 추천드리긴 해요
이거 암기로 되는 분야가..
된다하더라구요,, 그거듣고 어제 한 3시간동안 누워있다 잠들었어요ㅠㅠ
그런거 같아요 ㅠ.ㅠ
내가 왜 이렇게 코드를 짰는지를 생각 많이 해보세요
근데 저 공부한지 일주일인데
걱정이 너무 많은 거 같아요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅠㅠ
그렇긴한데 첫 신입한테 몇만줄 짜라고 시키진 않으니까
걱정 안하셔도 됩니다 ㅎㅎ
감사합니다 ! 초반이라 제 공부법이 맞는지 갈팡질팡합니다 ,,
그리고 저만하더라도 회사 출근해서 한줄도 코드작성 안하는날도 있는걸요
수능은 그냥 딱 정해진 범위안에서
강의 어떤고 보세요?
공부법은 차차 맞춰가면 되는거구
인강돌리면 끝이였는데
저 걍 아직은 생코 기초?만 봐서 아는게 거의 없고 생코 다 보면 유료 인강 커리큘럼 쫙 있는거 1회독정도는 하려해요 !
저는 제 여자친구 인프런에 프론트엔드 캠프?
일단 어느 분야로 진로갈지
이런강의 있어서 그거 입문으로 추천했는데
생각해보세요
생코는 강의 수가 엄청 많아요
퍼블리싱인지 프앤인지
웹 프론트앤드용 !
저는 그럼 일단 js나 jsp 쪽 추천드려요
아직 spring 쓰는 곳도 많아서
자바스크립트요?
네
jsp는 따로 할 필요 있을가요..??
저도 굳이..?
넹 ! 저 html, css 생코 강의만 보구
자바스크립트
데이터 바인딩이 다인데
우선 보긴하 게용
jsp는 먼지
모르겠네용 ?
jsp 하려면 java 기초는 어느정도 깔고 해야하잖아요
프론트면
jsp필요 없지 않나요
그런 cs적인거는 필요하다 봅니다
프론트는 그냥 데이터 바인딩 하라는대로 하면 되는거라
자바스크립트에 집중하는게 좋을 것 같아요
좋은 개발자가 되려면 저도 cs적인 건 필요하다고 봐요
근데 아직은 음
jsp가 cs적인거다 라는건 아닌거같습니다
그렇지만 저도 cs지식은 필요하다고 봅니다
데이터 바인딩 하라는데로 하는것도 이게 동작이 어케 되고 뷰나 컨트롤러 구분이라던지 이렁거
jsp로 첨에 익혀서
리액트로 익혀도 되는걸요
지금은 js만 하지만..
리앵뷰스 로 익혀도 되는걸요
그리고 mvc모델도 프론트는 알필요는 없고..
저는 알아야된다 생각하는 1인인지라ㅠㅠ
어떠한 이유인가요??
나중에 하다보면 알게되는데 프론트가 스프링을 하면서 그걸 익힐 필요는 없죠..
저두 결국에는 알아야 된다고 생각합니다
결국 알아야된다는 동의하지만
mvc 많이쓰지않나요?
리액트에서 아키텍쳐패턴 적용하면 되는거고..
프론트 근본 패턴인걸요
어쩔수 없게 알게된다이지
mvvm으로 많이 구현하죠
이런것도 하네요
리액트에서는 mvvm많이 쓰는거 같아요
아니 프론트?
자바랑 자바스크립트 얘기하니까 생각났는데
취준인 분들 참고하시면 좋을거 같아요
어우 url 왤케 길지.. 암튼 되게 재밌더라구요
저거 혹시 철학적으로 접근한
그 아티클인가요?
네네 비트겐슈타인 철학으로 자스 접근하는거
자바는 플라톤이고
오..저거 찾아보고 있었는ㄷ0
감사합니다
자스를 활용하려면 어떤 시각으로 접근해야 되는지 알게된거같아요
오 좋은 글이네요
한 번 읽어보겠습니다! 스크롤 길이가 엄청나군용 ㅋㅋ
난이도가 좀 있긴 합니다 ㅋㅋㅋㅋ 어렵더라고요
ㅇㅅ즘 이런
교육 프로그램 참 많네요
세삼 느끼지만 요즘은 개발자 하기 정말 좋은것 같아요
인정합니다..! 좋은 것 같아요
좋은 개발자 많아지면 좋져!
이래서 Svelte가 설자리가 없네요 ㅋ 교육에는 React가 없는데가 없네요. ㅋ
@파이버
사진
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
여기서 막혔어용 ㅋㅋㅋ
진짜 리액트가 그냥 표준이에요
프론트계의 전자정부급으로 자리 잡은것 같습니다 ㅋㅋ
Redux도 이래서 풀사군요. 왜 saga가 살아남았는지도 알것같아요 ㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
그러네요. Java와 React
전정프 리액트 나왔던데
ㅋㅋㅋㅋㅋㅋㅋ 자바 얘기라서..
영보떼님은 만들어 보고 싶은거 있어요? 그냥 막연히라도
진도는 차근차근 잘 나가시는거 같은데 헤맨다고 생각하는거 같아서요
저 반응형 웹페이지요 !
전 제 사진들이 너무 조아서 제 사진이 꼭 들어간 ,,, 먼가 저만의 사진 포트폴리오 사이트를 특이하게 만들어보고 싶기두 해요 !
근데 우선 기초 개념 없어서 넘 현타 느끼지 말구 1회독 해보겠슴다
오오~ 그러면 본인 사진을 이용해서 영보떼 전시같은 느낌으로 한번 만들어 보시면 좋겠네요
가끔씩 이론공부나 스텝 바이 스텝에서 좀 막히시면
만들어보고 싶은 것들 레퍼런스들을 좀 찾아보세요 :)
개발자가 디자이너는 아니잖아요? 기획자는 아니잖아요? 할 수 있어도 결국 만들고 싶은걸 만들어야 좀 보여주고 싶고 재밌고 한거라서 ㅎ
꾸미기 하시려다 보면 CSS 효과들 엄청 익히시게 될거에요! ㅎㅎ
Material Design 이용하시는게 제일 좋을 것 같습니다
material이나 antd 쓰시는 분들 만족 하시나요?
회사에서 antd 로 모든 컴포넌트 사용중인데
저는 디자인을 만들어내야 하는 팀이라서 아닌데
큰 문제점 없습니다
저 antd 쓰는데 너무 싫어요
앗 뭐가 문제인가요..?
콘솔이나 백하시는 분들은 좋아시더라구요 그냥 표준 느낌?
저도 과제로 ui 프레임워크를 이용하라 그래서 처음 써보는데
너무 불만족이라 지금 심숭샘숭합니다 ㅋㅋ
antd 좋아요
커스텀하기가 너무 힘들어서..
css로 직접 스타일링 하면 순식간에 끝날거 같은데...
물론 range slide 같은 기능적인 부분은 확실히 편리한거 같아요
작업물이 커지다보면
ui 라이브러리 쓰는게 얼마나 편한지 느끼실수 있을겁니다
ㅋㅋㅋㅋ
테이블 이런거 좋긴 한데 안트디 레퍼런스 보고 있을 시간에 직접 만들고 말지 하는 현타오더라고요
그리고 디자이너랑 싸울 이유가 없어져요
moment 쓰는것도 안타깝고
전 antd 커스텀해서 쓰는중..
회사에 이런거 있으면
결국 디자인 시스템 내에서 커스텀 하는건 같을거같아요
모든 개발자들이 자기 맘대로 컴포넌트를 만들어버리면 작동방식이 천차만별이 되겠죠
같은 프로젝트 내에서
현업에서는 이유가 있는 선택이다 이 말씀이네요
10명 20명이 쓰면 좀 다르겠죠
기능을 만드는 시간의 문제보다
이걸 문서화 하는게 오래 걸리니까
와… 벨로퍼트님 회고록 보니까 그동안 벨로그 서버 비용 본인 사비로 하셨던거였네요........
라프텔에서 내준다고 본거 같은데
이젠 안내주나?!
이야기를 들어보고 생각해보니까 이런 UI 프레임워크가 나쁘다곤 볼순 없겠네요 조금 마음이 풀린거 같습니다 ㅋㅋㅋ
제가 쓰기 불편해서 나쁘게만 생각했네요 ㅎㅎ;;
사실 불편한검 맞아여
디자인 프레임워크 불편하긴 해요 그게 모든 사이트에 맞다는건 아니니까
그래서 개인적으로는 여유가 된다면 자기 사이트에 맞는 ui 프레임워크를 만드는 게 좋지 않나 하는 생각이 있습니다
근데 쓰다보면 기본 컴포넌트 구성할때나 나중에 컴포넌트 설계할 때 참고할 점들은 있더라구요
불편한 것도 이건 이렇게 고쳐봐야지 하면서 구성하는 것도 재밋고
동의합니다
기획자 : 이거 이렇게좀 바꿔주세요 개발자 : ( 문서 검토후 ) 힘들겠는데요 지원을 안해요 ㅠ 기획자 : 중요한건데 해주세요 ㅠ.. 개발자 : ( 아.. 진짜 지원을 안하는데 ) 커스텀 하는 방법 찾아볼게요 —- 그 후 흐름은 커스텀 하면서 벼래별 에러 구경하는 흐름으로…
그러면서 또 스킬업 하는거다..긍정적으로 생각해야죠ㅋㅋㅋㅋ
antd 뜯어보면 재밋는거 많아욬ㅋㅋㅋ
갑자기 뜬금없지만.. 브라우저 음성인식 으로 검색해주는것 찾아서 로컬에서 해봤는데 신기 하네요ㅋㅋ
다 읽었는데, 제가 이제껏 본 글 중에서 가장 재밌었어용 진짜로..
개발에 철학을 곁들인..
진짜 재밌고, 되게 개발적으로 큰 양분을 삼킨 느낌이에요
ㅋㅋㅋㅋㅋㅋ 진짜 잘 쓰신거같아요
글을 읽다가 어쩜 글을 저렇게 쓰시지 하고 다른 글 있나 보다가 없네용? ㅠㅠㅠ
글이 되게 재밌어요
그렇다고 내용의 깊이가 얕다는 건 아니고, 되게 깊이감도 좋고요 ㅠ
chrome css overview 쓰시나요? 이전버전에는 숨겨져 있다가 96버전부터 공식으로 지원하는 기능인데 혹시 안쓰셔보셨으면 해보세요. ㅎ
혹시 프론트, 백앤드 프레임워크 점유율 확인할수 있는 사이트 공유좀 해주실수 있을까요 ㅠ
비교할 수 있는 사이트는 알아요
감사합니다!
사진
혹시 제가 이해한 바가 맞을까요? 1. 쿠키는 문자열로된 로그인한 유저의 정보를 클라이언트 헤더를 통해 설정함으로써, 클라이언트로 보내진 쿠키로 인해 보안에 취약한 반면에 세션은 로그인 정보를 세션 저장소에 따로 저장함으로써 쿠키보다 보안적으로 안전하다. 2. 쿠키는 서버에서 발급할 때, max-age나 expires를 통해 만료기간을 설정해서 내용이 유지될 수 있지만, 세션은 서버에서 발급된 쿠키(Session id)를 브라우저의 메모리에 저장한 형태라, 브라우저가 종료되면 함께 사라진다!
보안이 왜 취약할까요?
쿠키 정보(로그인 정보)가 꺼졌다 켜진 컴퓨터에도 저장돼있어서
정보 갈취일 거 같습니다
2의 세션이 서버세션인가요?
그거도 아셔야되긴 합니다 그래야 요새 https와 httponly를 이해하실테니
없어집니다
통신헤더에만 남아있는거라
따로 변수저장 하지 않으면 없어져요
그러면, 자동 로그인 저장이
따로 변수저장을 한 건가용?
피시방에서 종종 자동 로그인
하지말라는 소리 있잖아용
자동 로그인 저장은 다른거 사용하는거에요 ㅎㅎ
넹넹?
오우
브라우저 끄면 쿠키 날아가요?
쿠키에 저장하지 않고 다른곳에 저장하는걸거에요 방법적인 측면은 다르지만
애초에 변수저장 안하면 날라가지 않을까요
쿠키남지않나요?
오우오우 헷갈리넹
쿠키가 왜 날아가죠
변수저장이 오히려 날아가고
아 브라우저끄면 날라가나
쿠키랑 스토리지는 남는거아닌가요..?
쿠키의 유통기한 설정하면
남아있는 거로 아는데
아
뭐가 맞는 건가용
쿠키는
컴퓨터에도 정보 남아요
쿠키는 남네요
max agefmf
저 디폴트로 잡아둬서
날라간다고 생각만했네요
저장솓도 남고
세션 쿠키는 사라지고, Expiore data를 적용한 쿠키는 브라우저가 종료되어도 남는 거 같아용
2번 세션은
남아있을거에요
2번 세션이용?
1번 쿠키도 요새는 많이 안전해졌습니다
브라우저가 종료되는 걸 서버가 알 수 있는 방법이 없을 거 같네요
멘
아 방법은 있는데 그렇게 안 한다
라고 해야겠군요
넹 그래서 사용자가 껐는지 모르니 남아있어요
쿠키, 세션, 로컬스토리지, 메모리에 대한 글
읽고 있는데, 와닿지가 않아서
암기 느낌이 들어 약간 답답해용 ㅠ
한번
저는 여기서 다른이야기를 하고싶었던건데 ㅠㅠ 죄송합니다
직접 건드려보셔요!
맞아요
이걸 추천드립니다
직접만드는것도 좋아요
한번 다 사용해보세요
혹시
Express session 같은 라이브러리 없이
직접 인메모리 세션 만들어보면
감 바로 와요
저 내용들을 건들일만한 좋은 예제
있을까용?
일단 브라우저 개발자 도구 켜고
프론트님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
쿠키랑 스토리지 한번 눈으로 봐보셔요 ㅎ
이거 추천드려요
클라이언트 스토리지는 일반 자스로도 가능하고
오와 테오님이 운영하시는 오픈채팅방이 있었군요
벨로그 글 잘보고 있습니다~~
맞아요 직접 만드는게 제일 좋죠
인메모리 세..션? 처음 듣는 용어지만 ㅋㅋㅋ 한번 구글링 해볼게욥!!
지금 보러 가겠습니다!!
그냥 서버 띄어놓고
쿠키로 핑퐁하는데 사용자 데이터를 메모리에 올려두는거에요
혹시 키보드 두들기는 좋은 예제도 있다 싶으면 알려주시면 감사하겠습니다!!!
아, 근데 고수님들이 아는 어휘량과 제가 아는 어휘량의 차이가 있다보니까
모르는 어휘를 듣고 몸소 키보드 두들겨 봐야겠네요!!
한번 라이브러리 없이
로그인 되는 간단한 사이트 만들어보세요
혹시 실무에서 vue사용하시는 분들중에 번들링 툴 vite 적용해 보신분 있나요??
리액트를 다루는 기술을 통해서 만들어보긴 했는데
but 브라우저 껏다 켜도 자동 로그인 되어야하는 제약걸구요
뭔가 와닿지가 않는다? 싶어용
메모리라는 단어는 혹시 어떤 특정 위치를 지정한 단어인가용?
그냥
아니면 사용할 때마다, 때에 따라서 가리키는 위치가
다른 건가용?
혹시 express 써보셨어요?
Koa랑 express
써보긴 했어용
넵넵 복잡한것 없이요
안 능숙하지만 ㅠ
변수에 값을 담는거라고 보심 되요
set-cookies를 통해서 헤더로 변수 설정하듯이
하긴 했는데,
let a = a; // 메모리에 올라감 ㅎㅎ
캐시, 세션 스토리지, 로컬 스토리지, 메모리 이런 말들 있죠
이런 단어들이 다가오면, 약간 주눅 들어용 ㅋㅋㅋ
저도 그랬었어요
간단한 xss 예제 보시면 바로 이해하시지 않을까영
오 사내에서 뷰 쓰시나보네요!
제이지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 제이지님 반갑습니다~
안녕하세요 프론트님 확인이 늦었습니다. 반갑습니다 :)
안녕하세요:) 반갑습니다!😄
vue는 안쓰지만 vite는 쓰고 있어요 ㅎ
반갑습니다 어서오세요 ㅎ
테오님 질문이 생겼는데 디자인 시스템에서 컴포넌트에 추가적인 요청사항이 들어왔습니다. 이때 optional props 로 진행하는것 말고 다른 방안은 어떤게 있을까요? 예전에 면접볼때 받았던 질문인데, 다른 적절한 답변이나 해결책이 무엇이 있을지 궁금합니다.
새로만든다요 ㅋㅋ
ㅋㅋㅋㅋㅋㅋ
너무 optional props 는
반창고 붙이는 느낌이라서
고민이 계속 됩니다.
수많은 props의 요청 두둥
저는 프롭스는 최대한 3개로 제한합니다… 그걸 넘어가면 그냥 다른 컴포넌트로 보고있습니다
이런 것들도 방법 아닐까요
컴포넌트 외에서 제어할 수 있게끔?
antd가 이런 방식으로 되어 있지 않나요?
읽어보겠습니다! 감사합니다
좋은 방법인듯하네요
농담이 아니라 저희 진짜 간단한 것들은 새로 만들었던것 같아요
Button_h32
Button_h48
약간 이름이 tailwind 같네요
그리고 로직이 비슷한데 모양이 달라져야 하는 경우에는
model을 라이브러리 화 하고
뷰는 그냥 만들었어요
이게 좋은 방법이냐? 하면 그렇다라고 말하기는 어려운데
저희 그래서 만능버튼 vs 필요할때 마다 만들기
면접에서 저런 질문 물어보면 composition, hoc, content projection 이런거 말하면 될 것 같아요
이런걸로도 토의하고 그랬었는데 만능 버튼 폐혜도 없던게 아니라서
면접 물어본 사람도 답은 없을거에요
여기 회사는 어떤 방식으로 하나요? 그렇게 물어보세요 ㅋ
본인이 궁금해서 물어본걸지도!?
맞아요 ㅋㅋ
사진
혹시 저 부분 post로 바꾸는 방법 알 수 있을까용?
여기저기 들쳐보고, 눌러봐도 저 부분 바꾸는 메뉴가 안 보여용 ㅠ
그거
save
그런 버튼 찾아보세요
save하시면 바뀝니다
아..
되게 허무하군요 ㅋㅋㅋㅋㅋ
이 항목을 바꾸는 선택창이 있을 줄 알고
여기저기 뒤지고, 구글에서 뒤지고 했는데
save누르니까 바뀌네용 ㅠㅠ
안녕하세오 비로그인 장바구니 구현할때 웹스토리지의 세션스토리지 / 로컬스토리지 중 뭘이용해야 될까요?! 블로그는 글들이 제각각이라 여기에 여쭤보아요
세션 스토리지로 구현하면 새로고침을 해도 남아있지만 브라우저를 끄면 장바구니 내용이 사라집니다. 로컬 스토리지는 브라우저를 꺼도 다시 접속 하면 남아있어요.
원하시는 것을 선택하시면 됩니다. 유저 편의를 생각하면 로컬 스토리지로 장바구니를 계속 유지하는 것을 택할것 같아요
용태님은 영어 공부를 꾸준히 하고 계시나용?
읔~ 아니요 ㅠ 영어공부는 저 대신 구글이 열심히 하는거 같아요
아하!
오호..뷰랑 스벨트 차이가 얼마 안나네요..!! 바이트는 엄청 각광 받고 있구요 🧐
빨리 다들 vite로 넘어오세요!! ㅋㅋ
여러분들 혻시 수학 실력은 다들 어느정도 이신지요?.. 다 전공자분들이라 잘하시나
전 딱 학부 전공 수준입니다!
컴공에서 배우는 수학
잘하시네요..ㅋㅋㅋ
수학이 꽤 많이 필요하디고 생각시나요?
저도 그정도 인듯 하네요
게임이나 3d를 할게 아니라면 프론트레벨에서는
깊은 이해는 별 필요없는듯 해요
수학적사고? 는 코딩의 사고와 비슷해서 잘하면 도움음 되겠지만
좀 대단한 걸 하려면 필요한데 프론트엔드 개발 하는 동안에는 별로 의미없었던거같아요
아~ 소리분석 같은거 하려면 좀 필요했얶어요
그것도 수학적 지식 보다는 배경 지식에 가까운거라
fft 푸리에변환 같은거
암호화 알고리즘 같은거
아하
근데 이게 수학을 알아야 한다기 보다
진짜 배경지식 같은거라
유투브로 경제 배우는 수준이랄까?
애니메이션 easing 공식
사각형 충돌영역
바운싱 구현할때 가속도
유튜브로 경제배우는거면 그래도 엄청 높은수준은 아니군요
.. 약간 억지로 지금 생각해보고 있습니다
네~ 그정도라고 생각해요
수학은 곱하기 나누기 나머지만 알아요
수학 공부했던 게 프로그래밍 언어의 원리 철학 같은거 이해할 때 많이 도움됐던 거 같아요
베지어 곡선 그리기
통계를 내기 위한 분산 시그마
벡터
앜ㅋㅋㅋㅋㅋㅋ....
맞아요 이건 공감합니다
철학
신기하네요
고래님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 고래님~~ 반갑습니다 :)
안녕하세요☺️ 벨로그 보고 들어왔습니다ㅎㅎ
감사합니다 어서오세요 ㅎㅎ
여기는 개발하다가 궁금한거나 그냥 개발얘기 하고 싶을때 서로 얘기 나누는 곳이에요
거의 상주하고 있으니 언제든 편하게 글 남겨주세요
저런 수학적 요소들이 필요한것들 다른회사들은 직접 구현하나요???
엔진을 만드는 급이 아니라면 굳이... 대부분은 오픈소스 씁니다
저흰 다 라이브러리 구매를 해서 ㅎㅎ…딱히 수학적 지식이 엄청 필요했던적은 없는거 같아요
맞아요 ㅋㅋ
감사합니다~!👍
정말로 배경지식 이해정도 인듯 합니다 ㅋ
다행...입니닼ㅋㅋ
라이브러리도 사고파는군요
개발하는데
수학 필요없어요
팔죠 요새는 서비스형태로 파는 것 같아요
어느 글에서 수능1등급 정도는 맞아야된다는 글을 봐서
오..그런 서비스 좋은거 같습니다
그 사람
에이.. 그건 진짜 필요없는거같아요
개발 잘 모르는 사람이에요
앜ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
그렇구눀ㅋㅋㅋㅋㅋㅋ
개발자만 한국에 30만명 넘는데
이미 백분율 박살났습니다
개발 아니어도 수능 1등급 대학갈때 말고 아무짝에도..
ㅋㅋㅋㅋㅋ
우와 감사합니다!
평소에 여러분은 API 문서화할 때 어떤 프로그램을
이용하시나요?
저희회사는 스웨거..? 그거 쓰는것같아용
좀 다른가 이건 ?!;
저희도 스웨거 사용합니다
혹시, 프로젝트를 제작하는 계획에서 API를 문서화하는 순서는 어디쯤에 있나용?
가급적 동시에 해주는게 좋은 거 같아요
문서를 먼저 만들고 작업해주시는 백엔드 개발자분도 있는데 진짜 편하더라구요!!
근데, 원래 문서를 먼저 만드는 게 거의 보편적이지 않나용?
다른 방식도 있나용?
포스트맨으로 문서화를 하려했는데, 백엔드에서 로직을 미리 짜둔 후에 문서화가 가능한 거 같아서! 이건 아니다, 다른 프로그램으로 옮겨야겠다
큼... 뼈때리는 말이네요~ 그쵸 그게 맞는거죠 ㅋ
생각하고 있거든용!
스웨거 한 번 기웃거려보겠습니다!
벡엔드 기술 스택은 뭐로 하고 있나요?
보통 문서화랑 기술 스택이랑 같이 있던데
노드제이에스
입니다!
사진
맞아요 저희도 문서화먼저 다 해주셔서 시간적으로 너무 효율적이에용 ㅎㅎㅎ
ㅇ여기서도 Swagger가 유명하다고 하군용
저도 궁금하네요 저도 swagger만 겪어봘엉ㅅ
아니면 그냥 노션리나 위키에 직접 적어주십니다
이걸로 공부하러 가보겠습니다
ㅋㅋㅋ
다행히 자료가 있네용 ㅠㅠ
스프링부트는 스웨거 설정해놓으면 자동으로 api문서화 해주는데 nodejs는 잘 모르겠네요
아 그런 건가용?
그러고보니 보고 있는 사이트 다 spring을 언급하네용
ㅋㅋㅋ
근데 스웨거가 꽤나 지원해주는 프레임웍이 많아서 nodejs 프레임웍도 지원 될거에요
AWS 게이트웨이에서도 스웨거 문서 만들수 있구요
넵!! 지원돼요!! 근데, 포스트맨도 더 찾아보니까, 가능은 한데
각 프로그램마다, 차이점이 큰가 갸우뚱 하고 있었어요
저 노드 할때 스웨거 써썼었어요
리액트에 컴파일러 넣어서 memorizing 하는 프로젝트 react conf 2021에서 발표한건데 엄청나네요
미래 프론트엔드 프레임워크는 컴파일러가 거의 필수가 될듯한 느낌..?
맞아요 변경감지와 템플릿화된 HTML이 Native로 나와야 한다는 얘기가 오래전 부터 있었는데 표준 까지는 아니지만 패러다임 자체는 넘어온것 같아요
버셀에서 리치 헤리슨 영입한것도 리액트에 컴파일러를 붙일려고 할려고 그런걸까요?
두근두근...
서버리스 스벨트인 스벨트킷을 하는 걸로 알고 있어요
오호 스벨트 떡상의 조짐을 보고 미리 선수치나보군요
Next를 따라잡는 상상을 해봅니다 ㅋㅋ
애교뿜뿜 어피치님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 프론트엔드나 현업 관련 질문이나 취업이나 최근 관심사가 있으면 언제든지 글 남겨주세요. 즐거운 마음으로 정성껏 답변 드리겠습니다. 종종 프론트엔드 소식이나 공유하고픈 내용 있으면 올리고 있습니다.
안녕하세요 애교뿜뿜 어피치님 반갑습니다 :)
반응형을 구현할때 media query와 js matchmedia를 쓰는거같은데 성능상에 큰 차이가 있을까요?
차이는 있지만 유의미한 수준이 아니라서 없다고 생각하시고 편한걸 쓰시면 됩니다
네 감사합니다.
테오님 디자인패턴 관련해서 질문 드려도 될까요 ??
작성하신 디자인패턴 글을 읽다가 궁금한점이생겨서요..! 리액트에서 MVC패턴을 적용하는경우가 1) 클라이언트에서 axios로 서버로 요청을 보내면 2) 서버에 있는 컨트롤러가 model을 통해 데이터를 받아서 3) 컨트롤러를 통해 다시 View로 전달하는건데 만약 클라이언트에서 이 값을 1-1) redux로 값을 처리해주는 경우도 있고 1-2) 그냥 전달받은 값을 view로 처리하는 경우가 있다면 1-1) FLUX패턴으로 취급되는것같고 1-2) MVC패턴으로 취급이 되는거같은데 제가 제대로 이해한게 맞을까요? 클라이언트는 2가지의 디자인패턴을 가지고 있다고 볼수가 있는걸까요 ??
혹시 webpack에서 빌드되는 파일들 경로만 뽑아서 볼 수 있는 방법이 없을까요
살짝 끼어들자면 저는 redux도 react state도 flux로 봐야 된다고 생각하긴 합니다
삭제된 메시지입니다.