전 그냥 모바일, PC 관계없이 가장 바깥에 body, html 같은 녀석들한테 100vh 주고 시작하고 그 외에는 vh vw 잘 안쓰게 되더라고요
전 유용하긴 한데 vh는 모바일 브라우저에서 문제가 좀 있어서 가급적 안쓰는 방향으로 하려는 편이에요.
Section들 사이즈는 주로 px로 만들고, 나머지 가변 가능한 영역만 calc로 픽스된 영역만큼을 빼서 계산 하거나... flex 같은걸로
생못미님이 나갔습니다.
음 최상위에 100vh 주면 가끔 전체 컨텐트에 백그라운드 컬러 주고 스크롤이 생기면 내리는 순간 흰배경이 나와서 저도 100vh 는 피하는 편이긴한데
스크롤 할일이 없는 앱이면 상관없겠지요:)
피그마에서 모바일과 웹 두가지 시안이 있는데 모바일 사진 사이즈로 줬다면 웹기반과 모바일 두가지로 이미지를 사용하려면 피그마에서 2x로 다운받아 사용해야하나요 .. ?
png로 다운받아야합니다
rem은 주로 모바일환경때문에 씁니다
모바일에선 설정으로 폰트크기를 줄였다 늘였다할수있는데
그때 폰트크기설정에 레이아웃도 대응하기 위해 쓰죠
아 설정에 따른 부분을 생각을 못했네요! 근데 그런 경험 없으신가요 전반적인 텍스트 크기에 대해 어떤부분에 크기변경을 할지.. 예를 들어 일반 텍스트(글 내용)는 모바일에서 읽기 좋은 적절한 크기인데 버튼에 대한 텍스트는 너무 커서 좀 작아졌으면 하는 그런경우?
이럴려고 rem 을 쓰는걸로 알고 있습니다만
저는 추가로 window.innerwidth를 사용해서 대응하는 일이 현업에서 있으신가 궁금합니다!
안녕하세요 질문이 하나 있습니다! 프로젝트 내에서 yarn 명령어를 입력했을 때 나오는 Some peer dependencies are incorrectly met 이 경고 메시지를 해결하지 않으면 혹시 큰 문제가 될까요? ㅠㅠ 패키지 A,B가 패키지C의 다른 버전을 원하는 등 문제가 계속 발생해서 시간이 너무 지체되고 있습니다
혹시 이 에러 아시는 맷돌님 계신가요?
사진
우쭈쭈님이 나갔습니다.
네
혹시, 리액트 커스텀 훅을 실무에서 많이 사용하나요?
넹
넹
삭제된 메시지입니다.
사진
사진
useState를 선언하고
Setstate 써주세여
감사합니다
이런거에서
S.InputID
이건 키워드를 뭐라해야검색이되나요?
요거래여
아 클래스형 컴포넌트에서만 사용되는건가봐요
라이브러리에서도 써여
아 감사합니다!
아니에여 컴포넌트들을 그냥 객체로 묶어줘서 사용한다고 생각하시면되요
객체도 결국은 데이터의 집합소니까 묶어줬다! 생각하시면됩니당
부트스트랩인가? 앤트디였나? 하여튼 Title.Paragraph 이런식으로 쓰는거 봣어여
다들 연휴는 잘 보내셨나요? 스프린트 날짜가 확정되어 참가 신청을 받으려고 합니다. 많은 관심 부탁드려요 :)
오랜만의 스프린트 소식입니다!! 구글 스프린트 12기를 모집해봅니다. 기획부터 설계 디자인 프로토타입 테스트까지의 5일간의 협업을 경험합니다. 완성이라는 목적보다 협업을 경험하고 타 직군들의 업무를 이해하고 빠르게 기획부터 배포까지의 한 사이클을 익혀보는 것을 목적으로 합니다. (프론트엔드 외 디자니어/백엔드/기획/UX님도 정말정말 환영합니다!) 날짜 10/12(수) ~ 10/17(월) 밤 11시 *토, 일요일은 팀끼리 자율적으로 시간을 사용하게 됩니다. 최소조건 - 스프린트인 만큼 평일 매일 밤 11시 최소 2~3시간의 온라인 미팅 시간 확보는 꼭 필요합니다. - 실질적인 개발은 주말에 하게 됩니다. 주말 2일 전부를 개발에 투자할 필요는 없지만 여유시간은 확보해주세요 :) - 팀 프로젝트인 만큼 중도포기 하지 않을 수 있어야 합니다. https://docs.google.com/spreadsheets/d/1M_wTmJrE7HSG149hJ0BZHrvml39CE24mkYWlyehfTn8/edit#gid=0
톡게시판 '공지': 오랜만의 스프린트 소식입니다!! 구글 스프린트 12기를 모집해봅니다. 기획부터 설계 디자인 프로토타입 테스트까지의 5일간의 협업을 경험합니다. 완성이라는 목적보다 협업을 경험하고 타 직군들의 업무를 이해하고 빠르게 기획부터 배포까지의 한 사이클을 익혀보는 것을 목적으로 합니다. (프론트엔드 외 디자니어/백엔드/기획/UX님도 정말정말 환영합니다!) 날짜 10/12(수) ~ 10/17(월) 밤 11시 *토, 일요일은 팀끼리 자율적으로 시간을 사용하게 됩니다. 최소조건 - 스프린트인 만큼 평일 매일 밤 11시 최소 2~3시간의 온라인 미팅 시간 확보는 꼭 필요합니다. - 실질적인 개발은 주말에 하게 됩니다. 주말 2일 전부를 개발에 투자할 필요는 없지만 여유시간은 확보해주세요 :) - 팀 프로젝트인 만큼 중도포기 하지 않을 수 있어야 합니다. https://docs.google.com/spreadsheets/d/1M_wTmJrE7HSG149hJ0BZHrvml39CE24mkYWly
ㅠ 하고싶은데 시간이 넘 늦어서 못하겟네용 아쉽
재밌겠당..
시간은... 너도 항상 그렇게 느끼고 있습니다. 2~3년만 지나면 정상적인 시간에 할 수 있지 않을까?? 생각해봅니다. 양해 부탁드려요
저도*
ㅎㅎ넹넹 육아하신다고 하신거 봣어여 홧팅이에여 다음 기수땐 참가하고 싶습니다
크으.. 고민된다 ㅠㅠ 오늘 첫출근이라 당분간 조금 다른 활동이 어려울거 같은데.. 다음기수를 노려봐야 할까요 ㅎㅎ
ㅎㅇㅌ
:)!!
저희가 프론트엔드를 중심으로 하나 서비스 개발은 협업으로 이루어지는 만큼 주위에 디자이너분이나 디자인지망생이 있다면 넌지시 한번 알랴주세요 ㅎㅎ
오!! 첫출근 +_+ 축하드립니다!!! ㅎ
이모티콘 와 출근 추카드려여
축하합니다 저도 빨리 이쪽 세계로 취업하고 싶네요 내년에 32인데ㅎㅎ..
감사함미다 ㅋㅋ
감사함미다 ㅋㅋ
이모티콘
출근시간 10시까지인데 약간 미라클 모닝 비슷하게 해보자구 회사근처 카페에 와써여
사진
근데 아무도 없음
이모티콘 왜케 부지런하시죠..? 전 맨날 10시10분까지 출근햇다 된통까엿는데 ㅎ..
9시 출근 1시간 일찍 오ㅓㅆ는데
본받아야지..
ㄷㄷ
슬슬 들어갈까 싶습네다
이 책 좋더라고여!
이전 회사도 처음엔 9시 출근이었는데 맨날 40~50분 일찍와서 나중에 8:30 출근으로 바꾸고 그마저도 맨날 8:00에 도착했었쥬 아침마다 자스딥다이브 읽기 했었는디 아직도 다 몬읽어써여
전 저 책 읽고 이직 결심했었지요..
오 아시는구나
함께 자라되기
그책 저희 회사 필수도선데… 서론밖에 못읽음
이모티콘
좋은 결심 하셨네용 ㅋㅋ
함께 자라기요? ㅎㅎ
예..
와.. 우
재밌는뎅.. 저는 얼마전에 2회독 시작햇어여
재연님 남자인가요 여자인가요
재밌다고 하시니 저도 다시 한번 도전해보겟습니다..
남자임미다 ㅋㅋ 왜 궁금하셨던거죠!
재밌는건 취향인데 유용한 책인건 찐 확실! 보증합니다..
날이 좀 추워졌네요
공감합니다 ㅋ
넹 괜히 필수도서로 지정한건 아닐거 같긴한데.. ㅋㅋ 책만 보면 졸려섴ㅋㅋㅋ
(이모티콘)
여자분이셨으면 여자라서 꼼꼼할 거야 핑계 대려고 했는데 ㅋㅋㅋ 실패했네요.. 저도 본받아야겠네요..ㅎ
오우 그럼 어떻게 여태 공부하셧져 ㅋㅋ 저도 근데 가끔 코딩하다가 졸려요..
꼼꼼하고 깔끔하신 남성분들 얼마나 많은데영ㅋㅋㅋ 편견입니다
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 꼼꼼한지 잘 모르겠는데 앞으로는 좀 더 잘해보려구요
전 공문보고 인강보고 컴터 두들기면서 겅부햇어여 책으로 한적이 없…ㅋㅋㅋㅋㅋㅋ
여튼 읽어보겟습니다 혀가 길어지는군어 다 핑계임
ㅋㅋㅋㅋ 사실, 뭐 그런가..? 여튼! 괜차나요 그냥 하면 됨 하기시작하면 습관들고 습관들면 강박도 생기고(?)
이모티콘
시간을 정해두고 짧은시간 동안 집중해서 쪼금씩 읽어보세용
(이모티콘)
이모티콘
루티너리 같은 어플 사용하시면 좀 더 집중 잘되실거에용
사진
이건가여..? 갓생이라니 넘 부담되는뎈ㅋㅋ
갓생...
저도 해보겠습니다
이모티콘
ㅋㅋㅋㅋ 저는 쫌 손떨리는데 일단 킵해두겟읍니다 ㅋㅋ 좋은 정보 감사해여
ㅋㅋㅋㅋ 마자여
이모티콘
(이모티콘)
제 자리 하나 생기길 바랍니다🙏
🙏🙏
사진
전 dx 좋아서 넥스트 엄청 좋아하는데 ax는 별로라는 평이잇네여
에이맨
Ax라는 단어를 첨들어봐여 혹시 설명해주실수잇으신분..
단어뜻은 알겟는데 실제로 어떤건지 정확히 모르겟어여
구글링~~~~~~
ㅋㅋㅋ
이모티콘
이모티콘 아 원문 읽고 싶으시면 링크 https://blog.webf.zone/you-dont-need-next-js-and-ssr-7c6bd27e78d8 요거고 읽어보시고 저 알려주심됨니다
ㅋㅋㅋㅋ
아키텍쳐 경험이라고 하면 아주 단순하게는 어떤 로직이나 파일을 어디둘지 판단하기 쉽다? 정도 일것같네요
아하아하
이모티콘
넥스트의 파일기반 라우팅도 한몫하는거같아욤
본문에 나온내용이네여 편하다고 생각했던부분들이 누군가에겐 다르다고 생각하게 됐어요
이모티콘 그렇군여 다시 정독해보겟습니다
혹시 원티드 프리온보딩 챌린지 해보신분 계신가요? 수업중에 카메라 항시 ON이라고되어있는데, 카메라 없으면 수업참가가 불가한가요?
그럼 그 대안으로는 어떤게 좋을까요? Remix?
구름톤 2기3기 둘다 신청했는데
넘 선발되고 싶네요 ㅠ
근데 불편하지 않게 생각한다면 사용해도 되지않을까요? 저사람도 한 개발자의 시점으로 글쓴거고 본문에 레딧에서 많이 까였다고 나와있는데 괜찮다고 생각하는 개발자도 많은거 같습니다
댓글보면 토론있어요
혹시 ... 방탈 질문이긴 한데... 아두이노&라즈베리파이 해보신 분 계신가요? ㅋㅋㅋ
아두이노만 해봤어요
아두이노 어땠어요?? 재밌나요? 어렵나요?
다들 영어공부는 하시나요??
한다면 어떤 식으로 하시나요..?
해야하는데 못하고 있습니다 ㅠ 개발공부랑 동시에 해보려고 노력중이긴한데
어렵네여..
좋아하는 팝
가사 받아적고
저는 저런 외국아티클 읽을정도로만..
듣는거로 시작했습니다
퀄리티에 따라 다르겠지만 기초는 비전공자도 할 만큼 쉬워요
무작정 단어를 외운다고 해도
어떤 단어를 외워야하는지 모르겠어요
ㅋㅋㅋㅋㅋ
외국인들이랑 일하시나용
공식문서 영어로 읽어보기 이런거 해야하나
아뇨 그건아닌데
출퇴근에 영어단어 공부하기
그냥 공식문서나 글읽는데 문제없을정도면
오 아직 거기까진 안봣는데 ㅋㅋ 토론창도 읽어볼게용
될것같다고 생각하는 1인
공식문서나 글을 못읽어서
ㅋㅋㅋ큐ㅠ
아하
친구가 낮잠을 많이 자서 AI플러그에 어댑터 연결해서 전원인가되면 알람 울리는 IOT장비 만든적이 있는데, 이렇게 간단한건 재밌는데,, 더 깊이 들어가면 잘하면 재밌고 못하면 힘들거 같아여 ㅎㅎ...
공부해야겠다라고 생각이 들어요
저도 그래요 ㅠㅠ
처음에는 카메라 켜져있지만 나중에는 다 꺼져있습니다 꺼져있어도 무방합니다 ㅎㅎ
전 출근길에 무조건 bbc 뉴스들으..려고 해여 목표는 매일인데 주3회밖에 못함
다들 짬내서 하시는구나
출근길에 그냥 기절해버리는..
이제부터 노력해봐야겠네요
ㅎㅇㅌ
최소희님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
앗 감사합니다
이걸로 공부하면 별로나요??
책으로 공부를 비추합니다
근본기술 (CS지식) 등은 책으로 공부하는것을 추천하지만 기술(react, vue, jquery) 등등 생태계가 빠르게 변하는 라이브러리에대한 공부는 공식문서 혹은 레퍼런스가 많은 구글링으로 공부하는걸 추천합니다
js는 모던자바스크립트 + 구글링 어때요??
네 괜찮아여
스밸트 vs 리액트 여러분의 선택은?! ㅋㅋ
혹시 해서 말씀드리자면 블로그 검색하실때 주의하세요 어떤 블로그에 개념이 반대로 올라와 있는데 주기적으로 한번씩 그 블로그 그 글 보고 오신분이 잘못된 개념을 말씀하시더라구요 ㅠㅠ
ㅋㅋ 하나 잘못올라오면 다들 줄줄이 배껴서 같은 내용 갖다쓰는 경우가 많져…
잘못된 지식공유의 악순환,,
그래서 공식문서 봐야함
공식문서는 어케 봐요?
,,? 공문 들어가서 봐여
ㅋㅋㅋㅋㅋㅋ
이모티콘
공문 어떻게 들어가서 봐용?
react치면 최상단에 나오는게 공식문서입니다
아아
감사합니다 ㅎㅎ
사진
빡준님 넘나리 친철하신것
이모티콘
react 할인 판매 - g마켓 이 안떠서 아쉽네요
공식문서
너무 class형위주여서
살짝아쉽 ㅠ
옐로카드 프로도님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
베타버전 들어가면 함수로 나와여 대신 번역본 없고 아직 완전히 작성되지 않앗음
최소희님 옐로카드 프로도님 반갑습니다 :)
안녕하세요 반갑습니다 😄
안녕하세요!
삭제된 메시지입니다.
:)
어서오세요~~ 여기는 프론트엔드에 대해 궁금한 것들을 물어보고 아는 것들은 공유하고 알려주면서 함께 성장하고자 하는 곳입니다! 궁금한 것 이야기 함께 하고 싶었지만 주위 사람들이 없어서 못했던 관심사들 언제든 편하게 글 남겨주세요 :)
네 좋은 커뮤니티 마련해주셔서 감사드립니다!
사진
react song 입니다
ㅋㅋㅋㅋㅋ
와! ㅋ
playlist …
엄청나네요
헉 ㅋㅋ
ㅋㅋㅋㅋㅋ
혼란스럽네여...
ㅋㅋㅋㅋㅋ
쉽지않네요 ㅋㅋ...
♾️님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
이런게있었군요 ㅋㅋㅋㅋㅋ
저 그런데 이런경우는 for문을 만드는게 낫나요..if 문을 만드는게 낫나요.. 코드를 줄일려는데...
사진
클래스로 만들기는 어떨까요
s_date, e_date 만 다르고 대부분 중복코드인 것 같아요 저라면 s_date, e_date를 파라미터로 받도록 만들고 피커종류별로 s_date, e_date 파라미터를 생성하는 function을 만들 것 같아요
안녕하세요,. 제가 기술면접을 준비하려고 하는데 프론트엔드 기술면접 추천해주실만한 것들이 있으실까요!!
저는 구글에 프론트엔드 기술면접 치고 그 리스트 준비했습니다!
여러분,,,
어떤 작은 창을 그려달라하셨는데
음.. 어렵네요..
jsp로 그려달라는 말씀을 들었는데
html로 그리면 금방할 수 있는건데
전체를 클래스로요?
Jsp로 해달라는 이유가 뭘까여,,
s_date 와 e_date는 공통 메서드로 빼낼수있잖아영 private method로
그리고 각 함수 아래 두줄의 코드도 공통메서드로 빼낼수있고
클래스 혹은 함수로 만들면될거같은데
백엔드 개발자가 jstl 사용하려고 하는 거 아닐까요
jstl여?
버튼을 누르면 어느 페이지로 이동하고
뭐 그런 기능이 들어가는 작은 창입니다
*SyncToPicker(s_data = new Date(), e_data = new Date()) { //이렇게 써도 ? ㅎ }
사진
이게 빡준님이 말씀하신 방법일까연
사진
앗… 늦었다
전 함수로 만들긴했는데
재상요하는 공통부분 묶어버리고 객체로 만들어버린다면 재사용이랑 코드도 보기 쉬워질거같아여
class를 사용한다면 프라이빗 메서드를 사용할수도있고(타입스크립트를 사용할때!) 더욱좋을것같긴한데 예시는 함수로 만들어줬습니다
전 언제 저렇게 줄여서 코드를 만들 수 있을까요 ㅠ
와 빡준님 코드
감탄만 나오네여..
저두요.. 아직 노가다밖에 못한다는..
역시 말뿐인 저랑 진짜 실력자는 다르네요 ..
빨리 더 공부해야지 ㅠ
헉
이거보고 왔다가 배우고갑니다
아하 .. 바로 해볼께요.. 그런데 setDate 랑 setMonth, setYear 이렇게 3개가 따로 되어 있는데...
이건. 공통으로 바꾸기 어려운건가요?
잠시만여
근데 한 메서드가 반환해야하는 값의 종류가 4가지라면 메서드를 분리하는게 좋을거같아요
각 메서드가 비슷하지만 결국 다른 결과물을 내기 때문에 분리하는게 좋을 것 같습니다
아.. 기간 버튼별로 단위가 틀려서
사진
사진
day 주 월 년
그리고 마지막 yearSyncToPicker에서 e_date.setDate(e_date.setFullYear()); 으로 되어있는데.. 이거 get이아닐까여?
아하 맞네요... 그런데 작동은 되긴해서. 못봣네요
js는 못잡는데 ts는 잡더라고요
삭제된 메시지입니다.
우선 전체코드입니다
크.. this는 저렇게 쓰는거구나..
사진
혹시 testing library 테스트하실때
useEffect 안에 있는 컴포넌트는
어떻게 보시나요...?
빡준님 궁금한게 있습니다!! 저 코드를 함수로 짜신 이유가 있으신가요 보니까 클래스와 같은것 같은데 화살표 함수라서 인스턴스 생성도 불가능할것 같아서
이거를 if문이나 for 문으로 줄일수는 없는건가요?
아 클래스로도 가능한데 함수로도 표현가능하다고 한번 만들어봤습니다 ㅋㅋㅋ
아하 감사합니다!
todaySyncToPicker() { let s_Date = new Date(); let e_Date = new Date(); s_Date.setDate(s_Date.getDate()); e_Date.setDate(e_Date.getDate()); this.dateToBeApply = s_Date.toISOString().substr(0, 10); this.dateToBeTerminate = e_Date.toISOString().substr(0, 10); }, weekSyncToPicker() { let s_Date = new Date(); let e_Date = new Date(); s_Date.setDate(s_Date.getDate() - 7); e_Date.setDate(e_Date.getDate()); this.dateToBeApply = s_Date.toISOString().substr(0, 10); this.dateToBeTerminate = e_Date.toISOString().substr(0, 10); }, monthSyncToPicker() { let s_Date = new Date(); let e_Date = new Date(); s_Date.setMonth(s_Date.getMonth() - 1); e_Date.setMonth(e_Date.getMonth()); this.dateToBeApply = s_Date.toISOString().substr(0, 10); this.dateToBeTerminate = e_Date.toISOString().substr(0, 10); }, yearSyncToPicker() { let s_Date = new Date(); let e_Date = new Date(); s_Date.setFullYear(s_Date.getFullYear() - 1); e_Date.setFullYear(e_Date.getFullYear()); this.dateToBeApply = s_Date.toISOString().substr(0, 10); this.dateToBeTerminate = e_Date.toISOString().substr(0, 10); }, twoYearsSyncToPicker() { let s_Date = new Date(); let e_Date = new Date(); s_Date.setFullYear(s_Date.getFullYear() - 2); e_Date.setFullYear(e_Date.getFullYear()); this.dateToBeApply = s_Date.toISOString().substr(0, 10); this.dateToBeTerminate = e_Date.toISOString().substr(0, 10); },
저그런데 이렇게 풀어서 쓰는거랑
길이면에서 비슷한거 같은데....
길이를 줄여야하는 이유가있을까요?
사용할때가 중요하겠죠?
코드의 가독성을 높이기 위해서.. 줄이는게 나을거 같아서 고민해봤습니다
사진
요런 방식은 어떠신가요?
저는 한메서드당 반환은 하나만있는 코드가 좋다고 생각하고 메서드의 책임이 무거워지지 않는걸 좋아해서 극한으로 줄이는 코드를 불호합니당...
줄이고 줄이면 결국 나중의 저 혹은 동료가 볼때도 불편해서..
아..
setUserSelectedPeriod( value){ let prevDate = new Date(); if(value ......) prevDate.setFull Year(prevDate.getFullYear() - 2); this.dateToBeApply = prevDate.toISOString().substr(0, 10); this.dateToBeTerminate = dayjs(Date.now()).format("YYYY-MM-DD"); }
이런식으로 줄엽ㄹ까했는데..
이거랑 비슷하네요
그럼.. 이렇게? todaySyncToPicker() { this.dateToBeApply = getPickerDate(); this.dateToBeTerminate = getPickerDate(); } weekSyncToPicker() { this.dateToBeApply = getPickerDate(new Date(), [-7, "day"]); this.dateToBeTerminate = getPickerDate(); }
개발자 총 2명 있는 회사에서 BDD도입은 비효율적일까요 ㅠㅠ,,?
신입 개발자인데 일정잡는게 너무 어려워서,,, 글 찾아보다가 BDD 방식을 알게됐어요
사진
확 줄여지진 않네요
와우..
빡준님 코드 스리슬쩍 참고했어요
한눈에 잘들어오네요~~~
이건 저장해놔야겠다
초롱초롱 네오님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
근데 여러 분들이 보여주신 코드 처럼 비슷한 방향으로 가는 것 같아요
맷돌님짱...
부가적인 작업은 하나로 모으고
각 메서드는 자신이 할 일만 한다?
저도 올려주신 다른분들 코드보고 참고해서 짜집기 했어요 ㅋㅋㅋ;
아 줄여도 저렇게 눈에 잘들어오는구나
생각이 바뀌네요
하나의 코드를 보고 많은 의견을 들으니깐 재미있네요 ㅎㅎ
그러게요!!
다양한 방법들이 나와서 더 좋은 것 같아요
멋진 코드리뷰 감사합니다~~ 오늘도 많이 배우네요~
초롱초롱 어피치님 반갑습니다 어서오세요 :)
저 그런데 요렇게 하면 undefined 에러는 어케 잡나요
methods: { setDateAtPicker() { const getPickerDate = (date = new Date(), add = [0, "dat"]) => { const newDate = new Date(date); const [amount, unit] = add; if (unit === "day") { newDate.setDate(newDate.getDate() + amount); } else { const newAmount = unit === "month" ? amount : amount * 12; newDate.setMonth(newDate.getMonth() + newAmount); } return newdate.toISOString().substr(0, 10); }; }, todaySyncToPicker() { getPickerDate(new date(), [0, "day"]); }, weekSyncToPicker() { getPickerDate(new date(), [-7, "day"]); }, monthSyncToPicker() { getPickerDate(new date(), [-1, "month"]); },
사진
제가 잘못 따라한건가요?
if문으로 방어코드 작성하셔야할듯!
FE개발자에게는 비효율적이지 않을거에요~ 기획과 디자인이 충분히 도와줄수만 있다면 저는 좋다고 생각합니다. 대신 공유문서를 작성하는 일이 누군가에게는 숙제가 되는게 아니어야 합니다. 효용체감에 대해서 충분히 숙지를 해주셔야 할거에요
방어 코드는 어떤걸 말씀하시는건지..
const getPickerDate = (date = new Date(), add = [0, "dat"]) 요부분에 오타가 있네요..!
저도 급하게 작성한거라 대충 작성하다보니… 방어는 아무것도 안했어용..
return newdate.toISOString().substr(0, 10); 요기두 오타가 있네용..
닷..!
const getPickerDate = (date = new Date(), add = [0, "day"]) => { const newDate = new Date(date); const [amount, unit] = add; if (unit === "day") { newDate.setDate(newDate.getDate() + amount); } else { const newAmount = unit === "month" ? amount : amount * 12; newDate.setMonth(newDate.getMonth() + newAmount); } return newDate.toISOString().substring(0, 10); };
사진
안녕하세요. JS공부 중에 의하한 부분이 있어서 질문드립니다.! 혹시 이 경우에 왜 소괄호를 쓰면 문법적 에러가 나지 않는지 알 수 있을까요?..
그 JS 에서 중괄호를 쓰는 방법이 크게 두가지가 있어요
하나는 Block statement
if 문, function, for 문 뒤에 오는 { } 가 대표적이에요
하나는 Object literal
{ key: 123 } 같이 객체를 나타내는 방법이에요
js 입장에선 두가지 경우가 있어 어떤걸로 해석해야할지 모르기 때문에
우선 Block statement로 해석해요
Block statement 의 경우 표현식(계산해서 값이 되는 명령행)으로 표현할 수 없기때문에
소괄호로 묶어주면 표현식으로 판단해서 객체로 해석해줘요
이모티콘 그렇군요! 정말 감사합니다.
비슷한 케이스로, 화살표 함수에서 객체를 바로 리턴하려면 소괄호로 묶어줘야 하잖아요? () => ({ key: value })
아니면 리턴문 생략이 안되는것두 같은 맥락이에요
화살표함수도 그런 맥락인줄 몰랐네요 ㅎㅎ 정말 감사합니다.
넵 . 감사합니당 오타는 수정했는데 undefined 오류는 계속있는거같아요. ㅠ
undefined 에러는 어떤걸 의미하는건가용
사진
사용이 안되었다고 그러네요..ㅠ
아하..
todaySyncToPicker() { this.dateToBeApply = getPickerDate(); this.dateToBeTerminate = getPickerDate(); } weekSyncToPicker() { this.dateToBeApply = getPickerDate(new Date(), [-7, "day"]); this.dateToBeTerminate = getPickerDate(); }
요렇게 쓰셔야해욥
사진
getPickerDate 요걸 어딘가 써야될텐데..
옴… 접근자체를 잘못하신거같은데.. getPickerDate 를 클래스 외부로 빼보실수있나요?
data 에 넣으라는 말씀이시죠?
아닌가.. 메서드 안에서 if 문이 돌아야되지 않으까요
뷰 인가요..? 뷰는 정확히 몰라서.. 어떻게 접근을 해야하는지 잘 모르겠어요.
네 뷰2에요
methods 안에 setDateAtPicker 안에 getPickerDate를 넣으신 이유가 뭔지 잘 모르겠네요..
아.. 리턴값이 있어서요.. 메서드 안에 함수안에 넣어야되는줄 알고..
저기 안넣으면
넣을곳이...
이부분은 뷰를 잘하시는분이 설명해주셔야할같아요.. 저는 잘 몰라서 ㅠ
네 ㅠㅠ
그런데 getPickerDate 를 상수로 정의 했으면 어딘가 써야되는거 아닌가요?
쓰이는곳이 없는거 같은데..
기뻐하는 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
이고 유알엘이 안열리는데 어떻게참여할 수 있나여??
혹시 다른분들은 인증번호 전송할 때 디바운스랑 스로틀링중 어떤걸 사용하시나요 !?
근데 url랑 uri의 차이가 먼가요?
url로 uri에 접근해요
손을 번쩍 든 무지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
혹시 바벨 강의 괜찮은거 없을까요??
pc로도 안열리시나요? 저도 모바일 안열려서 pc로 여니까 열리더라고여
밀린 카톡 읽느라 뒷북이 강한데요 쭉 읽어보니 어제 잡플쪽 얘기가 나왔던데 최근에 회사명이 변경되었다, 모회사 => 자회사 독립, 신생 스타트업은 잡플에 나오지 않습니다 크레딧잡에서도 검색한번 해보시는걸 추천드리고 잡플, 크레딧잡 다 안나오면 법인이 아직 없는거라고 보셔도 될정도에요 스타트업은 더브이씨쪽에서 보시는게 좋구요
크레딧잡에서 입사율/퇴사율 확인이 가능하긴한데 가끔 기업이 거부해서 비공개인 곳이 있습니다 이건 nice기업정보 들어가면 그냥 볼 수 있어요
오랜만에 글을 작성해봤습니다. 자바스크립트 indexedDB를 사용해서 최적화를 해본 경험을 작성해봤습니다. 많은 피드백 부탁드립니다. https://all-dev-kang.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-IndexedDB-%EC%8B%A4%EC%A0%84-%EC%82%AC%EC%9A%A9%EB%B2%95-idb
오.. 이런 최적화법도 있군요 너무 잘배워갑니다
어도브가 피그마 인수했네요...
작은 오디오데이터일 경우에는 별 차이가 없지만( 이미 cloudfront에서 캐싱) 큰 용량의 데이터의 경우 서버에서 다운로드 받는 과정 자체가 사라져서 30분 오디오파일의 경우 다운로드->로딩->재생 과정이 30초 넘게 걸린 것이 로딩-> 재생으로 5초 이내로 줄어들었습니다.
이야..
참고 레퍼런스
있나요?
드디어...!
https://docs.google.com/spreadsheets/d/1M_wTmJrE7HSG149hJ0BZHrvml39CE24mkYWlyehfTn8/edit#gid=0 링크 접속이 안되시나요? 다시 한번 들어가봐주세요 안되면 알려주세요
기뻐하는 라이언님 손을 번쩍 든 무지님 모두 반갑습니다
indexeddb 잘 사용하고 있는 1인으로써 이런 좋은 글 공유 너무 보기 좋으네요! (다운로드 로직 개선 전/후 gif는 네트워크 속도를 낮춰서 캡처하셨다면 더 극적을 보였겠네요..!)
엇 이젠 모바일로도 됩니다 ㅎㅎ 아까는 뭔가 잘못됐었나봐요
바로 바꿔야겠네요 ㅎㅎ 의견감사드립니다.
샐러리맨님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
맷돌님 코드대로 연습중인데... 전체 년도 조회는 그냥 "0" 넣으면 되는거 아닌가요?
사진
안녕하세요 셀러리맨님 반갑습니다 어서오에요 :)
앗 말씀해주신 전체년도가 정확히 어떤걸 지칭하는지 이해를 못해서.. 현재 날짜라면 FullYear 위치에 new Date() 넣어주시면 될거에요!
그냥 달력의 전체기간 조회를 할경우에요
안녕하세요 용태님! :) 반갑습니다!
0부터 현재까지
아..!
사진
0부터 조회는 힘들어요
아..
그 모시냐 js 에서의 Date 최소값이
그럼 1970년
1970년인가? 그때부터 세거든요
맞아요!
네 그럼 1970년을 지정이 되나요? 아무것도 안넣으면?
잠시만용 암것두 안넣으면 오늘 날짜였는데
찾아봐야겠는걸요
안넣으니 오늘 날짜 나오네요
사진
헉
ㅋㅋㅋㅋㅋㅋ;
웹뷰에서 궁금한 점이 있습니다! 플러터나 RN 사용시 모든 페이지를 웹뷰로 사용하려고 하는데 웹뷰도 결국엔 앱에서 동작을 하니까 local스토리지나 index db같은데 접근 못하고 해당 앱의 로컬스토리지를 사용해야 하지 않나요?
마이너스 ㅋ
그냥 0 초 기준이 1970년인거고
0년도도 표현가능하긴 한가봐요
1970년으로 표기를 해야겠네요
더 정확ㅎ게
Frodo dresses up님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
아! 요거 표현하는건
new Date(0) 해주시면 1970년도 기준으로 만들어져요
아하..
참고 자료도 추가했습니다.
바로 해볼께요
사진
여기 넣는거 맞나요?
아! addDate 는 날짜를 더하거나 뺄때 사용해주시면 되구용!
따로 한 달전이나 내일을 계산할 필요 없이 저희는 바로 1970년에 해당하는 date 를 얻을 수 있잖아요?
바로 넣어주시면 돼요!
this.updateDateToBeApply(new Date(0)) // 1970-01-01
사진
new Date(0) 가 어떤 뜻인지 주석 하나 남겨두면 좋을 것 같애욧,,
넵 완성했습니다^^ 덕분에 오늘또 하나 완성했네요
안녕하세요! 혹시 aws를 비즈니스레벨에서 장기간 무료로 사용하시는 경우가 있으실까요?? 저번주에 디캠프 디데이 세션을 듣다가 한 업체에서 aws서버비를 거의 무료로 그것도..장기간동안 이용하시고 있다고 해서..제가 모르는 방법이 있나 싶어서 질문 올립니다..! aws activate 프로그램은 중복 수혜가 안되는 것으로 아는데….제가 모르는 방법이 있는걸까요 혹시..??
aws activate는 중복으로 수혜가 아예 안되는건 아닙니다. 포인트를 증분형식으로 늘리면 사용 가능한 걸로 알고 있습니다.
예를들어 첫 번째 5000 크레딧 사용 다음 신청에 10000 크레딧 사용 다음 신청에 15000 크레딧 사용… 이런식으로 늘리는 방법으로 알고 있는데요 aws activate에 자세하게 나와있을겁니다.
사진
혹시 이부분 타입정의를 어떻게해야하나요..?
혹시 이부분 타입정의를 어떻게 해야하나요..?
혹시 이부분 타입정의를 어떻게해야하나요..?
사진
카톡이 저만이상한가여
혹시 이부분 타입정의를 어떻게 해야하나요..?
터졌나봐용
이상한가요?
자세한 설명 감사합니다!! 좀더 문서를 자세히 읽어보아야겠네요^__^!!
자세한 설명 감사합니다!! 좀더 문서를 자세히 읽어보아야겠네요^__^!!
.
props를 한번더 객체로 묶어주세요
.
.
아오 카톡 답답하군요 ㅋㅋ
이모티콘
얼른 제가 가서 고쳐야겠네요.
ㅋㅋㅋ
같은 내용이
엄청 많네요
개발자들
이머전시
일동 차렷
앱서버가 뭔가 이상한가봐여
터진건 아닌거 같고..
ㅋㅋㅋㅋㅋ
30분만에
복구완
그들,, 불태웠다,,
등에서 땀좀 났겠네요
해치웠나
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
그발언...
ㅋㅋㅋㅋㅋ그런 무서운 말씀을
^^
해치웠나,,
카카오에서는 어? 발언 가능한가요?
어!!??
ㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
테오님 카카오 아니신가요 ??
인프라팀 혼내주세요 !!
ㅋㅋㅋㅋㅋㅋㅋㅋ
안녕하세요 리액트 쿼리를 학습중에 궁금한점이 생겨 질문드립니다. useMutation으로 post 기능을 구현중인데 혹시 여러개의 post를 보낼때마다 useMutation을 따로 작성해야하는지 궁금합니다.
어딜 털어여할까여,,
mutaionFn 안에서 조건문으로 분기하는 방법을 생각하긴했는데 이런 접근 방법이 맞는지 모르겠네용..
전 mutation으로 작성한 커스텀 훅이 각자 역할을 따로 해야한다고 생각이 들어서 api마다 전부 작성해 줬습니다 ㅠ 근데 넘 힘들어요
useQuery는 useQueries로 묶길래 혹시 mutation도 있나 공식문서를 찾아보고 있긴한데 따로 없는게 아쉽네요ㅠㅠ
각각 따로의 useQuery를 useQueries로 묶을수 있나요? 동시에 여러개 쿼리를 불러올떄 아니면 그냥 useQuery 사용하지 않나여..?? 내가 잘못쓰고 있는건가 ㅠ
제가 공식문서로 학습을 시작한지 얼마 되지않아 잘못 이해하고있는걸수도있습니다ㅠㅠ 말씀하신대로 동시에 여러개의 쿼리를 불러올때가 아니라면 굳이 사용 안해도 될거같네요! 하나 배워갑니다
Muzi being cute님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
여러개의 post 라는게 구체적으로 어떤걸까요?
안녕하세요 a post 요청 이후 response값이 내려오면 그 값을 보고 b post 요청을 하는 기능을 구현중이였습니다. 서로 다른 post 요청을 해야할때마다 useMutation을 반복적으로 작성해야하는지 궁금했습니다! 그리고 만약 지금 구현하려는 기능같은 경우는 a post useMutation onSuccess 안에서 다시 한번 useMutation을 사용해야하는지 아니면 삽질중입니다ㅎㅎ..
*useMutation을 사용해야하는지 삽질중입니다ㅎㅎ..
그런 식으로 작성해야한다면 따로따로 작성하지 않고 하나의 커스텀 훅에서 처리되게 할것 같습니다
게시판목록을 ssr로 가져올때, data를 가져온 후에야 렌더링이 되기때문에 data를 가져오는 도중에는 아무 동작도 안해서
사용자 입장에서 문제상황이라고 인지될거 같은데 이때 어떻게 해결해야하나요?
csr이면 데이터페칭중에 로딩중..이라는 문구라도 넣을수 있는데 ssr은 아예 데이터를 가져온 다음에 페이지가 이동되는거 같아서요
Supense fallback으로 인디케이터 처리하시면되지 않나여
당연한 얘기지만 게시글을 빠르게 가져와야합니다.
firebase사용중이라 그부분은 컨트롤이 안됩니다 ㅠ
스켈레톤 ui는여?
스켈레톤도 csr에서 페이지이동후에 적용되는부분아닌가여?
저도 그 두가지 일을 하나의 함수 안에서 또다른 함수를 호출하는 식으로 하고 그 상위 함수를 useMutation에서 호출 할 것 같네요 굳이 useMutation 을 다시 나눌 필요가 있을까 싶네요
마카롱님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
혹시 18버전 사용하시나요
17쓰고있습니다
switch가 if보다 속도가 느린가요?.?
Router event 처리하는 방법이 있긴하네요
한번 읽어보시면… 해답이 되실지
리액트 컴포넌트 비교하는 함수같은 게 있나요 여러분?
A 컴포넌트 === B 컴포넌트
routeChangeStart를 써보니 최초 페이지 진입시엔 안되네요..
사진
최초진입시에 start가 안찍힙니다..ㅠ
Css를 잘못하면 프론트엔드로서 기량 미달일까요? ㅜ
젤못하는것중 하나가 css
잘해서 나쁠건 없지만….
CSS는 기본적인 능력아닐까요..
css 저는 못하지만 ㅠ 프론트 개발자로서 기본소양이라고 생각합니다
css 잘다루시는 분들 보면 감탄만 나오던데
css보다 javascript를 잘 다루는 게 더 낫다고 생각하는 1인…
저는 css 능력치가 더 높아서
javascript 잘하시는 분들이 더 부러워요 ㅜ
css, javascript 다 중요한 요소고, 본인이 어떤 부분에 가치를 두고 PR할지에 따라 중요도가 달라질 것 같아요
저도 공감입니다 ㅎㅎ..
Css는 잘못되어있으묜 어떻게 고치면 될거 같다 정도의 기본소양 + js를 좀 하드하게.....^^
그래서 요즘 js 학습에 혈안입니다 ㅋㅋ
동지가 있었네요
css가 은근히 더 쉽고 잘 맞는데
자스가 너무 어렵..
전 css가 더 어렵던데
@nator @2년차ㅠ 조언해주셔서 감사합니다 알려주신 방법으로 해볼게요!
css는 지 기분 좋으면 한번에 되고 안좋으면 잘 안되더라고요
ㅋㅋㅋ 기도메타..
두개의 컴포넌트를 비교할 일이 어떤 일일까요?
오 해결됐어요 감사합니다
오 어떻게하셨나요?
합성 컴포넌트 구현하고 있는데 children로 내려받은 컴포넌트에서 원하는 컴포넌트를 찾고 싶습니다~!
삭제된 메시지입니다.
https://fe-developers.kakaoent.com/2022/220731-composition-component/ 이거보면 칠드런 비교 하는거 나올걸요
children 에게 식별할수 있는 prop 을 주고 HOC 에서 children.props.어쩌구 === 저쩌구 ? 이렇게 비교하시는게 어떨까요
ㅋㅋㅋㅋ 장애가 나서 전달을 할수 가 없네요. ㅠ
Muzi being cute님 마카롱님 반갑습니다. 어서오세요 :)
아 설명이 잘못됐네요. children 이 배열이니 children.find 나 filter 를 사용하셔야 겠습니다 저같은 경우는 <SelectedOption> {children.find((child) => child.props.selected)?.props.children} </SelectedOption> 이런식으로 셀렉트-옵션 컴포넌트에서 선택된 항목을 보여주는 식으로 구현했었습니다
공유주셨던 nprogress로 해결했습니다
이동되는 목적지 페이지에 넣는게 아니라 이동시작하는 페이지에 넣는게 맞더라구요
호 이런 방법도 있겠네요. 그러면 props에 고유한 값을 지정해주어야 겠네요... 구조가 커지면 또 고민이 되네요 ㅠㅠ
jindory님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 jindory님 반갑습니다 :)
안녕하세요 테오님!! 끼약!! 깃헙은 팔로우했는뎀 이런 방이 있는줄 몰랐네요 우연히 검색하다가 들어왔습니당!!
좋은 하루 보내세요우…✨
우왕~~~ 감사합니다 +_+ 좋은 하루 되세요!! ㅎㅎ 이곳은 프론트엔드에 대해 궁금한 것을 물어보고 아는 것은 알려주고 공유하면서 함께 성장하고자 하는 곳입니다. 언제든 궁금한게 생기거나 어! 이게 내가 아는 질문인데.. 하면 대답해하면서 내것으로 만들어보는 기회로 삼아보시기 바랍니다. 잘 부탁드립니다. :)
프로그래머스 데브코스 프론트엔드 결과나왔나요?
어 어떤분 신청하셨다고 한거같은데
어제 내일 결과 나온다고 했던거같아요
나왔어요~
type으로만 비교하는군요? 호..
vue 버전 낮추어줄때
package.json에서 버전만 바꾸어주고
npm install 해주면 되는걸까요~?
모듈들 다 지워주고 다시 깔꼼하게 install하는게 좋을거 같아요
네네 알고 있습니다
단순히 vue버전만을 생각했을때 말씀 드리는거에요 ㅎㅎ
안녕하세요! 이미지 업로드 기능 관련해서 질문드립니다. 보통 큰 이미지를 업로드할 때, 서버단에서 이미지를 리사이징해주는 것으로 알고있는데 혹시 클라이언트단에서 처리하지 않는 이유가 있을까요? 클라이언트단에서 이미지 리사이징 과정을 수행할 경우 생길 수 있는 문제점이 있는지 궁금합니다!
오픈 api를 이용해서 개발중인데 분명 요청 주소를 브라우저 주소창에 넣으면 리스폰스가 잘나오는데 코드로 호출하면 axios network 에러가 발생하네요.. 도대체 원인이 뭘까요..?
사진
post인데 브라우저 주소창으로 어떻게 콜하는거죠..?
get만 가능한가요?
브라우저에 치는건 기본적으로 다 get입니다
그런데 get으로 고쳐도 일단 똑같은 에러가 나긴하네요
제가알기론 이 api가 post,get 구분안하는거같아요
둘다가능하도록 되어있는듯요
다를수가잇나..? 저 url 적어보실래여?
삭제된 메시지입니다.
뒤에 키가 있어서
보셧으면 지울게여!
url에 직접접근하는 방법이 get방식이에요 post 와는 기술적으로 다를겁니다
그냥 fetch로 돌려도 잘 오는데 axios라고 안될 그게 잇나..?
음
fetch로 된다구요?
삭제된 메시지입니다.
아 저기에서만 되네
저는 안되네요ㅠ
어떤 네트워크에러가 오는지가
중요할것 같네요
요고 메세지 삭제좀 해주세여!
이해가안되네요ㅠㅠㅠ
하
호옥시 cors 관련된거 아닝가요?
이게 cors가 맞는데
오픈api인데 막혀잇을리가 있나요?
전화해봤는데 열어놧다고하는데
cors같죠아무래도?
백엔드로 받아야하는 open api도 있지않나요
근데 api설명에 따로 그런말이없는데
앱등록도 url만써도되고
확인해보실려면 cors anyway같은거 사용해보심이
from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header 에러는 cors가 맞아요 fetch 아까 되던것도 그사이트에서 했던거라 잠시 되었던것..
서버 태워야죠 뭐 혹시 전용 sdk가 있거나
음
그렇겟네요
cors anywhere 붙여서 해보니까 되긴 하네용
브라우저에서 치는거는 요청한 곳과 보고있는곳이 같아서 되지만 예를들어 npm run dev 등으로 dev server를 돌리신거면 dev server가 다른 origin 이 되기때문에 CORS 에러가 나는 것 아닐까요
타입스크립트 질문이 하나 있습니다 options : UseQueryOptions< AxiosResponse<UserInfoResponse>, AxiosError, UserInfoResponse, QueryKey[] > 타입에서, userInfoResponse 같은 타입들을 동적으로 할당 받아서 타입을 만들려고 합니다 (위와 같은 코드의 타입은 너무 길어서, 매번 함수마다 저렇게 선언해주기가 불편해서요) 그래서, interface UseQueryOptionsType<T> { options: UseQueryOptions<AxiosResponse<T>, AxiosError, T, QueryKey[]>; } 와 같은 타입을 만들고, options : UseQueryOptionsType<TestResponse> 와 같이 사용하려고 하는데, 타입 에러가 나더라구요 혹시 특정 타입을 인자로받아서, 리턴하는.. 반복적인 타입 사용을 좀 처리할 수 있는 방법이 없을까요?
저 질문이있습니다 JS(TypeScript)로 함수/클래스로 todoStore, todoModel 인스턴스를 각각 생성해주고있는데 이 두 인스턴스의 차이점이 궁금해서 질문이이었음 FP,OOP의 차이점은 OOP에서는 캡슐화 다형성 추상화 상속으로 객체간의 확장이 가능하지만 함수는 불가능해서 이런형태로 자주 안쓰이는건지? FP를 하려면 하나의 함수에 하나의 목적을 가져야만하는지가..? 보통의 함수형 언어에서는 함수 자체가 일급객체가 되겠지만 객체지향 언어에서는 클래스가 일급객체가 되고 JS에서는 함수도 클래스도 일급객체이기때문에 두 인스턴스의 차이가 도대체 무엇일까가 궁금합니다
사진
사진
(중간에 친구한테 질문하냐고 반말이 섞여있네여…
적으신대로 하면 될것 같은데 어떤 타입에러가 나나요?
일단 javascript 에 class 는 syntactic sugar 에 불과하며 function 선언으로 같은 결과를 낼 수 있습니다. 올려주신 예제에서 한가지 알아보시면 좋을게 prototype 에 대한 개념입니다. 첫번째의 객체의 getTodo는 그냥 객체 안의 메소드이지만 class 안의 getTodo는 prototype method 입니다. 자바스크립트 딥다이브 책 정독을 권장드립니다!
답변감사합니다 deep dive에서 클래스 파트와 프로토타입 읽어보겠습니다
안녕하세요~~!! 저 모달 관련 질문이 하나 있습니다!! 모달을 오픈했을 때 전체화면에서 켜지게 만들었는데요, (전체화면을 덮는 배경: settingModal, 모달 창:modal-container) 여기에서 모달창을 제외한 배경을 눌렀을 때 모달이 꺼지게 하려고 이미지 1 에 보이는 코드를 썻습니다!! 작동이 잘 되는거같았는데 그 안에 들어있는 input 이 하나 있는데 거기 값을 드래그할때 한번씩 target을 잘못 인식해서 모달이 꺼지는 현상이 있습니다.. 혹시 이런 문제 해결해보신분 계실까요??
사진
사진
사진
한가지 덧붙이자면 TodoStore 가 return 하는 것은 일반 Object 의 인스턴스이고 new TodoModel 은 TodoModel 의 인스턴스입니다! 상속체인이 Object -> TodoModel 로 한단계 더 추가됐다고 보시면 되겠습니다
뚜벅쵸님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
우왓 정말 감사합니다 궁금한것이 싹 내려갑니다 ㅎㅎ
안녕하세요 잘부탁해용
라이브러리 내부 타입인데.. 여간 짜증나는게 아니네요 타입스크립트 이런점..
아 다시생각해보니 TodoStore의 this가 가르키는건 일반 object TodoModel의 this가 가르키는건 TodoModel 그 자체를 가르키는 것이었네요!! 친절한답변 정말감사합니다!!
권투하는 무지님이 나갔습니다.
안녕하세요 혹시 css 따로 배울수있는 홈페이지나
책같은거 추천해주실수 있을까요?
저는 css 유튜브로 배웠어요
이모티콘 다들 퇴근 잘하셔요!!! 다음주도 월요일 쉽니다!! 뽜이링!
이모티콘
굿굿!
너무 굿굿이라고요!!!
뚜벅쵸님 어서오세요~~ 반갑습니다 :)
설마 유튜바 뚜벅쵸님…?
기초는 doit 책으로 학습하구, 무작정 클론코딩한거 같아요
좀 더 화려하고 그런 기술들은 유튜브에 많더라구여 ㅋㅋ
안녕하세요! 스프린트 관련 질문을 드리고 싶습니다 보통 스프린트를 한다면 어느정도까지 개발을 할 수 있어야 할까요??
개발능력을 중요하게 생각하고 있지는 않습니다. 협업을 하는데에는 개발 능력말고도 기여를 할 수 있는게 있으니까요. 그렇지만 본인의 성취도를 생각해본다면 내가 프로젝트를 만들때 최소한 이것은 기여할 수 있겠다 하는 부분만 있다면 충분할거에요!
앗 감사합니다!
경례하는 프로도님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
감사합니다!!
해당 데이터가 바뀔 경우는 어떻게 대처해야하나요? 저도 localstorage나 indexed db를 이용해서 클라이언트쪽에 캐싱해두면 좋겠다 싶은 생각은 드는데, 언제 없앨것인지 해당 데이터가 변경될 경우에는 어떻게 할 것인지가 좀 어렵더라구요!
서버쪽에서 해당 데이터가 변경되어 기존에 클라이언트에서 캐싱해둔 데이터를 사용하지 않고 변경된 데이터로 사용되어야 할 경우에는 어떻게 하시나요? key를 정하기가 애매하더라구요 ㅠ
이벤트 버블링 때문에 그런 것 같아용
.modal-container 에서 onClick 을 하나 만들어주신 다음에... e.stopPropagation() 해주시면 될 것 같아요
그러면 SettingModal 의 자식들을 클릭했을때 그 이벤트가 SettingModal 까지 닿지 않을꺼에요
SettingModal 을 눌렀을때만 closeLimitModal 이 실행되구..
좋은 글이네요~
경례하는 프로도님이 나갔습니다.
먹보 네오님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 먹보 네오님!! 반갑습니다 어서오세요 :)
안녕하세요!!
네! 안녕하세요~~ 이곳은 프론트엔드에 대해 궁금한 것들을 물어보고 아는 것은 알려주면서 함께 성장하고자 하는 곳이랍니다~ 궁금한것들 알고 있는 것들 언제든 편하게 글 남겨주세요! 잘 부탁드립니다~~=
저 같은 경우는 indexeddb에서 값을 가져오는 key값을 기준으로 판단하고 있어서요. 값이 변경되면 key값이 변경되어 새로운 값이라 판단하여 서버에 요청하고 있구요. 기존 값의 경우 로그인,로그아웃 시에 삭제하고 있는데 보안정책상 토큰 주기가 짧아 금방금방 db 클리어되고 있습니다.
삭제된 메시지입니다.
감사합니다!! 혹시 해당 key는 어떻게 정의하시는지도 여쭤봐도 될까요?
뇸뇸님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
서버에서 판단하고 있어서 어떤 로직인지는 알수 없지만 uuid 느낌으로 랜덤한 스트링이 옵니다. 데이터가 업데이트 될때 연결된 db의 key값도 함께 업데이트 하는 로직이 서버에서 동작하고 있어요.
아아
감사합니다!!
역시 서버쪽이랑도 같이 해야하는 작업이군용
감사합니다!!
JY님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 JY님 반갑습니다 :)
뇸뇸님도 환영합니다 :)
z-index 공부하다가 구글링해봐도 도저히 이해가 안되서 질문드립니다.ㅠㅠz-index: auto와 z-index: 0의 차이가 무엇인가요?
여러분들,,
혹시
회사 지원 플랫폼
사람인 말고 추천해주실 곳 어디있을까요?
재연님께서 잘 정리해주셔서 끌올합니다 @단무지시러행
원티드 로켓펀치 잡플래닛
감사하빈다!
회사정보볼땐 thevc 혁신의숲 크레딧잡
링크드인에도 간헐적으로 올라와요
혁신의 숲은 첨 들어보네여
그래프로 이거저거 보여줘서 괜찮은거같아요
실무에서는 사실 차이점을 모르셔도 무방합니다. 어차피 z-index가 필요한 엘리먼트에는 auto가 아니라 값을 지정할테니까요. 명세예 따르면 z-index: auto는 부모 엘리먼트의 z-index 값이라고 되어 있네요. 명시적으로 0이 아니라면, 부모 엘리먼트의 z-index와 같은 값을 가진다고 생각하시면 될 것 같아요. 좋은 자료가 있어서 공유 드립니다 https://dev.epiloum.net/904
와 ㄷ
오 감사합니당!ㅎㅎ링크도 잘 읽어볼게용ㅎㅎ
Frodo whistling님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
불나게 일하는 네오님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 Froro whistling님 불나게 일하는 네오님~~ 모두모두 반갑습니다 :)
react-query의 useMutation을 사용하고있습니다. 데이터 post를 위해 mutate 실행 후 onSuccess의 경우 navigate를 통해 다른 페이지로 이동하게끔 함수를 만들었는데, 성공 후 다른페이지로 이동하면서 또 한번 요청 함수가 실행되는 문제가 발생합니다. 동일한 문제를 겪으신분 계실까요?
테오님! 스프린트 공지에 말씀해주신 온라인 미팅은 어떻게 진행되는건지 궁금합니다! 게더타운으로 하나요 ?
네! 다같이 게더타운에 모여서 피그잼을 통해 진행합니다 :)
넵!
혹시나해서 덧붙이자면 캠은 안사용하니까 부담가지지 마세요
헐 그렇군요 오히려 좋습니다.. ㅎ
맷돌님 의견 감사합니다!! 시도해봤는데 잘 안되는거같아요 ㅠㅠ
사진
input창을 찍었는데도 이렇게 settingModal 이 찍혀요 ㅠㅠ
onclick 말고 onmousedown 을 써보셔요
호엥....
제가 샌드박스까지 만들었다가 결국 원인은 찾았습니다 ㅠㅠ
인풋에서 드래그를 당겨서 마우스를 모달 밖에서 떼면 꺼지네요………
드래그를 시작하는 부분이 모달안이라도 마우스 떼는 위치가 모달 밖이면 타겟이 모달 밖으로 되나봐요......
어떻게 작동되는지도 모르고 코드를 짜고 있었네요 ㅠㅠ 두분 도와주셔서 너무 감사합니다 ㅠㅠ
아항... 마우스를 떼는 위치를 기준으로 click 을 계산하는거군요?
알려주셔서 감사합니당,,,
버블링을 대비해서 e.stopPropagation() 도 추가해뒀습니다!!
개념만 알고있었는데 맷돌님 덕분에 적용해봤어요!
It 직무 중 가장 일자리 많고 많이하는 게 웹 프론트엔드, 웹 백엔드인가요
쌓임맥락 공부하면서 궁금한점이 있어 질문드립니다! mdn 문서보면서 공부중인데, 아래 그림에서 DIV #3이 z-index: 4면, DIV #6이랑 DIV #5는 안 보여야 되는데, 왜 보이는지 이해가 안가네용ㅠㅠ
사진
관련 링크입니다ㅠㅠ혹시 답변해주실 때 참고될까해서 같이 보내요ㅠㅠ
@yian kim 2018년쯤 언저리부터 시작된 개발자 붐은 확실히 웹 개발자가 수요와 공급이 가장 많은게 맞습니다.
고맙습니다
자식이라서 보이는것 같네요
z-index는 컨네이너 블록 안에서만 경쟁하도록 되어 있습니다 이미 div4는 div3에 속해있기 때문에 서로간의 z-index 비교는 무의미합니다 위 예시에서는 div 4-5-6끼리만 z-index 비교를 하게 됩니다
부모 자식간에는 z-index 비교하는 것은 무의미하고, 형제간에 비교하는 것이 의미있는 걸로 이해하면 될까용?ㅜㅜ
안녕하세요.. ? eslint관련된 오류 해결 중에 있습니다… 저장을 누르면 모든 코드가 tap으로 밀리면서 <Delete `····`eslintprettier/prettier> 이라는 오류가 뜨는데 혹시 저와 같은 경험을 하신 분이 계신가요
이미 4 5 6은 인덱스 4에 있어서
456끼리만 비교됩니다
스택오버플로우에 나와 있는데로 .eslintrc.js파일에 rules: { 'prettier/prettier': [ 'error', { singleQuote: true, trailingComma: 'all', endOfLine: 'auto', useTabs: false, }, ],
vs코드 설정에 자동 저장 포맷있는데
그 설정도 체크 지웠습니다..
세팅즈제이슨인가 확인해보면 되지 않을까여?
저는 extends 마지막에 prettier적용되게 해놓고 rule에 prettier/prettier off합니다
네 정확히는 같은 relative absolute fixed에 속하는 것들끼리 비교하게 됩니다 부모 자식간이 아니라 조상 중에 postion 속성이 static이 아닌 것이요 이걸 컨테이닝 블록이라고 부르는데 블록내부에서만 zIndex로 순서를 정하게 되요
테오님 혹시 스프린트 마감이 언제까지인가요??
스프린트가 시작되는 전날인 10/11화요일까지 입니다~
감사합니다☺️
사진
{}[123]0] 은 123이라는 숫자가 나오는데 이걸 변수에 대입하면 왜 undefined가 나오는 건가요?
첫번째꺼는
블록스코프 만드는 중괄호로 인식했고
블록 닫혔으니 무시하고 리스트 123의 0번 인덱스가 되었는데
밑에꺼는 등호 뒤라 객체로 인식하네요
오.. 제 생일이군여.. ㅋㅋ 이거슨 신의 계시인가?! 하지만 회사 적응에도 바쁜 저는.. 역시 안되겠군용ㅠ
ㄷㄷ
고수..
시네요
낮에 해설해주신 분이 계셔서 배웠습니다
(이모티콘)
그런데 개인적으로 자바스크립트 묵시적 형변환으로 인해 생기는
와.. 감사합니다
기괴한 현상들같은거
기타 자바스크립트 기괴한 코드는
그것을 피하도록 타입 맞춰가며 코딩하기때문에
굳이 공부한다기 보단 취미로 알아보는 정도가
효율적일수 있다고 생각해요
다 알면 좋지만 시간은 한정적이라..
예를 들면 이런거
ts에서 글로벌한 타입 지정도 가능한가요?
매번 import하기 귀찮아서요
넴
검색 키워드좀 알려주실 수 있으실까요
이건 전역 변수에 대한 타입같은데..
아 이해했습니다 감사함다
넹
api response타입 같은거.. 글로벌로 저장하시나요?
생각보다 import하는 구간이 많기는 하고.. 이걸 글로벌 타입으로 지정하는게 맞나 싶기도 해서요
저는 ~.types.ts 파일에서 정의해서 임포트해서 써요 성능적인건 모르겠고 파일 많아지면 찾기 어려워져서
음 그렇긴 하겠네요 감사합니다!
try catch에서 catch안에 에러핸들링은 보통 어떤식으로 하시나요?
실무에서 어떤식으로 활용하는지 궁금해요! 아니면 참고하기 좋은 글 있을까요?
베개를 부비적대는 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
슨배님들 근데 M2 pro 13인치 개발용으로 괜찮나여 회사에서 지급받은게 m2인데 그냥 여러분들 생각이 궁금해서 여쭤봐용
옙
SSD가
용량이 적긴합니다
그거 외론 좋을걸요
전 20 더주고 500기가로 늘렸어요 ssd
아 회사에서 준건 램 24에 스스디 500인거 같아용
근데 보통 개발자분들
SSD가
1테라 넘던데
지금 제 데스크탑이
500인데
간당간당합니다
사진
필요한것만 깔아도 100GB남아서
데탑은.. ㅋㅋ 하드라도 박으시는게 좋지 않을까용
덜 중요한거 좀 지워놨습니다
제가 하드를 안써봐서
라이언 붕붕카를 탄 무지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
SSD만 써봤습니다
램24면 높네요
빅데이터, 영상편집용
?
오호.. 전 늅 프엔이라 ㅋㅋㅋ
이정도면 충분하지 않나영
웹이라면 괜찮을걸여
램24면
차고 넘치쥬 근데 m2가 말이 많아서 다른 분들 생각을 여쭤봤어요
오버스펙 아닙니까
프론트엔드도 램 많이 쓰나요
ㅋㅋㅋ 신입에겐 그렇죠?
저 램 8인데
아무튼 좋은 거 받으셔서
좋으시겠어용
사진
사진 2장
안녕하세요. 제가 커스텀 훅을 만드려고 하는데 위의 사진처럼 그냥 컴포넌트에 적용하면 잘 되지만 아래 사진처럼 커스텀 훅을 만들고 불러오면 값이 불러와지지가 않습니다… 혹시 이유를 알 수 있을까요?
히스토리가 쪼끔 있지만 가볍고 성능 좋아서 만족스러운듯 합니다 다만 모니터 듀얼이 안되는거 같아서 살짝 안타깝
모니터 연결
안되나용
사진
저는 49인치 쓰는데
프로는 가능하지않나여?
모니터 하나면 충분합니다
창 여러개 띄워놓으면되서
questionDatas 가 항상 비어있는걸까용? 두번째 사진에선 questionDatas 랑 isError 가 빨간 밑줄이 생겼는데, 어떤 내용인지도 알 수 있을까여?
리턴이 questionsDatas 인데 questionDatas라고 써져있어요ㅎㅎ
오~!
매의눈!!
오타때문이었다니… 정말 감사합니다ㅠㅠ
오 가고싶었다.. 센버
센드버드는 어느정도로 해야지 갈수있나요?? 코테를 되게 중요시 본다고 들은 것 같은데
회사에서 준거는 4k 27인치인데 주사율이 왜 30까지만 나올까용 ㅠ
제가 경험한바로는
코테글캐안어려웟어요
경우에 따라서.. 코테 안보고 기술면접 보기도 합니당
제가본 전형은
1. 라이브 코테 2. 라이브 과제
라이브로 코테랑 과제 다줫어요
와우... 과제는 어려운 편이었나요..?
와우 라이브 과제 ..
이런건 보통 케이블문제에요!
뭐 글케어렵진않았습니다
시간이모자랏죠
한시간안에 과제완성해야됩니까
오우 좀 빡세네요..
m2시면 ctoc로 맥북 <=> 모니터 연결해보세요 ㅎㅎ!
오 근데 모니터에 C 타입 허브가 없는거 같더라구용.. 허브 새로 받으면 DP로 연결해보면 나을까요 HDMI로는 주사율이 안나왔어서..
c to hdmi로 될거에요!
코딩 처음에 재밌게 배우는 법 있을까요 문법이랑 알고리즘만 배우니 지루하네요
모니터 한대만 쓰시는거면 c to dp케이블로 연결하시면 화질 괜찮을겁니당
허브에 hdmi 말고 그냥 c to hdmi 말씀이신가용??
오 화질은 좋은데 주사율 문제라서.. ㅠ 그것도 그렇게 해결이 되나용?
프론트엔드 비전공자가 신입으로 연봉도 적당히 주는 이상하지 않은 회사 들어가는데 대략 공부 기간 얼마나 걸린다고 생각하시나요?.? 공부하면 할수록 타입도 해야하고 기간이 늘어나네요..
모니터 주사율 얼마까지 지원되는거에용??
아 생각해보면 hdmi 케이블 문제였을수도 있겠네요 왜 그걸 생각안해봤지..
주사율 30은 이제 진짜 볼 수가 없어요.. 무조건 60이상만 가능..
사진
리드가 뭐죠 부장님 같은건가요
프론트엔드부 부장
김부장
김리드
팀 리더?
프론트엔드 여러명이면 대표하는 사람?
아하
부장이네요
김팀장
근데 저분들은 팀이 좀 큰 조직이었어서 거의 이제 CTO 다음 정도 되는거 였을듯
부장급
이사급?
그정도는 아닌듯
호봉으로 치면 대리 과장 정도 될 거 같은데
김대리네요
중니어 시니어..
중급자
다들 면접 준비는 어떻게 하시나요??
막 인터넷 검색하면 나오는 프론트 면접 질문.. 훑어보구
이력서나 포폴에 올렸던 프로젝트들 훑어봐요
그거보면서 관련 질문들 예상해보기?
왜 그 기술을 썼고 그 기술의 장점은 어떤거구
그 기술을 사용하다 부딪힌 벽은 어떻구
어떻게 해결해나갔구
그 방식의 단점이나 장점 생각나는게 있는지
,,,, 식으로 꼬리물기로 생각해보려 했었어요
오옹.... 감사합니다! 저도 그렇게 하고 있는데 비슷하네요!
실무자.. 경력 있으신 분 계시면
아 그 모라그러지...
요새 단어가 통 기억이 안나네요 ㅠ
공물?
공물을 좀 바쳐서 모의면접 봐달라구 요청해주시면
그냥
정답은
이모티콘 직접 말해보는건 또 다르더라구용
백준 레벨 올리기
아닐가욧
정보처리기사 하나 따고
백준 올인
플레5까지만
이모티콘
저는 알고리즘 쥐약이라 ㅋ큐ㅠㅠ
다른 전략을 취했었어서
알고리즘 강하면 그걸로도 면접때 뽐낼 수 있을테니까
좋아보이는데용
태도도 중요한 거 같아요 ㅎ 같은 말이라도 전달하는데의 분위기도 마찬가지고요
혹시 form 유효성 검증할 때 yup만 단독으로 사용하시는 분 있으신가요?
ㅋㅋㅋㅋ정처기는 땄는데... 기억이
문제 조금 풀다가 운좋게 합격해서ㅠㅠ
백준 플레 5면 리트코드 기준 hard 일까요?
준비 기간이 얼마나 되셨나요..?.?
음 필기는 일주일 실기는 2주 정도 걸린거 같아요!
와 플레5는 대단하시네여
근데 실기..저렇게 하다가 3번 만에 붙었습니다 ㅎㅎㅎㅎㅎ
총 공부 기간은 얼마나 걸리셨나요?.?
골드3까지만
음 그냥 시험 치기 2주전부터 기출만 엄청 풀었어요! 그 수제비 파이널 모의고사
올립시당
안녕하세요 제가 리액트 공부를 하다가 조금 이해가 안되서 질문드려요. 회원가입 페이지를 만들고 비밀번호부분을 정규표현식을 이용해서 글자수를 8자이상만 되게했는데요. 결과가 true랑 false가 동시에 나와서 잘 이해가 안되는 상황입니다 ㅜ 혹시 제가 어떤게 잘못된 부분인지 알려주실 수 있나요?
사진
사진
strictmode를 빼면 정상작동하는데 이유가 검색해도 잘 안나와서 질문드려요
사진
aws가 뭔가요
아마존 네트워크?
아마존 웹 서비스요!
그건 프론트, 백이랑 다른 개념인가요
클라우드를 비롯한 여러 서비스를 제공하고있는데
음.. 프론트랑 백이 존재하ㄱ ㅣ위한 기반인프라와 관련이 있다고 보면될거같아용
저도 자세히는 몰라서..ㅎㅎ
음
뭔가어렵군요
프둥이님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 혹시 재직자 분들중 신입에게 어느정도 능력을 요구하는지 알 수 있을까요?
2~3달 후에 우리회사 프로젝트에 기여할수있을까..?
대기업아닌이상은
바로바로 투입할수있는 인원을
뽑는것같습니당
감사합니다
머머리 네오님이 나갔습니다.
배게를 부비적되는 라이언님, 라이언 붕붕카를 탄 무지님 프둥이님 모두모두 반갑습니다 어서오세요 :)
다들 어서오세요~~
이모티콘 어서오세요
혹시 react에서 이전 페이지의 url을 알 수 있는 방법이 있을까요 ?
이동하기 전 url을 state로 넘겨주는건 어떨까요
history는 힙스택에 쌓일건데 한번 찾아보세요
9시출근에 신도림역에서 환승하시는분 계시나요..? 10시출근하다 9시출근해봤는데 진짜 헬이네요..
그쪽은 언제 타도.. ㅠㅠ
그렇긴합니다.. ㅋㅋ ㅡㅡ
ㅜㅜ
어디로 출근해도 그시간에는…
오늘
(지옥철에 낑겨서 카톡읽는중)
장애인 시위 있어서
더 그럴겁니다
1,2 호선도 시위있나보네요 오늘은
감사합니다 ㅎㅎ state 활용해서 해결했습니다 :)
patch로 delete 리퀘스트 보내보신분?!
될까욥
메소드 패치로 달래요??
제가 백엔드한테 delete 리퀘스트 만들어달라고 했는데, patch로 delete 바로 넣으면 된다고
해가지고..!
부분수정 이에요!
아예 그 게시글을 지우는게 아니라, 게시글 중에 사진만 부분적으로 삭제하는
작업이 필요해서요
이게 되는건가요?
오늘과잠입으면 많이더울까용
업데이트 하는거죠 뭐
delete 하려면 delete api가 따로 필요한줄 알았는데..
아니군염
아닌거져?????
하기 나름이죠
하드 딜리트냐 소프트딜리트냐 그것도 문제일수도 있거요
아하?! 글쿤요?!
일단 하시고 싶으신게 지우는 게 아니고 수정 개념인 것 같은데
요청 보내는건 딱히 문제 될건 문제가 없는거 같고
네!
수정개념이라 patch할때 메소드로 보내는게 맞는거 같습니다
오..! 글쿤요
사진 목록이 5개 있으면
그중ㅇ ㅔ 하나지우는건데
가능해 보이시는지..!
가능은 하죠
패치로 딜리트 보내서 사진 목록중에 하나 지우기..!
가능할거 같은데요..
아넵!! 감사합니다
update함수에 그냥 남아있는 사진 파일 id 만 담아 보내는 법도 있구요
네!
말씀하신대로 deleteImage method를 백엔드에서 만들어놨다면 그 메소드 요청하면 될거 같은데
이렇게 하니까 기존 목록이랑 쌓여서
보여지더라구요
네
그건 기존에 이미 불러와져있던 데이터가 새로 고침이 안되서 그런거 같은데
네!!! 오?
아님 서버단에서 그냥 id를 추가하는 방식이라 그럴수 있구요
네
여러가지 방향성이 많네용
update 함수를 고쳐쓸건지, 새로운 함수를 만들건지 논의해보시면 될 듯합니다
서버상태와 동기화하는방법과 클라이언트 상태를 조절하는 방법이 있을수도 있어요
이지님 백준님 김찡찡님 넘 감사합니다! 알려주신 것 토대로 곰곰히 해결해보겠습니다!!
감사해요!!
정리 해보자면 1. patch를 통해 바뀐 image 리소스 정보를 update 하여 클라이언트에 뿌려준다. 2. image delete 메서드를 만들어 요청을 보낸다.
다들 백엔드신가 봐요
한번 논의해보세요
엇!!
프론트에요
넵 :))
저도 프론트
앟ㅎㅎㅎ
저도..
저는 삐약..
감사합니다!!! 최고에요
그리고 patch에 delete를 같이 쓴다는게 이해가 잘 안되가지고 그 부분 한번 백엔드 분께 여쭤보고 저한테도 좀 알려주세요!
출근시간 2시간만 땡겨봐여
네!!
그니까여.. ㅈㅓ도
저말듣고 뭔가 해가꼬
으응..? 하면서 알겠습니다 했어요 ㅋㅋㅋㅋㅋ
논리적 삭제와 물리적 삭제 두가지가 있는데
네
보통 논리적 삭제를 기본으로 하는경우가 많아서
그건 patch가 맞을거같아요 ㅎㅎ
오… 글쿤여
딜리트는 거의 안쓰는 거 같아요 데이터가 자산이라..
그리고 어짜피 restful은 서로의 약속이라
아!!!
네
어떻게 하던간에 서로의 약속만 맞으면 되긴합니다
상태코드 만단위를 쓰는곳도 봤는걸요
샵검색 : #Soft delete hard delete
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 미라클모닝 전도사.. 계속 얘기해주심 한번쯤 일찍갈지도 모르겟네여 ㅋㅋㅋㅋㅋ
아하!!
아마 썰초님깨서 말씀하신게 이거일가에여
정독..))
냅 맞을거에요 ㅎㅎ
아침부터 많이 배웁니다.. 역시..
우리가 회원탈퇴를 했음에도 같은 아이디로는 가입못하는곳들 있잖아요
썰초님도 넘 감사해요 복받으실겁니다
어차피 자는 시간 똑같으면 아침시간을 활용하는게 더 이득이지 않을까요 ㅋㅋ
네
내 정보가 삭제되지 않았다느 말이죠
맞아요
맞네!!
그게 논리적 삭제
하드딜리트는 테이블의 해당 row를 그냥 밀어버리는거에여
물리적삭제!
!!
이래서 프론트도 cs가 필요하다..
싹 이해가 되네요
새삼 다시 깨닫는중이네요
ㅋㅋㅋㅋ맞습니다..
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
에고 다들 넘 감사해요.. 집단지성.. 감동..
아침 댓바람부터 감동의 눈물이..
화이팅입니다 ㅋㅋ 이렇게 하나씩 알아가시면 됩니다 ㅋㅋ
예!!
ㅋㅋㅋㅋㅋ 제경험으로
저도 아는것 많이 공유할게요
6만줄 데이터를 하나에두고 search나 필터링학쇺다고해서
6만줄짜리 상태 다뤄봣죠
와 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
상태코드 만단위 쓰는분 === 제로초님
입니다
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
와우내
ㅋㅋㅋㅋㅋㅋ
재맨..
재맨..22
네?? ㅋㅋ
전 야행성이라..
재맨 뭐야..
밤을 쓰겠습니다..
ㅋㅋㅋㅋㅋ
무섭..
종교 ㅋㅋㅋㅋㅋ
제로초님은
종교죠
ㅋㅋㅋㅋㅋ 제가 쓴글인줄
ㅋㅋㅋㅋㅋ
제로초 = 진리
이방에 제로초님이 계시려나..
아 전 진짜 아침이 안맞아서..
저도요 ㅋㅋㅋ
제로초님 백앤드시라서
아침에 기력이 업서요
밤-새벽 이시간이 맞더라구요..
더 잘아시더라고요
여러분 그냥 밤도 쓰고 아침도 쓰세요~ 저는 사실 늦으면 2시쯤 자는거 가타여
제로초님 풀스택?!
밤에 코딩이 잘되는 느낌적인 느낌
머든 각자 맞는 시간에 집중해서 공부하면 좋지여..
ㅋㅋㅋㅋㅋ
아하ㅏ
Cto세여
ㅋㅋㅋㅋ
다 쓰자! 그냥 자기가 쓸수있는거!!!
학교에서 가르치는 조기교육느낌이랄까
크~~
카카오 가셔서
내려놓은줄 알았어요
카카오에서 다른곳 가서 cto하시지않나여?
아침형 인간들때메 사회생활이 힘듭니다..(이렇게 남탓)
재렐루야
또 다른곳 가셨나요
제로초님 강의는
어디서 볼 수 있나요?
제로초님 잘생기셨슴
헤헤
한 두달근황은 잘 몰라서요
인프콘에서
두달전까진 카카오 모빌리티셨거든요
카카오 아니던데
에잉.. 그렇치 않아여 출근시간 당기면 퇴근도 빨리 할 수 있지 않아여? (유연이나 자율이면)
더 잘 하시는 분도 많이 계시는데
뭐든..저희보다 열심히..더 잘 살고 있지 않으실까요..?
강사진들이 유독 인기가 좋네요
feat. 야근..
인프런이여
아 지금은 카카오굲여
유연근무지만 한번도 일찍 간적이 없..
이슈 없어도 야근하면 무조건 제 실력을 키워야할듯.. ㅠ
이슈 생기게한 제 능력탓도 있으니.
일찍 나오면 맑은공기 마시고 기분 조아여
눈물을 머금고 합니다
넵넵 ㅎㅎ 그 cto로 있던 회사가 카카오모빌리티에 합병되셔서
ㅋㅋㅋㅋㅋㅋ
거기 계셨었어요
엑싯하셨다고 방금 봤네요 ㅋㅋㅋ
저도 아마 그냥 전부 제 탓..
와 엑싯..
부럽
엑싯하시고 카카오로 ㅋㅋㅋㅋ 진짜 최강 코스
아침생활은 자신없지만 함께자라기 책은 저두 어제부터 보고 이씀다 ㅋㅋ 추천감사해여
사진
교양쌓는다 생각하시면 마인드에 좋아여 ㅋㅋㅋㅋㅋㅋ
제로초님은 노드방에 계세요
감사합니다
안녕하세요 https://elaborate-hamster-0e6b42.netlify.app/test.html // ios safari에서 스크롤끝에서 쫀득하게 더 당겨지는거 막는법 아시는분계신가요..? 첫번째 박스는 overscroll-behavior로 막았는데 사파리 16미만 버전이 적용 안되서요...
안녕하세요 선생님들 호옥시 react 컴포넌트를 하나 만드려고 하는데 이 react 컴포넌트가 버튼 그 자체처럼 행동하게 하고 싶어서 여쭤봅니다!! 혹시 ...props 스프레드 프롭스의 타입은 그냥 props: 타입 이렇게 지정해주면 되는건가요?
그러쵸?
sㅔ!
네!
저는 타입 애매하면 any 넣는데 좋은방법은 아니라고 하더라구요 ㅜ 작동은 되는디
props?: Partial<ButtonProps & React.ComponentProps<'button'>>;
이렇게 해놨는데
일단 안되네요 ㅠ
애니는 타스를 자스로 만드는방법이라..
HTMLButtonElement 이런 타입으로 줘야 하지 않을까여??
사진
리액트에서는 확인 안해봤지만
이런식으로 해주면 될텐데..
와와 감사합니다!!
안찡찡이신듯
맞는지 몰루요..ㅋㅋㅋ;;
React.ButtonHTMLAttributes<HTMLButtonElement>로 하니까 되네요
증말증말 감사합니다!
커스텀할 능력이 생겨서 버튼 찍어내는 공장이 될수있게 됐습니다 감사함다!!
이모티콘
안찡찡쓰
편안 -
혹시 스프린트 모집은 언제까지인지 알 수 있을까요?! 또, 바닐라 자바스크립트로만 프로젝트를 진행한 경험만 있는데 참여가 가능할지도 여쭤보고 싶습니다..!(다른 분들께 폐가 될까해서요..!)
11일까지요 !
10월 11일까지 입니다~
왜 설레는거져 ㅋㅋ
저는 참여 못하는데.. ㅠ
개발능력 외에도 협업에서 기여할 수 있는 것들을 많이 있습니다. 열정이 있다면 부담갖고 참여하세요 :) 잘 하실 수 있을거에요!!
빠르게 답변주셔서 감사드립니다 :)!!!
힙합맨 제이지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 힙합맨 제이지님 반갑습니다
마이 BirthDay..에 마감이라니이 ㅠㅠ 다음 기수때 꼭 참여해야지
스프린트에 당근 개발자분도 계시네
안녕하세요 사이트 따라해보면서 연습하려고 하는데 부트스트랩으로 만들어진 사이트를 부트스트랩 없이 똑같이 구현해보는것도 의미가있을까요? 아님 쫌 시간낭비일까요
저는 의미 있다고 봅니다 ㅎㅎ
많이 배우실거에요
일단 클론코딩은 가장 기초적이면서도 도움이 많이 되는 부분이고
막히면 부트스트랩 소스 보면서 참고하고 바꾸는 것도 실력 향상에 도움이 되지 않을까 하는 생각입니다
그렇군요!!! 감사합니다
의미있죠
처음부터 폴더구조 그런것까지 다 생각하면서 하는건데
부트스트랩 안쓰고 부트스트랩 기능들을 구현한다면 실력 엄청 느시겠네여
허걱 그만큼 어려운길이긴 하겠군요... 감사합니다 한번 해볼게요
화이팅
https://codepen.io/kinnatzzang/pen/yLjqJYP 그리드로 레이아웃을 나눴는데 두개로 나눈 4,5번을 같이 붙게 하고싶습니다… float, inline-block써도 안되네요 ㅠㅠ
main-container 에서 "grid-template-columns: 898px 919px;"
를 고정으로 준 이유가 있나요 ?
부모에서 "grid-template-columns: 898px 919px;" 를 고정했으면
temp-box d 에다가 div를 하나 입히고 그 안에서 다시 그리드로 나누면 되지 않나요 ?
4, 5번을 div 하나로 감싼다는 이야기입니다 ㅎㅎ
공부2일차님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
저 혹시 프론트엔드 개발자가 되려면 정처기가 필수 인가요??
전혀요
ㅎㅎ
있으면 좋다
아하.. 과연
전~~~~~~혀요
취업 준비하면서 포트폴리오를 만들고 있는데 정처기가 없어서 그런가 싶어서... ㅜㅜ
공기업 아니면 딱히..
정처기 <<<<< 개인 프로젝트 1개
현업 FE들이 고민하고 있는 주제가 무엇인지 생각해보시고
뭐 있어서 나쁠 건 없지만 체험상 있어도 아무 도움 안 됩니다
해당 주제에 대해서 맛이라도 느껴보시면 좋은 결과 있으실거에요
아하 감사합니닷!!!
근데 정처기에 내용이 진짜 좋긴해요 ㅋㅋㅋㅋㅋ
꼭 따야하는가 ? ㄴㄴ 알면 좋은가 ㅇㅇ 이겁니당
그렇군요 ㅎㅎ
혹시
vs 코드에서
같은 프로젝트
창 둑 ㅐ
못띄우나요?
A.tsx를 창 하나 더 띄워서 더블모니터로 보고 싶은데
221005시작님 반갑습니다 어서오세요 :)
사진
제가 공유한 사진 오른쪽 위 보면 두개 여는 버튼있어요
duplication workspace as same window 라는 부분이 있었네용
아 젃도 보구
저는 wnodw를 하나 더 띄우고 싶어서 여쭤봤던거였숩니돳돳
웹스톰에서는 도ㅒㅆ었는데..
duplication workspace as same window 치면 됩니당
지금 매우
쾌적해짐
오호
감사합니다
잘부탁드립니다! 마크업부터 리액트까지 약4달 목표잡고 공부시작했습니다🙇♂️
vsCode에서 IUserService를 컨트롤 클릭해도 UserService 문서로 이동되게 할 수 있을까요?
화이팅입니다!! 이곳은 프론트엔트에 대해 궁금한 것들을 물어보고 아는것은 알려주고 공유하면서 함께 성장하고자 하는 곳입니다. 많이 물어볼 수록 더 빨리 내것이 되고 내가 무엇이 부족한지 잘 알수 있다고 하더라구요~ 언제든 편하게 궁금한게 생기면 글 남겨주세요
그거 f12인가 누르면 되지 않나요?
잘기억은 안나는데
F2인가?
선생님들 제가만든 반응형 홈페이지인데 화면 크기가 519px보다 작으면 오른쪽에 빈공간이 생기는데 원인이 대체 무엇일까요... 도와주세욤..
모바일로 보면 자꾸 빈공간이 생기네요... ㅜㅜ
스크롤때문에 생기는거같네용
오른쪽 스크롤 때문인가요??
..님이 나갔습니다.
디자인 이쁘네요!
넵
감사합니닷!!!
오.. 모바일에선 스크롤을 제거 해야하는건가요,
다른 방법도 많겠지만
container에 overflow-y: hidden;
해주면 없어져요
아하!! 감사합니닷 해보겠습니다!
기뻐하는 라이언님이 나갔습니다.
이거 근데 소스 자체가
사진
html, head 태그가 여러번 선언되어있네요 ?
호옹이
안녕하세요 선배님들!! 아이폰에 관해서 질문이 있는데요 아이폰에서 os버전이 같다면 해상도 외 기능적인 부분에 차이가 있을까요??
사진
자동차 이미지가 넘치네요
그리고 하나 더 주제넘은 조언을 드리자면 reset.css에 대해 찾아보셔요 ㅎㅎ
오.. 그런가요? 그 오버플로우는 히든 되도록 한거 같았는데.. 다시 확인해봐야 겠네요 감사합니닷!
사진
감사합니다!! 찾아보겠습니다 ㅎㅎ
reset.css 등으로 padding, margin 등 초기에 셋팅할 css를 reset 시키는 것이 도움이 될거에요 ㅎㅎ
아 초기에 먼저 다 0의 값으로 만들고 해야 오류가 없어서 그런거군요?
오류라기보단 각 태그가 기본적으로 가지고 있는 스타일이 있어서
그걸 없애주는 게 좋아요
아하 감사합니다 좋은걸 배워가네요!! ㅎㅎ
이모티콘
아까 박용준님이 말씀해주신 것처럼
우측에 공간 생기는 건
사진
이 이미지가 밀려서 그런거고요
아이폰 대응은 노치나 펀치홀 부분, 하단 부분 안전영역도 고려하셔야..?
Next + ts에서 intersection observer로 무한스크롤 만들고있는데 너무 어렵네요 ㅠㅠ 밤새도록 했는데도 구현을 못하고있습니다 흑흑 잘 설명된 블로그글같은거 아시는분 계실까요 ㅠㅠㅠ 관측은 제대로 한거같은데 관측될때마다 api호출 후, 다음 데이터 호출을 위한 page값 +1 해주는부분에서 오류가 나는지 데이터 호출이 미친듯이 폭주하네요 ㅠㅠ
네이티브에서 해줘야하지만…
아 이미지가 밀려서 공간이 생긴거군요
맞아요 ㅎㅎ
이미지 등 리소스는
뿐만 아니라
굳이 사용해야할 때가 아니면
position: absolute 는
지양해주는 것이 좋아요
그렇군요
생각보다 저렇게 밀리는 경우가 많을 거라 ㅎㅎ
음 그럼 자동차 이미지를 저렇게 하단 오른쪽에 고정시키고 싶을땐 어떻게 하는게 좋은가요??
io는 https://tech.kakaoenterprise.com/149 잘 정리하셨더라구요
오 감사합니다!! ㅜㅠㅜㅜㅠㅠㅜㅜ
부모를 relative 로 묶고 absolute를 쓰거나
flex 등을 이용하는 것이 나을 것 같아요
근데 지금 문제가 되는건
넵
사진
right -5% 같은데
이걸 5%로 주려고 했을까요 ?
마이너스는 right 기준 오히려 바깥쪽으로 이동하는거라
음.. 자동차 이미지가 민트색에 안들어가게 하려고 하다보니
그것만 0나 양수로 줘도
밀리는 건 잡을 수 있을 것 같은데 아닐까요
?
아 그렇군요
뭐 도움이 되길 바랍니다 ㅎㅎ
감사합니닷!! 덕분에 원인을 알았어요 ㅎㅎ
div를 d에주고 float: left주고 e에 right주니까 되네요 ㅎㄹ
그렇죠
근데 왠만하면
float는 지양하시는게
좋을 것 같아요
inline block을 쓰면
그게 더 관리하기가 어렵지 않나요 ㅠ
div를 d에 주셨다고 했는데
그 d에 display: flex
를 주시고
이어서
justify-content: space-between
주시면 되지 않나요 ?
양측으로 붙을텐데 ㅎㅎ
이걸 d에 주면 된다는거죠?
같이요 ~
display: flex; justify-content: space-between;
.d { width: 453px; height: 334px; display: flex; justify-content: space-between; } .e { width: 450px; height: 334px; justify-content: space-between; }
반응이없네요 ㅠ
그 소스를 코드펜으로 줘보실래요 ?
d랑 e를 감싸는 div를 부여하셨군요
그럼
d랑 e에 부여한 코드 빼고요
사진
사진
d랑 e 감싼 친구에 줘보세요 ~
(부모한테)
display: flex; justify-content: space-between; }
사진
.temp-bind { display: flex; justify-content: space-between; } 이렇게 주니까 되네요 ㅎㅎ 감사합니다
도움이 되셨길 바랍니다
자식만 생각말고… 부모 생각도 ㅠㅠ
부모가 자식 교육을 잘 하는게 좋죠 ㅎㅎ
자식들에게 개성을 부여하면 어긋납니다 ㅎㅎ
모두 오후도 고생하세요 ~
프론트엔드로 취업하고 싶은데 현재 과정이 인공지능이면 계속 하는 게 맞나요? 나간다면 뭐부터 해야할지 몰라서 갈피를 못 잡겠네요
프론트엔드에 맞게 하시는게 좋을텐데 인공지능은 안하시는게 좋을거같아요
저는 인공지능 버리고 따로 혼자 공부했어요
Html, css, js, vue나 react로 가세요
+ 타입스크립트
첨해보면
vue로 해보고
인공지능 과정이면
바로 리액트 추천해요
과정 중이시면 지금 학원다니시는건강
학부신건가
모델 만들고
그걸 결국은 클라이언트에 보여줘야하니
적절하게 프론트도 같이 공부하셔서 하시면 좋을 겁니당
인공지능모델이 워낙 크기 때문에
로드벨런싱이랑 이벤트 큐, 이벤트브로커 도 같이 공부하게되고
ai데이터 모델 캐싱 도 공부하게되니
하나를 포기하지마시고 같이 가져가보세요
부캠듣는데 부캠이 인공지능+프론트과정인건가요?
그런 부캠이 하나 있던거로 기억하는데
우선 학부과정인지 부트캠프 과정인지가 중요할것같아요
학부과정이면 석사과정까지 갈수도있는데 부트캠프라면 얘기가 달라질수있으니
인공지능 프론트 과정이라니 감이 안잡히긴 하네요
요즘 정부지원받을려고 인공지능같은걸 추가하더라고요
말씀 드리고 그렇게 했나요???
혹시 수업 오프라인이신가요?
네
저는 온라인이라서 하루 할당량만 채우는 식이었거든요
그래서 할 수 있었어요
아하...
저도 프론트엔드로 취업하고 싶은데 시작이 어렵네요 어떻게 공부해야할지부터 막막해용 ㅠㅠ
비전공자신가요?
니소님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
힘들죵 ㅠㅠ 일단 사람을 만나는 것을 추천드려요 :)
지금 과는 지능정보통신공학과이고 4학년 막학기입니다
저는 독학했는데 생활코딩, velopert, zerocho 강의만 주구장창 봤던 기억이 .. 근데 지금은 그거도 다 옛날 자료겠네요
사람..! 그래서 여기 눈팅 열심히 하고 있었어요🤣
부트캠프를 할 수 있으면 부트캠프도 추천드려요!
근데 벨로퍼트님 제로초님 서적 강의는 리액트 근본을 알려주셔서 괜찮을걸여
제로초님 노드버드 강의 괜찮아여
Next.js 도 사용하고 리덕스 사가였나 썽크였나.. 암튼 그당시 최애 상태관리를 사용하셨었어요
다들 상태관리할때
props로 넘길지 redux로 관리할지
어떻게정하나요??
react-saga 쓰셨어요 ㅋㅋ 저도 그래서 한동안 react-saga만 썻었어요 ㅋㅋㅋ
전역으로 써야하나 아니나 그차이로 정해야져
아맞네여 생각해보니 제너레이터 사용했던거같아요 ㅋㅋㅋ
구글 스프린트 시간이 평일 밤 11시부터 2-3시간이면 새벽까지 하는건가요?
넹
이력서나 포트폴리오에
prototype 구현은 레거시 인가요??
할줄 아는거, 배운거를 다 적기보다는
구름톤 떨어졌네요.ㅠ ㅠ 진짜 가고싶었는데..
업무에 필요한 것만 진하게 적는게
효과적인가요
안드로이드 머신러닝 딥러닝 아두이노 왜 하는지도 모르고 듣고있습니다 ㅋㅋ 프론트엔드쪽은 과정끝났는데 전체 과정이 안 끝나서 듣고있습니다
저두요 ㅜㅜ
어떻게 해야할지 고민중입니다
제너럴보단 스페셜리스트 느낌으로?
개인공부하세요
신입이시죠?
프로젝트 담당하신 부분, 핵심기술, 어떤문제를 어떻게 해결했는지를 중점으로 쓰시는것도 좋아보여요
스페셜리스트 답게 이력서를 쓰실 수 있으시다면 괜찮겠지만 신입이 가능할까요...?
예
그럼
제너럴?
프로젝트 진행해본거 있으신가여
저 아직
기초단계입니다
웹프로그래밍 강의 수강중입니다
학교에서
기술의 경험보다는 기술에 대한 이해도가 중요하고 기술경험중 해당기술을 사용했던 '이유'가 가장 중요해여 아무 이유없이 남들 다쓰니까 이거 알려주니까 썼다. 이런건 오히려 마이너스일겁니다 거기서 이유를 찾으시고 이유를 포폴에 녹여내보세요. 그렇게 작성한 포폴이 이력서를 뒷밤치해줄 겁니다
그럼 학부생이시면 프로젝트를 a to z로 하나 끝내보세요 그 경험이 중요해요
왜 배웠는지
적는게 중요하네요
그냥 전공 과목이라 배웠는데요?
이러면
안되겠네요
사실 다들 비슷한데
양념을 잘 쳐야해요
ㅋㅋㅋㅋㅋㅋ맞아요
ㅋㅋㅋㅋ 배운걸 한번 써볼려고했다 그렇게 돌려말하는거죠
저도 리액트 그냥 학원에서 이거 쓰라해서 배운건데
포장했져
배움에서 그치지않고 프로젝트에 녹여보았다
리액트가 제일 취업시장이 넓어서 쓰는거지만..
사실 멘트는 무지막지하게 많습니다
리액트의 장점을 나열해야죠
양념은 본인이~
역시 취업은 js, 리엑트, 노드가 안전빵인가요
1. 생태계가 넓어서 물어볼곳이 많다. 2. 그만큼 지원하는 라이브러리가 정말 많다.
이런것도 이유가 되요
리액트, 자바
빠른 mvp 제작을 위해 레퍼런스가 많은 리액트를 선택했다도 이유가 되죠
이것저것 배우는 것보다 Javascript react 2개만 올인하는 게 취업에 좋을까요
근데 그것만하기도
힘드실걸여?
그럼 2개만
집중하면
될가욧
+cs
타입스크립트 react
두개만 해도 되실거에요
Js ts react cs
여기서 js랑 cs를 빼나요
스프린트
혹시
타스 하려면
말도 해야하나요??
자바스크립트기본이고
Cs는 기본으로 하다보면 늘고
이거 다하세요
리액트 실행하려면 노드 사용하고
Js를 빼시면 문맹이 되십니다..
스프린트 11시부터 2시까지 통화해야하는건가여??
노드를 서버로 아시는 분들이 있더라고요
첨이라 잘 모르겠네요 ㅠㅠ
Js, ts, react, 정보처리기사 자격증 취득 4개만 빡집중하면 좋을까요
게더타운에서 모여서 합니다
네!! 적극적으로 소통을 해야 합니다 협업이니까요~
프론트는 정처기 안봐요
음
정처기를 굳이 따시려는 이유가 있으실까요?
오
작게 통화해도 괜찮겠죠??
푸딩님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
정처기 따면 cs 기본은 배운다고 들어서
네~ 괜찮습니다 미리 알려만 주세요 ㅎ
그러면 정처기를 빼고 Js, ts, react 3개만 빡집중하면 좋을까요
푸딩님 반갑습니다 어서오세요 :)
네 먼저 그렇게하시고 필요한거 나올때 더 찾아하시면됩니다
만약에 인공지능반을 때려치고 나온다면 어떻게 공부를 시작할까요?? JS기초부터 하고 이력서 낼 떈느 개인프로젝트 진행해본거 내고 그러나요?
어차피 공부할게 계속 늘어날거에요
10일부터 입원을 해야해서... 걱정이 많았는데 다행이네요 ㅎㅎ.. 부담가지고 해보겠습니당
뭐랑 뭐만 하면 된다! 보다는 하다보면 할 게 점점 보일거에요 우선은 js랑 react로 시작한다 생각하시고, 필요에 의해 선택하는 게 좋을 거 같습니다!
이걸 느끼면 공부 잘하고있는겁니다
html,css도 해야합니다 ㅎㅎ.. 나중에 발목잡혀요
그거 두개만해도 벅찹니다...
그러면 정처기를 빼고 Html, css, Js, ts, react 5개 빡집중하면 좋을까요
걍 다하세요
천천히 차례대로
그 5개 해보세요 그것만 다 할줄알아도 취업은 걱정없습니다
이것만하는게 아니라 어차피 할게 계속 생겨요
계획 세워서 기본적인거부터 하시면 될거같아여
아직 학부생이라 시간도 많을텐데
천천히 깊게해보세요
4학년이라
아 ㅎ..
2개만 해도 벅차다고 하셨는데 그러면 Html, css, Js, ts, react 중에 js react만 조지면 되나요
마음 급하게 먹는다고 무조건 잘되는게 아니더라구요. 천천히 해보면 될거같습니다 ㅎㅎ
~만 하면 될까요? 의 의미가 있을까 싶습니다..
갈길이 멀어요
우선은 JS를 깊게 공부해 보는 게 어떨까요? 가장 기본이라서요
배울게 무지하게 많습니다
그럼 차근차근 5개 다 조질가요
넹
하시면서 직접 프로젝트 만들어보시면 좋을거 같아요
비전공이신가보네욘
옙
Html css js react/vue
순서는 HTML/CSS -> HTML/CSS + JS로 시작해보시면 좋을거같아요
Js html css ts react 순인가요
html css가 저는 기본이라고 생각하고 그뒤에 자바스크립트와 리액트 공부하시면 좋을것같아요
Html css js react ts?
개발자분들! 구인사이트 잡코리아,사람인 많이 보시나요?
html+css가 먼저 오는게 순서상 맞을 것 같아요
순서 알려주십숑
저는 처음에 html css로 화면에 나오게 하는거 부터 하고
네네 순서상은 html + css 가 맞겠네요
Html css js react
뭐라도 하나 만들어보세요! 뭘 배운다고 하는 것들은 결국 서비스를 하나 만들기 위한 도구에 지나지 않습니다~ 지금 들었던 키워드들 정도만 가지고 일단 뭐라도 하나 만들어 가면서 필요하면 찾아보세요
이게 제일 평범한 길
원티드가 제일 UI좋아서 자주 애용하고 있고 사람인, 잡코리아, 로켓펀치에서 자주 확인해보고 있어요
이라고 생각하는 1인
그 다음에 화면에 나온 요소들을 js로 접근/제어 해봤습니당
Html css js react ts 순서 메모하겠습니다 고맙습니다
화이팅!
js 고수 되고 react하는 게 제 경험상 좋더라구요
그 다음엔 여러 개의 HTML 파일로 프로젝트를 만들어보고 이후 react같은 spa 프레임워크를 이용해서 하나의 html파일로 프로젝트를 만들어 봤어요
학원에서 급하게 나가다보니 js 딥하게 공부 못하고 react했는데
로직 짜기도 어렵고
이후 그 프로젝트에 ts 추가해보면 좋을거 같습니당
면접보기 9분전
넘 떨리네융
ㅋㅋㅋㅋㅋㅋ
js 하다가 react 해도 결국 js로 다시돌아와 공부하게됩니다 구조상 순환공부가 될거에요
헉 축하드려요!
첫면접이라 매우떨려영 ㅋㅋㅋ
react 하면서 하면 됩니다
30번쯤 보면 안떨릴려나..
맞슴당..
잘될겁니다!
화이팅입니다!!
꼭 녹음 하십죠!!
넹 멘탈 탈탈 털리고 오겠습니당 핫핫
이모티콘
이모티콘
저자세로 있지 말고 또 대답하지마세요!! 면접관에게 정답을 말해줘야 한다고 생각하지 마세요~
그냥 내 이야기 해준다 생각하고 소개팅 같이~~
소개팅....
넵 !! 이건 알바면접이다 세뇌거는중 ㅎㅎ….. 후아후아
구럼 소개팅 잘보고올께요 ㅋㅋ
제가 또 소개팅만 나가면 어버버거려서..
나도 면졉관을 보고 애프터를 할지 말지 결정하는 겁니다 화이팅!! ㅋㅋ
사진
Html js react는 프론트엔드 기술인줄 알았는데 클라우드 개발자도 배우나요
sdk 개발자들도 js로 개발하니까여
우선 그냥 해보시는게 어떻겠습니까
너무 다 알고 시작하려하지 마세요 어쳐피 기억도 다 안나실겁니다
저도 금방배운거 돌아서면 또 까먹더라구여
메모리가 휘발성인건지 ..
저도에여
가비지컬렉터가 잘 작동하나보네요
ㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
아놔 ㅋㅋㅋㅋㅋ
와 12기 스프린트 지원자 30명....
js공부해서 그런지.. 애가 알아서 잘 지워주네요 ㅠㅠ
머리가 야도란인가봅니다
ㅋㅋㅋ 제 가비지컬렉터는 사용중인것도 가져가던데요 ㅠㅠ...
ㅋㅋㅋㅋㅋㅋ저도 그래요ㅠ
ㅋㅋ
기억력에 좋은 인도카레 앞으로 더 자주먹어야겠어여
넵
인도카레 아점저 == 비휘발성메모리를 가지는 습관?....
ㅋㅋㅋㅋㅋㅋ 어제 저녁으로 먹었는데 또먹고프더라구여
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ카레 좋아하시는군여
네넵 인도카레 거진 10년 전부터 찾아 먹었는데 지금은 예전보다 가게수가 좀 많이 줄어서 아쉽더라구여 ㅠ
그나마 아그라만
살아 남은?
울피치님 기억력이 엄청나시겠군여..
저도 오늘부터 단련을..
클론코딩을 좀 더 기능을 추가해서 플젝으로 내도 될까요?
그렇진않아여 ㅋㅋㅋㅋㅋ 사소한것도 까먹는거 너무많습니다 ㅠ
프론트엔드 취업 포폴은 어떤걸 주로 만드시나요?
클론코딩은 그냥 새로운 기술 입문용으로만 쓰시고
클론코딩이 플젝으로 낼만 하나요?? 하나도 몰라서…
플젝은 따로만드는거 추천드립니당
플젝 어떤걸??
쇼핑몰이라도 이름만 바꾸면 되지않나요??
설계브타 디자인까지 다 하는게 무리라서;
넘블에
자기 이력 사항을 홈페이지로 만드는거 많이하더라고요
포폴로 내려는 목적으로 프로젝트를 하지말고 성장하려는 목적으로 프로젝트를 하시길 추천드려요
있어여
어쳐피 그렇게 디자인을 중시하지 않아요
코드를 보죠
4만원이긴한데
여기 기획같은것부터 다있으니
구현해보세요
이뿌지 않으면 좋게 안본다 들어서요
백엔드도 아니고 프론트엔드면
클론해서 약간 수정해서 플젝으로 내는건
안좋게볼거에요
깔끔하게만 하면되요
그게 정말 스타일하나 없고 깡통이 아닌이상.., 괜찮을거같습니다!
왜죠??
그건 잘 모르는 사람들도 진짜 아무나할수있는거잖아요
유형이 다들 비슷해서 무엇울 할지 모르겠습니다
쇼핑몰이 아무나 만드나요?
물론 할수야 있지만
쇼핑몰을 만들더라도
자신이 공부한 걸로 마음을 담아서 만들면
괜찮을거에요
안녕하세요. 혹시 회사에서 git으로 분산관리 하실 때 rebase 많이 사용하시나요?
아마 조금수정이라는게 강의에 클론코딩 이런강의들많잖아여 거기서 api하나 더붙여서 기능수정이라고 하고 내는분들을 말씀하신것같아여
클론 코딩도 강의를 따라하는 클론 코딩이 아니라 애플이나 삼성사이트를 처음부터 작성하는 클론코딩이라면 전 괜찮다고 생각해요
어떤 프로젝트를 하더라도 이 목적으로 만든 프로젝트라면 좋게 보일거같슨비당!
프론트에서 baas로 만들수있는 플랫폼많잖아여 파이어베이스 strapi nextJS api 등등 한번 그걸로 백엔드 도움없이 만드는게 좋을겁니다
클론한걸 제 방식대로 재구성이요
오 저도 쉐도잉했었어요. 엄청 도움 많이 됬습니다.
이것을 말하는겁니당
만들어져 있는걸 클론하고 좀 더 기능을 추가하는거요
그럼 그렇게해도되요
만드시면서 배우신것도 있으실거고 분명 시간도 꽤 투자하셨을텐데 잘 정리하셔서 포폴 하나로 넣으세요
기능 추가하면 물론 더 좋죠
포폴을 보통 몇개정도 제출하나요?
있는대로 제출해라 말고
대충 3개정도 준비하나요??
1개면 충분하다 생각합니당
오오
html css js 까지 배웠는데 react한다고 했다가 시간 없어서 패스하고 안드로이드 머신러닝 딥러닝 2개월 남았는데
이걸 왜 듣고있는지 모르겠다... 막상 나간다고 해서 뭘 해야할지 모르곘어서 두려워요 ㅎ..
전 2개정도 낼겁니다
하나라도 제대로 만들 자신이 없어서
?
프론트로 생각 굳혔으면 그냥 나가는게 맞을까요... 여기가 취업연계 구조라서
리액트가 알파이자 오메가인데 그걸 스킵한다니
심지어 그걸 스킵하고 한다는게 머신러닝?
남는게 뭐죠?
시간낭비같아여
취준 기간이 점점 길어지면서 의욕이나 동기부여 같은게 점점 옅어지는 와중에, 썩 좋은 조건은 아니지만 회사에 취업이 됐는데 우선 다니면서 경력이나 경험 쌓고 이직준비하는 테크트리도 괜찮겠죵..?
취업연계에 혹하지마세요 제대로된 회사는 그런루트로 사람 안구해요
취업이 급하시면
가시는것도...
회사에서 영업시키는거만 아니면 ..
동기부여가 옅어질땐 새로운 환경에서 몸을 담그는것도 좋은 방법인 것 같습니다
일하면서 다른 공부 하고 이런게 무리하다던가 그렇진 않겠죵??
전 취준 길게 해봤자 못할걸 알기때문에 그냥 취업했습니다
회바회긴한데
보통 힘들어하시더라구요
으헉
회사마다 워라벨이 달라서 그건 알수없죠
근데 할사람은 다 하더라고여
그렇군요
저도 빨리하고싶습니다 ㅠㅠ 속도좀 내야지..
프론트엔드에서 테스트 공부하려면 JEST가 나을까요??
열심히 해보겠습니다
제스트가 젤 많이쓰는걸루
알고있습니당
이모티콘 그렇군요! 답변감사합니다.
고수님들 배열이 비었다면? 이렇게 해라 하고 싶은데 이걸 코드로 짜면 어떻게 해야하나요? data=[] data?이렇게해라.: 아니면 이렇게 해라. 라고했는데 data가 빈배열인데도 있다고 떠서 여쭤봅니다.
length?
아! 감사합니다!
Js로 머신러닝 안드로이드가 되나요
혹시 부트캠프 국비 안 하시는 분들중에 유튜브 처럼 인터넷으로 강의 듣는 사람 있어요??
머신러닝 python 안드로이드 자바 코틀린 아닌가
머신러닝 파이썬으로 할 예정이고 안드로이드는 자바로 하고 있습니다
js는 배운게 끝이고 더이상 진행하고 있지 않습니다 그래서 고민중이에요 ㅋㅋ.
나가서 뭘 어떻게 시작해야할지 몰라서
너무 중구난방인거같아요
[], {} 는 if문 조건을 통과함니다
falsy가 아니어서
맞아요 ...그래서 지금 나가려고 생각하고 있고.. 어떻게 해야할지 몰라서 자문을 구하는 중입니다 ㅋㅋ
장렬이 전사했습니당
ㅋㅋㅋㅋ아 넘 헛소리함
오 면접 끝나셨군요
야미님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세용
이슈 질문좀 해도 될까용?
원래 잘봤다 생각하면 떨어지고 못봤다 생각하면 붙는 경우가 많아요 ㅎㅎ 걱정마세요
풀스택 하시나요
안녕하세요~
안녕하세요 Electron 관련 해서 질문이 있습니다. 현재 main.js 에서 ipcMain.on() 해서 renderer 에서 넘겨주는 이벤트를 받고 있는데, ipcMain.on() 을 다른 파일로 분리해서 작성해도 상관없나요 ??
마자요 저도 지금 회사
진짜 면접 죽쒔는데
붙엇습니다
과정은 인공지능 빅데이터 과정이구요 와서 하다보니까 프론트가 맞는것 같아서 프론트를 하려고 하는데 과정이 ㅋㅋㅋ... 백엔드 프론트 다 섞여있어서
강제로 하는중입니다
react 로 만든 페이지를 flutter에서 웹뷰로 띄우려고합니당 그 웹뷰 내용에 앱스토어와 플레이스토어 로 가는 버튼이 있습니다. 그런데 android는 appstore 웹으로 뜨고 playstore 도 잘 뜨는데 ios 는 playstore만 잘 뜨고 appstore는 안뜨네요 버튼이 무반응 이거나 흰색화면 밖에 안떠요 해결방법이 있을까요?
webkit 문제일수있어요
과거에 RN 에서 똑같은 문제가 있었던것 같은데 webkit 관련 설정을 제대로 해주지 않아서 발생했던걸로 기억합니다
저요
어디서 듣고 계신가요??
인프런이용
유투브 외국 강의도요
오옹.. 혹시 가격대가..
노마드코더 인가요?
가격대가 다 달라서 ㅎㅎ
아니용
인프런은
혹시 실례가 안 된다면 유투부 링크좀 알려주실 수 있을까요?
삭제된 메시지입니다.
삭제된 메시지입니다.
아
유데미랑
헷갈렸네요 ㅠㅍ
이모티콘 강의 들을만 한 곳 추천좀 해주세요
유데미 인프런 유튜브
유데미 좋아요
전 유대미 듣고 있는데
아주 만족중입니다
저도 ㅎㅎ
css animation 에 대해서 좀더 자세히 배우고싶은데
그런것은 어디서 배우는게 좋을까용?
유튜브용
아하
넵
vim 캠프 css잘가르쳐주세요
vim 캠프 치면되나용 ?
옙
유튜브 누구 들으세요??? 여러분들은
2년 되어가는 프론트엔드 개발자는 어떤 걸 더 학습하면 좋을까요? 지금은 현재 일하면서 발견하는 이슈나 새로 알게되는 것 위주로 공부하고 있는데 조금 더 깊게 cs를 공부해야하나 싶고 그러네요. 결국 하나씩 다 하긴 해야하겠지만 조금 더 우선순위를 어디로 두면 좋을지가 헷갈립니다. 오래 일하고 계신 분들은 어떻게 생각하시나요?
+1 !
프론트엔드 면접질문 키워드 공부하기
사진
사진
잘 돌아가던 게 갑자기 이런 에러가 뜨는데 왜인가요?ㅠㅠ
33번째줄에서 console.log(basicRoutinArray를 찍으면 배열로 잘나옵니다ㅠㅠ
앞에 basicRoutinArray && 를 추가하고 매핑해보면 어떨까요?
넵!
basicRoutinArray의 초기값이 [] << 아직 빈배열이라 map을 돌릴수 없어서 안되는거에요!
selectBasicRoutin[0].routin 이 배열인지 확인해보세용
근데 4쨰줄 useState 비구조화할당 {} 로 하셧네요 [] 인거같습니다
[]배열로 되어있지 않나요?..
리액트돔 렌더에서 떠서 어떤것인가했는데 그럼 해결방법이 어떤게 있나요? 구조를 배열로 주려고했던건데
간단하게 더미데이터를 넣어두셔도 됩니다.
로딩을 넣는 방법두
저위에 아까 어떤분이
&&로 엮으라고 하신거처럼
https://docs.google.com/forms/d/e/1FAIpQLSeca-m3ispOic6JpHaS-pgLfVLmf0sAPOF9ceRv7Nkx0RcCZQ/viewform?usp=sharing 선배님들 학과 50주년기념 엠블럼 최종 시안이 나왔습니다. 그래서 마지막으로 하나를 추려내기 위해서 투표를 통해 뽑으려고 하는데 선배님들께서 좋으신 안목으로 투표를 한 번 도와주셨으면 하는 바람에서 이렇게 부탁드리게 되었습니다! 선배님들께서 바쁘시지만 양해 한 번 부탁드리겠습니다 감사합니다! 좋은 하루 보내십시오!😀
이모티콘
routinArray && routinArray.map 이런식으로 쓰면
배열에 값이 있을때만 렌더링할수있어요
아니면 삼항연산자로 배열길이 체크하셔서 0이면 안나오게 처리하셔도 되고요
Array.isArray(basicRoutinArray) 일때 map 돌리시면 타입가드 될거에여
야미님이 나갔습니다.
basicRoutineArray?.map 로 해보실래요~?
잘나옵니다 ㅠㅠ
사진
선배님들의 조언 감사합니다. 해결해보고 말씀드리겠습니다ㅠㅠ
노션 페이지를 react-notion 사용해서 리액트로 가지고 오려고 하는데 혹시 경험 있으신분 계신가요?
optional chaining 한번 공부해보셔도 좋을것같아요~~
후회중이네요 ㅎㅎ..ㅠ
근데 여러뷴 원서 넣으실 때
어디서 찾으세요???
사이트??
처음 페이지가 로드되자마자 최초 렌더링될 때 selectBasicRoutin이 그냥 빈배열이 되는거 아닐까요? 그러니 그 다음 라인인 setBasicRoutinArray(undefined) 되어서 map 메서드가 없는거 같은데
사람인??
useEffect selectbasicRoutin 아래 콘솔 한번 찍어보심이?
프로도님이 나갔습니다.
아까 위에 관련한 대화 오갔던것같아요~ 참고해보심이!
와 죄송합니다 ㅠㅠ 처음 DB만들때 넣었던 더미값이 배열이 아니었는데 그 친구 하나때문에 오류가 난거였습니다...ㅠㅠㅠ 다들 도와주셔서 감사합니다. 특히 아까 Array.isArray알려주셔서 감사해요. 하나씩 필드값 찍다가 깨달았습니다.
혹시 렌더링이 여러번 이루어지고 있을때 무엇이 원인인지 찾아내는 팁같은게 있으실까요? 전체 로직을 다 주석처리하고 콘솔만 남겨놨는데도 3번씩 렌더링이되고있네요 ㅠㅠ 왤까요…? props 받아오는것도 없고 state도 다 주석처리했는데 ㅠㅠ
사진
next 사용중이고 strictmode 꺼도 2번이네요 흑흑..
로직 내에 useEffect문을 사용하고 계신가요?
딥러닝 진짜 너무 어렵네요 머리의 한계입니다 ㅋㅋ 탈주각 잡았습니다 유데미 인프런 추천해주신 분들 감사합니다
사용하고있긴한데, 컴포넌트 내부의 모든 로직을 주석처리해도 2번 발생합니다 ㅠㅠ
한번 vscode 껐다켜봐야겠습니다 ㅠㅠㅠㅠ 이럴리가 없는데
프로바이더로 감싸여져있진 않나요 ?
정상인거같은뎅ㅎㅎ…
부모가 있다면 부모 컴포넌트가 렌더링되고있나 확인해보셔요
사진
strict Mode 사용하면 원래 3번찍히지않나영
라이프사이클 잘 생각해보세요~!
헉… 저는 기본 1번이고 strictmode true면 2번인줄 알았어요 ㅠㅠ 감사합니다!!
혹시 window.scrollTo() 기능 아이패드에서도 사용해 보신 분들 있으실까요..? 맥이랑 아이폰에서까진 기능지원이 되는데 아이패드에선 동작을 안하네요ㅠㅠ
safari 넘나 예민한 친구....
헐 진짜요??
네 그렇더라구요ㅠㅠ
제가 구글링을 잘 못하는건지 아이패드 이문제에 대해선 자료도 별로 없네요ㅠㅠㅠ
혹쉬 이미 이 문제 겪어보신 분이 계실까싶어 여쭤봅니다...!
질문 있습니다 정규식 혹은 다른 방법으로 문자열에서 \ 거르는 방법이 뭐가 있을까요?
split('\')
split('\').join()
사진
ㅋㅋㅋㅋ 지금보고 웃었네여 ㅋㅋ
join할필요도없네여
아하 저렇게 하는군여 감사합니다!
'' "" `` 가 안먹혀서 어떻게 해야하나 고민중이었슴다 ㅠㅠ 감사합니다
next.js 하다 라우팅 때문에 질문하나 해도 될까요
home 으로 들어가도 리스트가 보이게 하고 싶은데 router.push 로는 해결이 안되는거 같아서요
@좀버프론 좀버프론님 갠톡 가능하신가요?
프로필 눌러서 챗 주세욥!
emotion 에서 자식요소에 접근하려면 어떤식으로 접근하나요??
선생님들 약관내용을 프로젝트에 넣으려는데 단순히 생각했을때 텍스트만 복붙하면 되는줄알았는데 넣고보니 태그 형식으로 넣어야할것같더라구요.. 혹시 태그형식으로 일일이 넣어야하는지.. 보통 어떤식으로 처리하는지 궁긍합니다!
일일이 처리합니다 ㅋㅋ..
랜딩만들듯 한땀한땀 태그로 만들던지 아니면 데이터화 시켜서 태그 매핑..
정답은 아니지만 마크다운문서로 작성한다음 마크다운를 태그로 변경시켜서 랜더링합니다
ㅋ코드만 6천줄이넘어가는데
일일이 처리를한다구요..!!!?
누군가는 입력을 하긴 해야하는데 ㅋㅋㅋ 백엔드에서 내려줄 건지 프론트에서 작성할건지 고민이 필요할듯요?
ㅋㅋㅋ일단 수작업인건 확실한건가요?
사진
사진
사진
티스토리에서 진행해봤는데 이런식인가요..
저는 이렇게 쓰고 마크다운 문서에서 카피해서 가져옵니다. (기존의 정책 문서가 마크다운으로 작성되어있어서 이렇게 구현한 것도 있어요)
워드로 작성되어있긴한데
노가다가 필요한 작업이였군요..
안녕하세요~ 제가 프로젝트에서 파이어베이스 써보려고 하는데 혹시 추천하시는 강의있을까요?
강의나 글 다 좋습니다 ㅎㅎ 공문하고 병행하고 싶어서요!
노마드용
노마드코더 파베강의가 있군용!! 감사합니다 ㅎ
파이어베이스 버전 9가 가장 최신으로 알고 있어요 강의 보실거면 버전확인해보시고 수강하시길요 저는 버전 9 유튜브나 구글링해서 감 잡고 독스 보면서 했어요 파이어베이스 어느 정도까지 사용하실지 모르겠지만 당시 취준이었던 제 기준으로는 사용이 간단한 편이었어요!
선배님들~ 공부를 하다보면 끝없이 가지 칠때가 있습니다. 예제 코드를 보다가 ReactElement에 대해 찾게 되고, 그 안에서 다시 네임스페이스패턴을 찾아보게 되고 또 즉시실행함수를 찾게되고..
모르는게 많아 그렇겠지만.. 이러다보면 결국 읽을거리가 많아져 미루게 되거나.. 원래 주제에서 벗어나서 해메게 되네요ㅠㅠ
공감됩니다ㅋㅋ
지금처럼 그냥 꾸준히 하는게 맞는걸까요? 공부방법에 대한 조언 부탁드립니다..!!
목적이 취업인가요??
네 그렇습니다
목적이라기보단 지금준비하는것이..
아하그럼
잘걸러서보셔야할거같아요
잘하고 계신것같은디..
면접에나올만한건 깊게보되
이게 계속끌수없으니까 다른건 사용가능할정도로
아하.. 조금은 효율적으로(?) 보란 말씀이시죠?
저도 완전 그랬어요 처음에ㅋㅋㅋ
저는 1년전에 공개적으로(?) 물어볼 기회가 생겨서 물어본 적 있었어요! 사설부트캠프 프렙들으면서 질문한 내용이라 공유해도 되는지 모르겠지만 일단 제 질문이었으니까 올려볼게요~~~ https://youtu.be/GXxEplktHRA
리액트 공부하다가, 코딩테스트에서 자주 낙방하여 부족함을 알고 다시 준비 중인데 코딩테스트 준비도 어렵네요...😥
코테 준비할때 알고리즘 개념 전부 익히셨으면 리트코드 콘테스트 문제 풀어보는것도 좋아요 1시간30분동안 4문제씩 시험처럼 볼수 있어서 좋습니다!
혹시 코테준비는 자바스크립트로하시나요?
넵
영상 도움 많이 되었습니다!! 감사합니다
답변해주신 분들 감사합니다
감사합니다 ! 이해완료 외치고 다른 문제 보면 어.. 하는 수준이라, 조금 더 파고 들어보고 도전하겠습니다 ! 😄😄
이모티콘
혹시 바닐라js로 프로젝트하는 경험이 초보일 때 많은 도움이 될까요? 리액트와 바닐라js 둘 다 프로젝트 경험은 있지만 둘 다 높은 수준의 프로젝트는 아니고, 다음 프로젝트를 시작 해보려고 하는데 둘 중 어떤거로 정해서 할지 고민이네요.
바닐라js로 먼저하는 걸 추천합니다
전 리액트 제대로해보는거 추천합니다~ 리액트로 좀 복잡한 플젝 다루고나서야 모듈화의 중요성, 많은 구글링과 리액트 패턴에서 배운 좋은코드 가이드 등 배운게 많아요 바닐라는 너무 자율성이 높아서 초보에게 가이드라인 제시가 어렵고 좋은코드가 뭔지 알기 어려웠습니다
물론 동시에 딥다이브같은 바닐라 동작원리 이론(?)공부 병행하면 더 좋겠죠
아하 전체적인 프로젝트 구조나 패턴? 같은거를 익히기엔 리액트가 더좋은걸까요?
이유를 물어봐도 될까여?
네 아무래도 라이브러리에서 추구하는 기본적인 패턴이 있고 사람들이 더 잘써보려고 노력하는 레퍼런스 글도 많고, 그래서 그런글을 읽어보며 이런걸 사람들이 고민하는구나, 이렇게하면 훨씬 편하구나 많이 배웠어요!
저도 바닐라 js로 해보고 답답함(!?)을 느낀 상태로 같은 플젝을 리액트로 바꿔보면 베스트요
'자바스크립트로 다 할 수 있는 상태에서 편의를 위해 사용하는게 라이브러리다' << 요런 생각을 가지고 있습니다!
저도 공감해요. 직접 바닐라 js로 돔 건들여보고 이것저것 해보고 리액트같은 라이브러리 쓰면 리액트를 이해하는데에도 도움되었어요
여태 자바스크립트로 만들다 리액트 테일윈드 쓰는데 신세계 경험중입니다
이게 된다고!? (헉) 이런 느낌
아 플젝 좀 해보셨다고해서 저도 이정도수준은 해보셨다고 가정하고 말씀드린것입니다...!
다음 프로젝트에선 패턴같은 것도 고민하면서 진행해봐야겠군요! 답변 감사합니다 ㅎ
기존 바닐라프로젝트를 리액트로 변환해보는 것도 서로 장단점을 느끼기에 좋은 경험일 것 같네요! 답변 감사합니다 ㅎㅎ
이모티콘
둘다 좋은 경험이죠
취향차이 아닐까요
기초가 탄탄하면 -> 리액트 할때 훨씬 수월
리액트 하면서 기능 마다 JS 익히기 -> 생존본능
제얘기네요...
저두 이걸로 코딩합니다
물론 구글링은 덤으로 가져가야 하지만
ㅇ론부터 시작하면 지루할때가 많더라구요
걍 죽어도 고가 최고에요
이론 넘 머리앞 ㅜㅜ
저도 바닐라로 addeventlistner하고 queryselector하면서 코딩하다가 리액트하니까 아 이래서 리액트 쓰는구나 하면서 공감이 됐어요
리액트는 가상 돔과 상태를 이용한 다이나믹 ui만들기가 진짜 편하죠
이모티콘
선배님들 마지막으로 한 번만 더 부탁드립니다! https://docs.google.com/forms/d/e/1FAIpQLSeca-m3ispOic6JpHaS-pgLfVLmf0sAPOF9ceRv7Nkx0RcCZQ/viewform?usp=sharing 선배님들 학과 50주년기념 엠블럼 최종 시안이 나왔습니다. 그래서 마지막으로 하나를 추려내기 위해서 투표를 통해 뽑으려고 하는데 선배님들께서 좋으신 안목으로 투표를 한 번 도와주셨으면 하는 바람에서 이렇게 부탁드리게 되었습니다! 선배님들께서 바쁘시지만 양해 한 번 부탁드리겠습니다 감사합니다! 좋은 하루 보내십시오!😀
이모티콘
???
잘못올리신거아닌가요?
아닙니다!
설문했습니다
개발자의 안목이라.... 맨날 욕먹지만 선택해드렸습니다
감사합니다!🫶
쇼힝님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세용
안녕하세요 쇼힝님!! 반갑습니다 :)
안녕하세영
여기는 프론트엔드에 대해서 궁금한 것들을 묻고 아는 것은 답해주고 공유하는 곳이랍니다~ 언제든 궁금한게 생기거나 함께 나누고 싶은 이야기가 있다면 편하게 글 남겨주세요
와 axios 1버전 릴리즈 됐네요
로고도 이뻐졌네… 다들 설치하실때 확인하셔욥
오우
바로 보겠습니다
오 현파랑님 저번 스터디는 잘 마무리 되셨나요
스프린트12기 참여하고싶은데 이제 자바스크립트 배운 사람은 좀 어려울까요??ㅠ
안녕하세요 제가 현재 컴공 1학년 학부생인데, 웹페이지를 만들어보고 싶어서 혼자 해보는 중입니다아.. 제가 원하는 방향으로 스타일링이 잘 안돼서 그런데 혹시 어떻게 해야 제가 원하는 대로 되는지 질문해도 되나요?
와 1학년부터... 빠르시네요..!
코드를 보여주시는게 빠를덧같아요
참가에는 제한은 없습니다 본인이 그래도 기여할 수 있을 게 있다고 생각이 된다면 한번 도전해보세요
강님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세여 강님~~ 반갑습니다 :)
답변 감사합니다!
아앗 넨ㅂ넵 잘 끝났어요 :) 부족한게 많았는데 다들 잘 참가해주셔서 좋게 끝났습니다
스프린트 팀 매칭은 어떻게 이루어 지나요? 랜덤으로 매칭 되는 건가요?
첫날에는 각자가 생각해온 아이디어를 발표하고 투표를 통해 선정된 아이디어 중에서 같은 아이디어에 투표한 사람들끼리 팀으로 선정합니다
다만 한 팀에 너무 많은 사람이 몰리게 될 경우에는 랜덤하게 다른 팀으로 분배를 해드립니다
오! 좋은 방법 이네요 ㅎㅎ 좋은 기회 만들어 주셔서 감사합니다.
감사합니다 테오님!
네~ 편하게 물어보세요 FE님 처럼 스샷이나 코드가 첨부되는 편이 더 물어보기 좋을것 같아요
넹 잠시만용 .. 감사합니다 ..
사진 2장
채팅방 관리자가 메시지를 가렸습니다.
요기서 저 중간에 하얀부분 ,,
어떻게 없앶 ,,
없애죠...? ㅠㅠ
그리고 제가 만든 버튼도 사라졌는데 .. 어떻게 된 일일까요 이게 ..
개인정보가 담긴거 같은데 수정하시는게 좋을 것 같습니다
푸터의 경우 맨 아래에 가변으로 두기 위해서는 absolute로 맞추기 보다는 다른 방법을 우선 추천 드립니다. https://css-tricks.com/a-clever-sticky-footer-technique/
앗...
그리고 가운데 하얀 부분은 내부 컨텐츠 영역이 모자라서 생기는 것 같은데 height를 100% 주거나 flexbox 한번 알아보시구요
채팅방 관리자가 메시지를 가렸습니다.
채팅방 관리자가 메시지를 가렸습니다.
채팅방 관리자가 메시지를 가렸습니다.
이모티콘
table에 margin-top이 500이나 되는데 이상하게 출력될 것 같아요
코드를 다 보거나 디버깅 툴로 본게 아니라서 반쯤은 궁예짓이다 보니 확실치 않을거에요
혹시 스프린트
나이제한은 없나요?
대략적인 방향성이나 키워드가 아니라 구체적으로 딱 맞는 해결책을 원하면 codepen이나 stackbliz replit과 같이 코드 공유 사이트로 공유를 해줘야 알 수 있습니다
넵
스프린트 인원제한은 없나요??
제한은 안 두려고 합니다 그리고 일단 다 채워질거라고 생각하진 않지만 게다타운의 max가 25명이라 2개를 연다고 생각하고 저 포함 49명까지가 물리적인 최대인원이라고 생각하고 있어요 그 이상이 온다면 프로세스를 지금과는 달리 해야 할것 같아요
오 답변 감사합니다!
톡방에 사람이 많아져서 그런지 스프린트도 참여 인원이 엄청 많아졌네요 ㄷㄷ
피치피치님이 나갔습니다.
누누님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 누누님 반갑습니다 어서오세요 :)
이모티콘 안녕하세요~
스프린트 신청서 보고있는데 닉네임 다들 잘 지으시네요 ㅎㅎ 저게 젤 어려웠던거 같은데요.. ㅋㅋㅋㅋ
이곳은 프론트엔드에 대해 궁금한 것들을 물어보고 아는 것은 알려주면서 함께 성장하고자 하는 곳입니다~ 뭐든 편하게 글 남겨주세요 질문 뿐만 아니라 관심있어 하는 주제나 고민 상담 본인이 작성한 글이나 프로젝트 홍보 다 환영합니다
혹시 reset css를 적용했는데도 브라우저마다 다르게 나오는 오류를 해결해보신 분 있으신가요..?
보통 import까먹었을때…?
사파리랑 크롬이랑
좀 달라요
홈으로 접근할 때 유저가 특정 상황이면 특정 주소로 리다이렉트 시켜야하는 상황에서 홈 컨텐츠가 노출이 안되게하려면 어떤 방식으로 구현해야할까요 ㅠ
그러면 어떻게 해야할까요...
사파리랑 크롬이랑 띄워놓고
테스트해야됩니당...
좀 부모에서 자식을 컨트롤하는방향으로
전 그렇게 했던거같아요
페이스북 직원의 15% 해고 (약 12000명) 곧 다가올 IT 불황의 시작 https://nypost.com/2022/10/04/facebook-to-purge-thousands-of-workers-in-quiet-layoffs/
페북이 가장 힘들긴 한가보네요 안좋은 뉴스는 다 페북이네..
이모티콘
IT 버블이 꺼지고있다고 표현 하시더라구요..
헉...
아직 프론트엔드 이직 못했는데 불황이라뇨 ㅠㅠ
흠…
아직 취업도 못했는데..
시기가 시기인만큼… 더 열심히 해야겠어요 ㅠ
혹시 파이어베이스에서 구글로그인 했을때 이름이랑 이메일 포토url말고 성별은 못가져오나요?ㅠㅠ 파베 고수구합니다.
사진
아래와 같이 feedback 이 들어왔는데
무슨소린지 설명 해주실뿐 ...
code는 제가 짯는데 피드백이 아래 코멘트와 같이 왔어요
child 함수라는게 무엇이죠 ..?
언어 js 입니당
closure로 짜기를 원하는 것 같네요 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures 요기에 counter 예제 보시면 될 것 같습니다
S달라의 프리즈엘리먼트 함수를 프로퍼티로 갖게만들어라같기도하고..
s$객체의 메서드로 추가하라는 말씀같네요 혹시모를 에러를 방지하기위해서
그건 파베가 아니라 구글OAUTH에서 알아봐야합니다
오..저도 궁금하네요 저거 어떻게 해결을 해야하는건가요?
이렇게 하려면.. 클로저를 이용해야하나욤?
말그대로 s$.freezeElement = () => {} 이런식으로 사용하자고 하는 것 같아요
s$는 class인가요? function인가요? 아니면 그냥 전역객체인가요?
const s$ = (a) => document.querySelctor(a)
이렇게 정의 되어 있습니당
아하.. 감사합니다 ㅠㅠ 파베 데이터가 OAUTH json이랑 연결이 되어있는건가요?
아녀 서로 격리되어있어요
그러면 그 아래에 s$.freezeElement = (selector) => {...} 이런식으로 코드를 작성하시고 s$freezeElement(..) 형태의 함수가 아니라 s$.freezeElement 이런식의 메소드 방식으로 사용하길 바라는거 같네요
클로저 개념이 아니라 그냥 단순하게 s$ 함수에 메서드를 추가하는거 같습니다
아 단순히 메서드 추가인거군요~
s$freezeElement(..) 이런 함수로 작성하면 s$와 따로 연관이 없는데 s$.freezeElement(..) 로 작성하면 s$가 없다면 오류가 발생하니 이렇게 에러를 예방하라는 말같아요
함수 정의 할때 함수명에 중간에 . 넣으면 에러나네요 ...???
코드 어떻게 작성하셨나요?
앞으로 작성하신 코드를 먼저 보여주시는게 빠릅니다.
넵 감사합니다
잠시만여
사진
si 업체랑 스타트업체는 무슨 차이인가요
엄지척 튜브님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
삭제된 메시지입니다.
단수히 메서드를 추가하는 방식이 위와 같다고 생각해서 위와같이 적었습니다. 맞는지는 모르겠지만 다들 도움될만한 말씀 해주셔서 감사합니다 ㅎㅎ.
엄지척 튜브님이 나갔습니다.
return 을 만나면 밑의 코드가 실행이 안됩니다 그래서 어두운색으로 나타나는거고요
엇 리턴을 나뺏네여;
s$ 는 함수가 아니라 선택된 element 의 객체가 되도록 한번 짜보시고 그 객체의 method 에 freezeElement가 있게끔 짜보시는게 어떨까요
넵 한번 해보겠습니당
사진
s$를 element의 객체가 되도록 하면서 동시에 method를 내부에 어떻게 꽂아 넣는지 ... ㅠ
정적메서드 프로토타입메서드와 생성자함수를 생각해보시면…?
엇 키워드 감사합니다
잘 하신 것 같은데요 const a = new s$(selector) 방식으로 재활용 할 수 있으니 저라면 이 방식을 쓸 것 같습니다
좋은 방향 제시해 주셔서 감사합니다!
참고로 querySelector 가 리턴하는 Element 의 prototype에 아예 freeze 메소드를 선언하는 방법도 있습니다
피자 먹다 자는 무지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
엄지척 제이지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
시원한 어피치님이 나갔습니다.
리액트의 하이드레이션에 대한 글입니다. 하이드레이션이 가진 기능적인 편리함과 이를 통해 유저는 어떤 이점를 얻을 수있을지 알수 있는 글이었습니다. 하이드레이션에 대한 아주 좋은 인사이트를 얻을수 있습니다. https://blog.mathpresso.com/suspense-ssr-architecture-in-react-18-ec75e80eb68d
콴다의 최신글들이 특정 키워드, 기술에 대해 딥하게 파고 들어서 더욱 매력적이네요
맷돌님 계신가요? 주무시나..
사진
혹시 이 에러 관련 어떤 에러인지 아시는분 ㅠ
아, 해결했습니다. 인풋에 초기 value가 null이라서 뜬 에러였네요. 초기 값을 useState()로 줬는데 이게 에러를 가져왔네요. useState('')로 해결가능했습니다. 공유요~
인풋관련 에러인가봐요
오우 해결하셨네요 밑에 답을 왜 못봤을까요 ㅎㅎ...
그래도 답변해주셔서 감사합니다ㅎㅎ
사진
DropdownLi 컴퍼넌트에 삭제하는 함수를(deleteEditMyroutin / 59번줄) 내려주고 배열에서 요소를 삭제하려고하는데 해당 인덱스가 삭제되는 것이 아니라 앞쪽부터 없어지는데 왜그럴까요?ㅠㅠㅠ
.slice는 원본 배열를 변형시키지 않고 새 배열을 반환합니다. 지금 코드에서는 새로 변형된 배열을 받는 변수가 없네요
감사합니다. useState로 반환된 값 자체를 기존 배열에 씌워주는 작업해보겠습니다. 힌트주신부분이 이게 맞을까요?
.splice 와 .slice 를 혼동하신것 같습니다. 위 코드는 splice 로 바꾸시면 원하시는 대로 동작합니다. 그러나 보통 array.filter 를 써서 새로 반환되는 배열을 상태에 덮어씌우는게 일반적일 것 같습니다.
죄송합니다. 제가 잘몰라서.. 계속 여쭤보네요ㅠㅠ filter를 사용하라는 것이 이벤트 밸류값을 기준으로 이 값이 있는 데이터를 지우라고 해서 배열을 갖고오라는 것으로 이해했는데 맞나요? const resultFilter = basicRoutinArray.filter( (data) => data !== inputNewValue, ) 이해한대로 짜봤느넫 에러가 나서 여쭤봅니다ㅠㅠ
네 코드로직은 맞는데 inputNewValue 뒤에 불필요한 쉼표가 있네요
그리고 DropdownLi 에deleteEditMyRoutine={(data) =>setMyRoutine(myRoutine.filter(routine => routine !== data)} 이렇게 data를 클로져로 박아놓으면 깔끔하지 않을까 싶습니다. 지금처럼 분리하고 싶으시면 deleteEditMyRoutine={(data) =>deleteEditMyRoutine(data)} 로 빼셔도 되고요
감사합니다.
에러 찾다보니 밤을 샜네요ㅠㅠ
ㅠㅠ
닉값하시네요.. 엄청 열심히하셔서 금방 고수되실거같아요 ㅎㅎ
선풍기 바람 쐬는 어피치님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
열정 멋지십니다..
@무한공부중 무한님 현엽에 계신가요?
이모티콘 굿굿..
혹시 antd나 mui같은 것들 중에 추천 해주실만 한 것 있으신가요?
antD가 예쁘긴합니다..
이전 버전은 문서찾기가 좀 거지같아지는(,…..) 경향이 있긴한거 가타여 갠적으론
ui 프레임워크는 다 고만고만해요 전 antd가 젤 좋음
앤트디는 무거워요
antd보다 mui가 css 커스텀하기 더 쉽지 않나요?
전 개인작으로 mui가 이쁘고 가벼운거 같아요 앤트보단
커스텀하는것도 수월해요
개인적 의견이지만 중국산을 싫어합니당 ㅋㅋㅋ
ㅋㅋㅋ
ㅋㅋㅋㅋㅋ
엔트디 엠유아이 더 고민해야겠네요
거기서 가기라고 생각하긴해여 저도 ㅋㅋ
Antd 이벤트가 적어서 좀 그래용
근데 mui는 너무 안드로이드 스럽고
mui는 진짜 안드로이드같아여 ㅋㅋ 제대로 표현하신덧..
뷰붕이 시무룩..
소심한 네오님이 나갔습니다.
mui 전에는 예뻐보였는데 먼가 점점 못생겨보이는 느낌..
뷰는 예외처리
ㅋㅋㅋㅋㅋㅋ
@좀버프론 좀프님 유데미 들으신다고 하셨나요??
인프런?? 인프런은 무료가 많네요
좋은 무료 강의도 많지만 왠만하면 조금 돈 쓰는게 강의 퀄리티도 높아서 ㅎㅎ..
배움에 돈을 아끼면 안됩니다 !
노드버드 들어보세요
사진
오호 강의 추천인가유? 추천감사합니다!
js도 이제 걸음마라서
js 추천은 혹시 있을까요?
이거 답이 조금 늦은것같지만 Nextjs사용한다면 getServersideProps에서 리다이렉트 해줄수있습니다
모던 자바스크립트 딥 다이브 책
추천합니당
_app에선 못쓰는거로 알아유 ㅠ
메인이시라면 index해서 해주면 되지않나여?
아니면 커스텀서버에서..?
예시가 홈이긴한데
모든 페이지에서 동작해야해서요
어떻게 원하는대로 동작하게 만들긴했는데
맞는지모르겠네요 ㅋㅋ
그거 HOC로 감싸주고 HOC에서 로직 처리했던것 같아요
저도 그생각했는데 맞을까해서 ㅋㅋㅋㅋㅋ
비슷하게 authRoute처럼 컴포넌트 하나 만들어서 children 또는 로딩바 노출되게 처리하긴했습니다 ㅋㅋ
해결하셨다니 다행입니당
리액트에서 선택됐을때 스타일을 변경시켜야하는데 className으로 스타일 변경을 추가 삭제를 많이들 하시나요, 아니면 컴포넌트 내에서 state로 style 프로퍼티에 직접 입력을 해주시나요?
hoc로 해볼까하다가
그냥 저렇게 했네요 ㅋㅌ
엄청 두껍던데 시작부터 무섭네요 ㅋㅋㅋ
딥다이브
감히 살 엄두가 안나더라구요
ㅋㅋㅋㅋ
백과사전이라 생각하고 보는중입니다 ㅎㅎ..
딥다이브 초짜한테는 어려운거같아요 ㅠ
어느정도 기초다지고 해야
좀 볼만한 책인듯..
그런거같긴합니다 ㅋㅋ
삭제된 메시지입니다.
아 아닙니다 이건 다들 말이 달라서 ㅎㅎ..
솔직히 백과사전은 구글이라는 최고의 백과사전이..
전 그래서 굳이 안샀습니다 ㅋㅋ
전 회사돈이라 샀습니다 ㅋㅋㅋ
두고두고 보기 좋아요 무겁고
ㅋㅋㅋㅋ 무겁고는 왜 강조하시는..
묵직한게 손맛이 있긴하죠
딥다이브 책으로 내려치면 상해죄 적용되나요? 거의 둔기던데
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 너무 웃겨요
ㅋㅋㅋㅋㅋㅋㅋ
책은 흉기적용 안될걸요 …? 판례잇다고 들엇던거 가튼데 (진지)
이모티콘
아놔 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 빵터졌어여
딥다이브 분철 안하고는
보기 불편하더라구요
필기가 너무 힘듬..
나중에 중고로 팔려고해도 안팔릴거같은책..
아니예요 진짜 잘팔려요
당근에서 중고로 싸게 사볼려했는데
경쟁에 2번 밀려나서 그냥 새책 샀네요
딥다이브가 유명한책인가요
딥다이브 저도 읽고잇어요!
유명한 이유가 있는책이라고 생각합니다
내용 알차고 좋았어요
아....바야겟군요
카이카스님은 굳이 필요없을것같습니다 ㅎㅎ.. 너무 고수라서
사진
저 이미지 뒤로 삐져나온거
어케 처리하면 좋을까요
저 밀려나고있습니다 최신내용을 너무안봐서
티안나게 div안에 이미지를 넣고 싶은데
딥다이브는 기본서라 최신내용원하시는거면 안맞으신거같아염
overflow:hidden 처리해도 안될까여?
감싸고 있는 div에요!
딥다이브 진짜 좋아요! 오히려 초보자에게 더 필요한 책이라고 생각해요 ㅎ
코어 자바스크립트랑 딥다이브 같이 읽으면 좋더라구여
저번에 네오님께선가? 알려주셨는데
짱입니다 ㅎㅎ..
한번 완독하고 그 뒤론 백과사전처럼 곁에 두면 될거같아여
마자여 완독은 추천드려여..!
https://codepen.io/kinnatzzang/pen/yLjqJYP 코드펜 보내드려여…. main-container, temp-box에도 overflow:hidden 넣어봤는데 이미지 크기가 더 큰지 뒤에 삐져나온티가 자꾸나네여 ㅠ
부모에 transform: translateZ(0); 넣어도 삐져나오나요
temp-box에 넣어도 반응이 없네요 ㅠ ……
이미지가 없어서 안보이네여 ㅠㅠ
혹시 이미지에
display:block 한번 줘보시겟어요?
.AF1 { display:block; } 이게 이미지 클래스 이름인데… width: 100%, height: 100%로 줘봐도 그대로더라구여...
흠… 혹시 개발자 도구열고
요소 선택 해보셨을까여..?
사진
패딩이나 마진기본값이 있어서 그런거때문에 뭉그러질수도있다는 생각..
ㅋㅋㅋ뭐죸ㅋㅋㅋㅋ 엄청나다
사진
이겁니다!
보내주신걸로는 잘 모르겟네여 ㅠㅠㅠㅠㅠ 흑
사진
이런식으로 자바스크립트 html css이용해서 이런 팝업창 띄울수있나요?
저거모두 js html css로 만들어진건데영
오호
혹시 뭐라고 쳐양나올까요
저는 지금까지 만든게 네모난 팝업창 가운데 띄우는거여서
감을 못잡겠네용
모달 이용
방법은 여러가지인거같아요
갠톡드릴게여!
기업들이 서버사이드개발의 경험을 우대사항이나 자격요건으로 두는데 이는 Nextjs를 통한 개발경험을 물어보는것과 유사하다고 봐도 괜찮을까요?
서버사이드 개발이라는거는 백엔드서버 개발경험이 아닐지 싶네요 nextjs는 서버사이드렌더링
티스토리 velog 중 어느것을 더 사용 많이하시나요 ?
티스토리 추천합니당
저두용
Position: fixed, absolute
저두 티스토리 한표염
방문자수나 수익 신경 안쓰고 메모장처럼 쓰는거라면 벨로그가 더 편했어용
티스토리 장점은 커스텀 가능, 용돈벌이 가능, 구글 상위노출 잘됨
t50 air 다음티어 의자는 혹시 뭔가요?
t80이 있죠
벨로그에서 메모장 쓰듯이 짧게 블로그 쓰는데 티스토리에서는 그래도 수익이 나나요?
꾸준히 해서 광고붙으면 수익나는걸로 알고잇어욤
검색엔진에 노출이 되면
수익은나져
정보 감사합니다! 환승하겠습니다
벨로그는 넘 에러가 많아요 ㅠ
저번에 공들여서 엄청 써놧는데 임시저장도 안되고 그대로 삭제됏어여..
마자요…
티스토리도 얼마전까진 완전 비주류였는데
개발자 붐 이후로 엄창 늘어난 것 같더라구요 ㅋㅋ
그래서 개츠비로 갈아탔습니다
md 파일로 관리하기가 너무 편해여
엄청의 오타입니다..
개츠비가 머에옹?? ㅇㅅㅇ
위대한게츠비
리액트 SSG일걸영
아하 감사합니다!! 다시 생각해보니 저도 그게 맞는것 같아요
네 SSG방법으로 블로그 쓰는거있어여
Astro도
쉽고좋습니당
https://www.gatsbyjs.com/ 템플릿있으니까 가비아에서 도메인사서 개인블로그로 사용하고있습니다
오오……
저 처음봐요
빡준님 블로그 보여주실수 있나여?
어… 제 비루한 블로그를…
갠톡주세영..
큰거오네요
드디어..
수수료가 엄청 비싸지 않을까 걱정되네요
모방일을 틀면 정가운데에 뜹니다 !혹시 항상 아래에 붙이는 방법있을까요??
사진
사진
bottom 0
align-items : flex-end
top
200 빼셔야 될거같아염
초롱초롱 무지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
요거 추가하시구염
사진
실패...해ㅔㅆ습니다
안녕하세요 혹시 모바일 화면을 반응형으로 대응하는게 아니고 m.~형식의 url인 다른 페이지로 대응하는것에 대한 명칭이 따로 있나요?
적응형?
넵
position:fixed로 한번 더 해보세염
사진
사진
힝 다실패했습니당 ㅠㅠㅠ
혹시 flex 다 빼주실수 있나여? flex 가 들어간 이유가 컨테이너밖에 닫기 버튼때문인가요?
그리고 괜찮으시면 html 부분도 추가해주시거나 코드펜 경로 부탁드릴게여 ㅠ
구조를 봐야 도움이 될 수 있을것 같아요
posixion:fixed; bottom:0 둘다 주석 해제하고 해보셨나요?
적응형으로 알아요~
bottom 주석을 빼셧넹
초롱초롱 무지님이 나갔습니다.
리액트에서 윈도우미디어플레이어를 실행하도록 할 수 있나요?
꼭 윈도우미디어플레이어여야 하는 이유가 있으신가요?
치맥하는 제이지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
치맥하는 제이지님 반갑습니다 :)
안녕하세요~
혹시 적응형이랑 반응형 차이점이 무엇일까요?
반응형은 window size에 반응하고 적응형은 기기에 대응해여
적응형쓰면 미디어쿼리로 하나하나 대응하지않고 크기마다 다른 화면을 보여준다고 생각하면되시는데 그만큼 코드 작성량도 늘어나겠졍?
혹시 canvas에 대한 책이나 강의 추천해주실만한것 있을까요?
반응형 => 미디어 쿼리 적응형 => 다른 사이즈로 새로 만드는 거..?
아하~ 답변 감사합니다. 궁금증이 해결되었어요
canvas 장인 개발자님..
입니다
고객사에서 어떤 동영상포맷으로 제공해줄지 몰라 대부분의 코덱이 지원되는 윈도우미디어플레이어를 떠올렸습니다
와우 감사합니다
혹시 pc에선 폰트가 적용되는데 모바일에서 적용이 안되는 경우는 별도의 설정이 필요한가요..? 폰트는 otf 형태입니다
아하 ㅎㅎ 그런 경우라면 웹 기반 영상 플레이어 라이브러리를 사용하시는 것을 추천드려요.
웹기반 영상플레이어도 포맷에 제한이 있지않나요?
만약에 스트리밍 형태(주소가 m3u8로 끝나는..)라면 오히려 웹기반 라이브러리 사용하셔야 정상 재생되실거예요.
아 스트리밍인지 파일을 다운로드하는지 확인해야겠군요
반응형 구현할때
넵. 어떤 형태의 영상포맷이냐에 따라 크게 나뉠 수 있어용 단순히 널리 쓰이는 포맷의 영상이면(mp4라든지) 그냥 비디오 태그 쓰셔도 되구요.
window.screen 으로 쓰나요?
js로 화면 사이즈 가져올때 window.screen 이거 정확한 값이 맞을까요;? 뭔가 좀 안맞는 느낌이여서
구현 방식에따라 다른 것 같은데 미디어 쿼리 css사용하시는 경우도 있고 js로(window.matchMedia 등..) 구현하시는 경우도 있어요.
안녕하세요 React 함수 내 return에 대해서 궁금한 점이 있어 여쭈어봅니다. 아래와 같이, 함수 내 return 의 인자로 window를 받아 window 메타태그의 속성에 접근이 가능한 이유가 return 문의 매개변수가 기본적으로 window에 접근가능해서 인가요? const 함수명 = () => { return ((window) => { window.name } }
함수명()(window); 이렇게 호출해야 window.name에 접근 가능하지 않나요? "함수명" 함수는 그냥 window를 인자로 밭는 함수를 return하는 고차함수인 것 같아요
오 맞는 것 같습니다 ! 고차함수에 대한 학습이 필요했었네요..ㅎㅎ
도와주셔서 감사합니다
윈도우 네임하면 저분의 트위터가 연결되나보네요..
window.name
ㄷ 윈도우객체가 사람이었군요
파라미트가 몬가요,,?
파라미터는 함수가 받는 인자를 부르는 용어라고 알고 있습니다!!
아놔… 엘베에 갇힌건 첨이네요
웃긴건 케이티는 안터지고
애스케이는
잘터지는..
react.name
인프런이요 유데미는 돈 질러놓고 안보고있어요 ㅋㅋㅋ 제로초 강의랑 코딩앙마님 위주로 보고 있어요 거기 플러스 벨로버트님 블로그랑 리다기 책이랑 병행
기뻐하는 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
기뻐하는 라이언님이 나갔습니다.
테오님 스프린트 참여하고 싶은데 이번달에는 일정이 안 맞아서 신청을 못하네요.. ㅠ.ㅠ 혹시 다음 11월에도 스프린트 예정이실까욤?
저도 궁금하네욤 이번달에 시간이 안되어서ㅠㅠ
스프린트 50명에서 마감된거 아닌가요? 임의로 어느분께서 칸을 늘리신게 아니신지..
어
그러네요
저
신청하려고 들어갔는데
칸이 늘려진건지....
5라인부터시작했으니까 55번째 적어놓으신듯해요
ㅇㅎ
다행이네요
대성황이네요 ㄷㄷ
아그렇군요!!
다음에 하려고 했는데 선착순 정신 바짝 차려서 신청해봐야겠다
우와 저는 8기때 10명이서 진행했는데 5배나 늘었네요
90%가
프론트엔드군요~
11월달이라고 확정지을순 없어요. ㅠㅠ 아직 현업이고 육아를 하고 있다보니 일정을 미리 정할수는 없는데요.. 가급적 1~2달내에 반정기적으로는 하려고 생각하고 있습니다. 윤곽이 나오면 또 공지하겠습니다.
그렇죠 일단 저희 방에서 시작된 거다 보니 ^^;; 커리어리에 디자인쪽만 따로 공지도 올려봤는데 디자이너분들을 모시는건 쉽지가 않네요.
정말 많아졌네요
마감이나 커트라인이 생길거라고는 생각지도 못했는데 정말 많아졌네요
그러게요~ 사람들이 많아졌어도 퀄리티 안 떨어질수 있도록 신경 잘 쓰겠습니다
너무 좋은 활동이라 입소문이 많이 퍼진것같아요 ㅋㅋ
넵 답변 감사드립니다~! 다음에는 꼭 참여하고 싶네요 ㅎㅎ 그때까지 또 열심히 해보겟슴당~
사진
사진
안뇽하세요요용 질문입니다!!
오늘하루동안 열지않음을 누르면 모달창이 사라지는데 24시간은 안사라지는데
어떤게 틀린걸까요..?
https://triplexlab.tistory.com/5 ->참고사이트 이거보고했습니당
사진
쿠키가 어디에 저장되는지 이해는 되시나요?
아니요 ㅠㅠㅠㅠ
이해가 아니라 어디에 저장되는지 개념은 있으실까여
웹사이트...?
지금 스프린트는 모집이 끝난거죠?
이거보고 한번해보세여
https://developer.mozilla.org/ko/docs/Web/HTTP/Cookies 쿠키의 개념도 필요할거같아서 첨부해요
넹
한번해보겠습니당!!
응원하는 튜브님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 응원하는 튜브님 반갑습니다 :)
반갑습니다!
음료수 마시는 어피치님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
음료수 마치는 어피치님도 환영합니다.
안녕하세요! FE에 아주 살짝은 관심이 있는 ux 디자이너 지망생입니다!! 개발을 잘 아는 것은 아니지만 잘 부탁드립니다🙇🏻♀️🙇🏻♀️
그러게요 ㅠ 제가 준비한 자리는 다 차버렸네요;; 설마 설마 했어요. 온라인 방식이라 실제 자리가 없는 것은 아니겠으나 아직까지 이렇게 까지 대규모 인원으로 해본 적이 없어서 경험치가 쌓이면 더 많이 모집해서 진행해보도록 할게요
스프린트는 매달 하는 건가요?? 다음번에 참여해 보고 싶어요!
잘 부탁드립니다. 여기는 프론트엔드에 궁금한 것들을 물어보고 아는 것은 알려주고 공유하면서 함께 성장하고자 하는 곳입니다. 언제든 편하게 질문해주면 다들 친절하게 알려줄거에요. 이런걸 물어봐도 되나? 고민 하지 마시고 내가 모르면 다른 사람들도 궁금해할거라는 생각으로 편하게 물어보세요
매달...은 아니구요 1~2개월 사이의 간격으로 계속 진행해오고 있습니다. 사정상 정기적인 일정으로 진행을 하고 있지는 못하고 있는데요 적당히 빈 시간이 나오면 공지를 해서 모집을 하고 있어요. 또 공지 올리도록 하겠습니다~
사람이 많으니 긴장되네요 ㅎㅎ..
채용공고 자격요건중에 오픈소스에 의존하지 않은 코드 구현이 능숙한 분 이말이 라이브러리쓰는게아니라 직접 구현잘하는사람을 원한다 이런의미맞을까요?
네~ 그런거 같네요
혹시 CSS 질문 하나 해도 될까요 ? ..
네 허락 안구하셔도 됩니다. 편하게 물어보세요
저 여쭤보고싶은게있습니다 혹시 포트폴리오 만들려할떄 에를들어 리액트쓰다보면 유효성검사라이브러리나 form관련라이브러리등 본인이 직접 구현안해도될정도로 라이브러리좋은게 되게많더라구요 혹시 이런부분에있어서 최대한 라이브러리쓰는걸 지양하고 직접구현하는식으로 포트폴리오짜는게맞을까요?
현재 코드는 css word-break: keep-all; white-space: pre-wrap;
사진
라이브러리찾아보니까 되게많은거같긴한데.. 라이브러리를 어디까지써도될지 잘모르곘습니다
삭제된 메시지입니다.
라이브러리 사용은 본인의 주관이 담겨있다면 자유롭게 하셔도 괜찮지 않을까요?
바퀴를 새로 만들지 말라는 말이 있는것처럼 있는것 잘 사용하는것도 능력이예요
화면상 이렇게 표기 되고 싶은데
사진
프론트가 90%라고 하셨는데 혹시 백엔드는 더 추가적으로 받거나 하는 부분이 있을까요?
pre태그 사용하면 작성한 양식 그대로 출력되는데 그걸 원하시는 걸까요?
이런 식으로 해야 가능해서, 원하는 대로 단락을 나누려면, br태그는 좋지 않고 어떤 방식이 좋을지 궁금합니다. 토스는 코드는 저 css를 활용해서 끊었던거 같아요
저도 사실 그런생각으로 라이브러리쓰긴한데 저렇게 채용공고에 라이브러리쓰는게 아니라 직접 코드구현하는걸 더 선호하는게 없지않아있는거같아서 혹시 나중에 취업포폴로 제출했을떄 라이브러리를 너무많이쓰면 불이익이있을까봐 고민이되네요
포트폴리오에서 라이브러리를 쓰고 안쓰고는 본인의 판단입니다. 쓰고 안쓰고가 문제가 아니라 왜 라이브러리를 써야 겠다고 생각했는지 그리고 그리고 왜 유사한 라이브러리가 있는데 이 라이브러리인지 그리고 실제로 그러한 점을 라이브러리를 쓰면서 느꼈는지를 충분히 설명할 수 있으면 됩니다.
답변감사합니다!
그러면 오픈소스를 안쓰고 라이브러리를 직접 하나 만들어보시는 것도 시도해보시면 좋을 것 같네요 ㅎ
pre로 하면 특수문자 공백 다들어가고 저렇게 한 것과 별반 차이는 없고 태그자체가 시멘틴 하지 않은 거 같아요! h3 로 되야 하는 태그라서;; br외에 원하는 단어 단위로 끊으려면 html 뭉개지는 걸 감안해야 될지.
헉 ㄷㄷ
이번 기수에는 좀 어려울것 같습니다ㅠ 저도 이렇게 사람들이 많이 지원할지 예상을 못했고 사실상 제한을 안 두려고 했지만 제가 대규모 인원을 한번에 진행했던 경험이 없다보니 특정 기수가 실패하는 일은 없어야 될 것 같아서 조금 조심스럽게 인원을 늘려볼까합니다. 양해부탁드립니다.
그럼 word-break나 word-wrap 속성한번 찾아보셔도 될것같아요
아닙니다ㅎㅎㅎ 당연한거지만 혹시나해서 한번 여쭤봤어요. 고생많으십니다
시멘틱에 너무 큰 의미 부여는 하지 않으셔도 되요. pre를 쓰는 이유는 string에서 줄바꿈을 \n으로 되어 있다면 br로 바꾸는 것보다 훨씬 더 편하기 때문입니다. 내가 하드코딩해서 HTML을 만드는 경우라면 pre는 다소 불편할 수 있어요. 내가 원하는 것을 잘 표기하는 거라면 그걸 사용하세요. 현대에 와서 HTML의 시멘틱함은 그렇게 중요하지 않습니다.
나중에 프로젝트 정리할때 이런 기능을 이런 목적으로 구현해봤는데 이미 상용 라이브러리가 있습니다 하면서 설명까지 하면 깔끔!!할듯합니다.
와우 감사합니다
html이 뭉개지지 않고 태그안에 쓰면서 css로서 문단 나눠줄 방법은 없을까요 ? pre로 해도 결국 특수문자나 공백이 그대로 들어가다보니, 에디터에서는 ㅜㅜ 들여쓰기가 깨져버리네요
getQueriesData 써보신분 계신가요
공식문서를 봐도 잘 모르겠던데
DIP (Dependency Inversion Principle)에 대해서 공부하다가 어떤 글에서 React에서 등장하는 사례에 대해서 보게되었습니다. Prop Drilling 을 막기위해서 A-> B-> C 구조로 이루어진 컴포넌트를 B가 C를 children 이라는 props로 받아 관계를 A-> C-> B 로 역전시키는 예시였습니다. 이런 예시도 DIP라고 볼 수 있을까요?
const A = ()=>{ const a = "a" return <B><C a={a} /></B> } 이런 느낌이려나요 흠
네 맞습니다
white-space: pre-wrap은 어떤가요?
아니면 <br>을 쓰셔야 할거같아요. 원하시는 바를 정확히 이해못했어요. 특히 html이 뭉개진다의 표현이요
넵! 감사합니다! html 뭉개진다는 의미가 코드 에디터에서 들여쓰기 지켜진채로 예쁘게 안된다는 말이었어요
안녕하세요. 저는 아직 리액트 1달 입문자이고 프론트엔드 인턴으로 회사 코드를 class component 를 function 으로 변환하는 작업을 하고 있습니다. 1. componentDidMount() 를 function 으로 바꿀때 useEffect(()=>{},[]) 를 사용하면 될까요? 2. 입문자로, function 으로 학습했기에, class component를 보는데 어려움이 있습니다. 지금은 class 코드에서 모르는 부분을 구글링하여 function 으로 바꾸는 방법을 계속 찾고 있는데, 정말 어렵네요. 어떻게 하면 속도가 빨리 붙을지 궁금합니다. class component에 대해서 학습해본적이 없는데 따로 공부하면 될까요?
1. 넵 2. 넵
1번은 완전 맞는 말씀이시고
2번은 일단 하다보면 자연스레 익을겁니다
한달만에 인턴 어케하셨징
사진
effect hook은 componentDidMount componentDidUpdate componentWillUnmount 3가지를 관통하는 훅스에요 잘 사용하셔야할거에용
https://ko.reactjs.org/docs/hooks-effect.html 아마 이문서가 가장 정리가 잘 되어있습니다(공식문서)
톡게시판 '투표': 공부방법
하바ㅏㅂ님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
질문 있습니다! 이미지가 로드가 완료되어야 모달을 닫을 수 있게 하고 싶습니다. 그래서 제가 생각한 방법은 이미지 태그가 온로드 되면 showImage라는 state를 true로 바꿔주고 showImage가 true일 경우에만 모달을 닫는 함수를 실행하고자 합니다. 코드로 보셔야 편하실 것 같아서 주석이 포함된 코드 사진도 첨부하겠습니다!
사진
onClose() 함수가 다른데 따로 정의되어 있나요?
props로 전달받은 함수입니다!
쿼카님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
gyu님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
Modal 안에서 onClose 함수를 어떻게 다루는지 어떤 조건일때 실행시키는지 알아야 될 것 같은데요
모달 컴포넌트의 onClose이벤트 함수를 useCallback으로 감싸고 showimage를 의존성배열에 넣고 넘겨보세요
아 이제 알겠네요 지금 onClose={.. 로 들어가 있는 함수의 showImage 는 이 함수가 정의될때 closure가 형성되어 외부에서 showImage를 바꾸어도 같이 바뀌지 않습니다. stale closure 키워드로 공부해보시면 좋겠습니다
앗 감사합니다! 꼭 찾아보고 공부해서 해결해보겠습니다!
맞습니다 이렇게 하시면 showImage가 바뀔때마다 콜백함수의 클로져 환경이 새로 생성되기 때문에 안의 업데이트 된 showImage 변수값을 가진 새로운 클로져가 생성됩니다
혹시
각 기업에서
msw랑 testing library 도입을 많이 하는 편인가요?
Q. localhost:3000은 HTTP 401 unauthorized, 127.0.0.1:3000는 HTTP 200 ok인데 이유가 무엇이며, 어떤 부분들을 찾아봐야 할까요? 환경: MacOS 서버: vscode live preview 익스텐션에서 띄워 준 서버 클라이언트: 크롬 파이어폭스에서 접속했을 때 동일한 behavior
뭉뭉님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
static html 페이지에 대한 GET 요청이었습니다!
CORS 에러인가요?
앗 문제에 대해 이해하고 해당사항 적용해봤으나 showImage가 바뀌어도 적용이 안되네요...!
사진
혹시 제가 실수한 부분이 있을까요??
톡게시판 '글 공유': 공부방법
콘솔에서 CORS 에러라고 뜨지 않고 외부 리소스를 쓰지 않는데 다시 한 번 확인해볼게요
근데
이거는 상황에 따라
너무 다를거 같아요
앗 그런가요?!
네네
https://www.baeldung.com/cs/127-0-0-1-vs-localhost 이게 답변이될까요
시간이 얼마나 있는지에 따라
다를거 같아요
여러분들은 어떻게 하고있나 궁금해서 공유하고 싶었어요 ㅎㅎ 저말고도 궁금해 하시는 분들 계실 것 같아서
ㅇㅎ
부트캠프 말고 부트스트랩인가요...?
엌ㅋㅋㅋㅋㅋㅋㅋㅋ
부트캠프
네
ㅋㅋㅋㅋㅋㅋㅋ
정신이없네요
ㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
부트스트랩보면서
선생님 전체 코드가 있어야 할 것 같습니다. 글고 유즈콜백 쓰기전에도 원래라면 잘 작동해야해요
일단 127.0.0.1로 보고 집에가서 더 파봐야겠어요, 도움주셔서 감사드립니다!!
눈물바다에 빠진 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
사진
질문 하나만 드려도 될까요? 배열 메소드 중에 at이 있는데 사파리에서는 동작하지 않는데, Browser compatibility에는 또 된다라고 되어있는데 이럴 경우 어디서 확인해보면 될까요?
Modal 컴포넌트의 rerender를 트리거 하는 요소가 없으면 바뀌지 않을거에요 새로운 함수를 전달해줄 수 있는 방법이 없으니.. setShowImage 가 호출될때 showImage 에 대한 상태에 따라 다른 함수가 전달될 수 있는 방법을 생각해 보시면 좋을 것 같습니다
브라우저 버전도 보셨나여?
안녕하세요😀 프론트엔드 신입분들 포트폴리오 보면 노션에 이력서같이 깔끔하게 정리하시는 분들도 있고 좀 인터렉티브하게 직접 제작하시는 분들도 있는데 어떻게 하는게 좋을까요..?
저는 꾸미는 것 보다
내용이 중요하다고 생각합니다
깔끔하게 적는 것과 인터렉티브하게 적는 목적은 결국 저는 읽는 사람이 피곤해하지 않고 잘 읽을 수 이 있게하기 위함인거 같은데
저도 중요한건 내용이라고 생각해요
화려한데 그냥 부트캠프에서 프로젝트한거 인턴십한거 내용만 적혀있으면
의미가 없다고 생각해요
아이고 현재 15.4 버전부터 사용가능하다라고 나와있는데 제 버전이 15.3이었네요. 감사합니다.
어디서 프로젝트한게 중요할까요 전 프로젝트 퀄리티만 좋으면 된다고 생각합니다 ㅎㅎ
모두 감사합니다! 🙇♂️
저는 차라리 개인플젝이 양호한 것 같아요
우리나라가 금속활자가 유명해서 그런지
부캠도 금속활자로 다 찍어낸 느낌이라서요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
표현이 왤케 웃기죠
보면 다 학원만 다르더라구요
양식이 군대에서 온나라로 공문 보내는 것 마냥
ㅋㅋㅋㅋㅋㅋ 금속활자
다 동일해요
공장이죠 ㅋㅋㅋ
보통 최종 프로젝트는 자유주제라서 같을수가 없지 않나요
부바부인가
취업하기 참 쉽지않네요 ㅜ (좋은곳에)
삭제된 메시지입니다.
자유주제요 ??
진짜 제가 본거
다 똑같아요 ㅠㅠ
다 비슷해요
클론하는 사이트만 다르구요
이커머스 복붙 ...
ㅋㅋ
뭘 만드냐도 중요하지만
대형 트래픽 이커머스 서비스 클론 프로젝트
아 ㅋㅋ 좀 낮은 부캠은 그렇게 하나보네요
이거 저두 궁금하네여
msw… 특히
결국 어떤 경험을 하고 어떤걸 얻는지가 중요한것같아요
이게 여쭤본 이유가
지금 저희 프로젝트에 제가 testing library랑 msw 도입해서
개발 중인데
다른 기업은 어떻게 하고 있는 지 궁금해서도
그래서 플젝 경험 쓸때 고민한 내용과 해결 과정 적으라고 조언을 많이 하시더라구요
궁금해서요
사람인에 이력서 올려놨더니 갑자기 어떤 회사에서 사전 과제 권유하는데
이거 말로만듣던 사전과제형 코드 훔치기인가요?
코드 이것저것 살펴본 결과 공통으로 사용되던 모달 컴포넌트에서의 useMemo 때문이었습니다ㅜㅜ 답변해주셔서 감사합니다!!
코드 이것저것 살펴본 결과 공통으로 사용되던 모달 컴포넌트에서의 useMemo 때문이었습니다ㅜㅜ 답변해주셔서 감사합니다!!
톡게시판 '글 공유': 공부방법
안녕하세요 리액트 한지 3주정도 되었는데 궁금한게 생겨서 질문 남깁니다! 사진처럼 한 컴포넌트에 props가 하다보니까 여러개 쓰게 되었는데 이게 맞는 방법인가요..?
사진
중복 투표가 가능해야될 것 같아요 흔치않겠지만 네가지 전부 할수도 있을 것 같네요
리듬타는 제이지님이 나갔습니다.
다시 생각해보니 그러네요 이미 setShowImage 가 호출되는 순간 컴포넌트가 리렌더 되어 함수에 대한 참조값이 변하니 새로운 showImage 값을 가진 함수가 전달 되겠네요. 정정해주셔서 감사합니다
개인적으로는 props에 값이 3개 이상이면 뭔가 잘못됐다고 의심하는 편입니다
이영상 도움될것가탕요
나중에 오류 발생범이 될 가능성이 있나요? 왜 의심해봐야할까요?
근데 혹시 전공자 분들 중 cs 외 웹 관련으로 깊게 들어가는 전공 커리큘럼 있었나요? 저희 학교같은경우는 웹프로그래밍 과목 딱 하나 있었는데
무언가 많이 꼬였다는 의미일까요.. 이래서 리덕스같은 라이브러리를 쓰나 싶기도 하네요
헉 감사합니다
데이터 통신, 네트워크 과목이요
저희도 이랬고 그냥 웹 관련 과목은 10개정도 있었어요!
선택이아닌 필수입니다
안녕하세요 혹시 클래스 다이어그램같이 프론트 컴포넌트 간의 관계도를 그려주는 앱이나 서비스가 있을까요?
1. 넘길 필요가 없다. 2. 분리할 필요가 있다. 3. 또 다른 객체로 바라볼 필요가 있다. 4. component가 다른 정보에 불필요하게 의존적으로 되면 standalone하게 실행하기 어렵다. 5. 테스트가 어렵다.
안녕하세요 제가 지금 퍼블리셔에서 프론트엔드로 전환준비를 하고있는데요. mui나 antd를 이용한 ui작업경험이 필수일까요? 디자인을 ui로 전환할때 라이브러리를 서치하고 커스텀해서 적용하는 비용보다 차라리 styled component로 직접 짜는게 비용이 더 적다고 생각이 들어서요
선배님들, 정보처리기사 관련해서 여쭤보려는데요..
벌써 23년 이기적 정보처리기사 필기 이런 교재가 나오는데
최신껄 사야될까요? 법이 개정되거나 하는게 아니라서 시험 내용은 비슷한가요?
학습이 목적이십니까 취득이 목적이십니까
학습 겸 취득입니다.
그럼 사서 공부하셔도되여
학습하려는데 굳이 안딸 이유도 없는 것 같아서요
취득이 목적이면 CBT 3바퀴 돌리라고할려했어영
23년 최신이든 아니든 상관 없겠죠?
넹
ㅋㅋㅋㅋㅋㅋㅋ
CBT가 뭐에여?
기출문제요 ㅋㅋ
아,.ㅎㅋㅋ
답변 감사합니다.
이거에 대해 어떻게 생각하시나요??
프론트엔드라고해서 그런경험이 왜 필수여야할까염
저런건근데
금방금방익혀서
필수아닐것같아요
굳이 ? 해봤다면 어 해봤구나 근데 안해봤다고 떨어뜨린다? 그것도 이상할것같아요!
필수아님니다~ 오히려 스타일드컴포넌트로 css 직접 다루는게 더 중요합니당
antd나 mui를 실무에서 적용하는 비율이 큰가요? 보통 실무에선 디자이너들의 결과물을 ui에 적용할텐데 해당 라이브러리들은 디자인결과물을 반영한다기보단 디자인 없이 준수한 ui를 보여주는데 더 적합하다고 생각이 들어서요
기획에서 정할듯싶습니다
디자인시스템이 없는 기업에서는 라이브러리를 커스텀화 할수도 있겠죠? 디자인시스템을 구축할만큼 여유가있는지 여부에따라서 달라지기도하고요
디자인 초안을 mui기반으로 한다던지
사진
값이 ['팔'] 이렇게 뜨는데 왜 typeof를 찍으면 객체알까요?
디자인 초안 단계에선 ui라이브러리가 아니라 디자인툴로 초안을 뽑지않나요?
js가 그렇습니다
useEffect 쓸 때 deps 관리시 eslint-disable-next-line react-hooks/exhaustive-deps 남용하면 안좋나요?
배열도 object취급아닌가요
아하 여러모로 불편한 구석이 있군욥 감사합니다!!!
어쩔수없이 써야하는 상황이면 써야할까요?
https://developer.mozilla.org/ko/docs/Web/JavaScript/Data_structures 자료구조 보세영
object취급이면 map함수를 써야할 때에는 어떻게 해야하죠?ㅠㅠ
아녀 쓸수있어여
감사합니다.
프로토타입 체이닝은 Array로되요
Object.keys(part).map((key) => (
저는 이렇게 씁니다
typeof로 찍을땐 object로 뜨지만 prototype은 각각 다른걸로 알고있어요
한번
프론트 개발 / 포토샵 일러 애프터 이펙트를 작업하는데 맥북을 사면 어떤걸 추천해 주실거 같으세요!?
[].__proto__ 찍으면 Array나올거에요~!
아무리 생각해도 해당 라이브러리를 따로 공부할 필요성이 안느껴져서 고민이었는데 해결된거같네요 감사합니다
Array.isArray() 라는 함수가 있어요
내가 짜는게 훨씬 편한데 굳이?? 라는 생각이 자꾸 들어서
아 그래도 object로 체이닝 되는군요
동감합니당
안녕하세요 선배님들 취업준비과정에서 질문이 하나 있습니다..! 기술블로그가 서류합격에 긍정적 영향은 줄거라고 생각은 하는데 막상 어떤 글을 어떻게 써야할지 조금 고민이 되어서요 좋은 팁이 있으면 알려주실수 있을까요?
주제를 하나 정해서 쓰면 될듯ㅇ염
요즘 공부하는걸 작성해보세영
제가 공부하고있는건 노션으로 정리하고있는데 그러면 혹시 노션을 기술블로그로 대체해도 될까요?
어떤걸 공부하는지 볼려는 분들도 있어여
블로그 목적이 공부하는 습관남기는거면 그래도되졍
와.. 어제 똑같은 걸 빡준님한테 배웠는데 그새 까먹었네요.. 타입가드라는 걸 공부하고 넘어가겠습니다. 감사합니다!
저는 오답노트느낌으로 작성해요
노션도 블로그죱
노션 오픈해서 링크 거세욤
기술 블로그랑 til랑은 조금 차이가있어서
보통 노션은 til용도고 제대로 정리해서 공유하고 싶은 글은 블로그에 작성하는것 같아요
혹시 jest에서
특정 useSelector 하나만
mocking할 수 있는 방법이 있나요?
감사합니다 이것도 참고하겠습니다!
사진
이렇게 useState훅에서 state에 제너릭으로 여러개의 타입을선언 해줄때 어떻게하면 좋을까요? medicalReceptionStatusData.diagnosisHistory.src 이런식으로 사용하면 다른타입에는 diagnosisHistory 프로퍼티가 없다고 에러가뜨네요..ㅠ
눈물바다에 빠진 라이언님이 나갔습니다.
유니온 타입을 설정하셨으면 타입 내로잉으로 타입을 하나 확정시켜줘야합니다
간단하게 if && 로 시도해보세요
톡게시판 '글 공유': 공부방법
태오 아까 Array.isArray로 찍어보니 이렇게 뜨는데 왜그런거죠?
사진
객체를 isArray 하신건가여?
어떻게 하면되나요..? 대충 예시 한줄만 부탁드려도 될까요?
네, 맞아요~
Array.isArray 는 []만 true를 반환해영~
타입이 3개니까 하나로 확정지으려면 이 프로퍼티가 있으면 이 타입이다 라는걸 코드로 써야해요. 아까 제가 링크 드린거 보시면 잘 나와있어요. 예를들면 if ('diagnosis어쩌구' in data) 가 true면 3개의 타입중에서 위에서 첫번째랑, 두번째가 해당되겠죠 false면 3번째 타입으로 확정나구요
프론트엔드 개발자의 성과 라고하면 어떤게 있을까요...?
경프님이 나갔습니다.
🔥🔥🔥 그러나 프론트엔드의 가치는 기술보다 본인이 만드는 서비스의 가치로 먼저 평가받는다! 테오님 블로그 글에서 이부분이 가장 공감이 되었던거 같아요
잘 이해가 안가는데 기본적으로 서비스의 가치는 기획자의 성과영역 아닌가요? 물론 협업하며 서비스를 같이 조율하긴 하지만.. 그렇다면 개발자 개인의 노력은 어떻게 평가되나요?ㅠㅠ
뭐 렌더링 속도나 빌드 시간 단축, 기획자나 디자이너한테 제안해서 유저한테 좋은 피드백이 있는 것들, 이탈율 감소 요런 것도 다 어필할 수 있지 않을까여
사진
안되요ㅠㅠ
마침 저도 방금 사내에서 그런 얘기를 했는데, 개발자 같은 경우 개발 영역에서의 성과를 판단할 수 있는 리더가 팀원들의 노력을 판단하게 되고, 리더가 따로 없거나 스스로가 리더라면 '협업하며 서비스를 조율' 쪽의 비중이 커서 서비스의 가치로 평가되기도 할 것 같습니다. 개발자는 서비스의 가치와 직접적으로 성과가 연결되지 않는 경우도 있어서 리더가 개발팀원들의 성과가 어떤 것으로 평가될지(로드맵이나 마일스톤) 제시해주는 것도 중요하다는 얘기를 했었어요.
본인이 성과를생각했을떄 딱히 어필할게 없다면… 성과가 없는게 맞다고봐요
관리자가 보기에도 그럴거구요
관리자가 주는 업무 자체가 어필할 게 적은 경우는 그래서 주도적으로 업무를 만들 필요성도 있다...고 느끼고 있습니당
어떤것이든간에 성과는 본인이 만들고 어필하는거라고봐요
안에 요소가 있으면 true로 반환하지 않는다는건가요??
아뇨 [] 형식으로 된 객체만 true로 반환한다는 뜻입니다!
삭제된 메시지입니다.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray 이거 보시면 이해가 가실 듯 합니당
서비스의 가치를 저는 해결해야 하는 비즈니스 문제를 해결한 가치라고 생각했어요 개발자가 돈을 많이 버는 이유가 단순하게 코딩을 할 줄 알아서 이유보다 그런 문제를 해결하는 사람이라 생각했습니다. 물론 비즈니스 문제를 어떻게 정의하냐에 따라 다를 수 있지만 예를 들면 디자인 시스템이 없는게 하나의 비즈니스 문제점일 수도 있고 렌더링이 느려 발생하는걸 하나의 비즈니스 문제점이라 볼 수 있다 생각했습니다. 실제 경력 사항에 이런 내용을 포함한 이력서가 좋은 이력서라 생각하고요
님들~>~
오늘 하루도 고생 많으셨어용~~
입사 3일만에 실무투입이 되었슴미다 온보딩 없어도 열시미 해야지 ㅠ
다양한답변 감사합니다 입사 한달차라 성과가 어떤건지 잘 감이 안와서 질문했습니다... 비즈니스적 문제해결이라고하면 결국 경제적 가치를 가져와줄수있는 문제정의와 해결을 말하는거겠죠? 감사합니다
여러분들 ESLint + Prettier를 기존에 적용안된 프로젝트들에 적용 하려고 하고있는데요.. 그런데 사용 언어나 프레임워크가 같은 케이스일 경우 전부 일관된 코딩 컨벤션(ESLint +.Prettier) 설정을 가져가는게 맞다고 생각하는데 맞을까요? 아니면 프로젝트 환경(사용 언어나 프레임워크가 같은 경우를 제외한 환경)에 따라서 설정이 달라지는게 맞는걸까요??
꼭 경제적 가치라 하기는 애매하지만 저는 전에 회사에서는 백오피스를 많이 개발했는데 백오피스가 회사에 있기 전과 후가 회사 업무 효율성이 증가했기 때문에 이런 점도 새로운 가치를 만들었다 생각했어요
안되는게 아닙니다 as문 지우고 변수에 마우스 올려보세요 추정 타입이 3개가 아닐거에요
예를 들어 Vue + TS 사용하는 프로젝트들의 경우 Vue + TS만의 통일된 개발 환경 세팅을 갖게 하는 것이 일관된 코딩컨벤션을 유지하는 최종 지향점같은 개발 환경 세팅이라고 생각되는데.. 이게 언어는 같이쓰이더라도 관련된 설정이 달라질 수 있는건지..? 제가 생각한게 맞는것인지...
저는 입사 당일부터 실무투입....
오..... 그렇군요 혹시 질문하나 드려도될까요? 업무 효율성이 증가했다는건 어떻게 증명할수있나요?
저는 다들 바빠서 온보딩이 없었는데 저한테 넘어오는 업무도 없어서 2달 방치 당했던 억이.......
와우..!!
2달이나!!!
어찌보면 꿀이지만 어찌보면 고생하셨네요…
일없이 2달..
감사합니다... 꿀이긴 했는데 눈치가 너무 보였네요... 심지어 병특이라 다른 회사로 가지도 못하고... 프론트 문서화된 안된 회사인데다 저한테 깃 권한도 정말 일부 밖에 안줘서.... 흑훅..... 다시는 없을 꿀신입의 추억으로 남겨둬야겠네요...ㅋㅋㅋㅋㅋㅋㅋㅋ
엥 다른곳으로 못가요?
갈수는 있는걸로 아는데..
일정 기간 채워야 이직이 가능해요 ㅠㅠ
사실 증명을 하기는 쉽지 않은거 같아요 예를 들면 렌더링 최적화로 기존보다 로딩 속도 2배 빨라졌다 이걸 증명하기란 쉽지 않죠… 실제 면접관이 그 서비스 전과 후를 직접 눈으로 보기는 쉽지 않으니까요 대신 본인이 만든걸 이력서에 적으면 면접관이 해당 내용을 물어봤을 때 막힘이 없지 않을까 생각합니다. 저는 왜 내가 해당 기능을 만들었지를 중심적으로 생각해 이력서를 작성하는거 같아요 실제 다른 사람 이력서를 보는 과정에서 그런걸 주로 보고 면접에서 물어봅니다. 테크니컬 요소는 다른 방식으로 검증하고요
처음 근무 3개월인가 6개월인가 후 부터 가능했던걸로.. 들었던 것 같은..
한회사에서 총 복무기간의 1/4 채워야 이직이 가능함다 ㅠㅠ
이번에 회사를 입사하게 되었는데 전에 3개월 다녔던 이력을 작성하지않고 들어가게되었습니다 서류를 제출해야하는데 경력사항에 적는게 맞을까요..?
react-hook-form으로 라디오버튼 registser 등록했는데, 이거 클릭 영역을 상위 Div로 지정하고 싶은데.. 어떻게 방법이 있을까요?
!!
동지들...
애틋하네욤
그렇군요.. 정말 감사합니다👍🏻 성과증명은 쉽지않을수있군요...
이모티콘
이모티콘
이모티콘
이모티콘
보통 일을 할때 성과증명하기 위한 기틀을 마련해놓고 하려고합니다.
톡게시판 '투표 종료': 공부방법
맞아요 사실 지금 주로 실험적 배포를 많이 진행해요 해당 피쳐 전과 후 데이터 분석을 통한 지표 개선을 확인하기 위해서요 물론 도메인 특성에 따라 성과측정 방식은 달라질 수 있을 것 같아요
개발자에게는 일반적인 수치로 이력서에 쓰라는 성과증명이라는 체계가 잘 맞지 않을 수 있습니다. 특히 FE에서는 더더욱 그렇죠. 내가 프로젝트에서 어떤 기여를 했는지 개발이라는 본연의 업무를 포함해서 비개발적으로는 또 어떤 기여를 했는지 한번 작성해보세요. 분위기를 담당했을수도 있고 문서화를 잘했을 수도 있고 좋은 의견을 내었을수도 있구요 뭐든 적을수 있어요 본인의 생각이 중요합니다.
성과를 내는 사람을 뽑고 싶은것도 있겠지만 결국 함께 하고 싶은 사람을 뽑고 싶은거라서 저런것들을 좋아하고 잘하는 사람이구나 함께 하면 좋겠다 라는 핏를 보기 위함이구요 그 핏이 안 맞으면 그 회사랑 안 맞을수 있겠죠 다만 그런 것들을 노출하지 않으면 이 사람이 어떤지 알 수가 없기에 애매하면 뽑지 못해서 떨어지기 않기 위해서 실력 외 부분들을 알려주기 위해 적는다고 생각해보시면 좋을 것 같아요
헉 감사합니다.. 수치로 증명해야한다는 심리적 강박이 있었던것같네요.. ㅠㅠ 수치적 성과가 아니더라도 어필하는게 좋겠네요....
진짜 맞는거 같아요 아무리 기술적으로 뛰어나고 그래도 개발 이외의 면이 문제가 되면 같이 일하기 힘들더라고요… 그래서 스스로 같이 일하고싶은 사람인지 생각해보는게 좋은 자세 같습니다
한성식님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 한성식님 반갑습니다 :)
< 엠블럼 목업> https://forms.gle/HSW1TaZPaXz2vLW36 선배님들 학과 50주년기념 엠블럼 목업을 했습니다! 그래서 마지막으로 하나를 추려내기 위해서 투표를 통해 뽑으려고 하는데 선배님들께서 좋으신 안목으로 투표를 한 번 도와주셨으면 하는 바람에서 이렇게 부탁드리게 되었습니다! 선배님들께서 바쁘시지만 양해 한 번 부탁드리겠습니다 감사합니다! 좋은 하루 보내십시오!🥹🫶😀
이모티콘
오
이쁜데요??
투표 해드릴수야 잇는데 왜 개발자들한테 디자인을 물어보는지 의문이에요 ㅋㅋ; 디자이너들한테 물어보는게 젤 좋지않을까 시푼 의견,,
3번째 보는거같은데.. 신중하시네요
이거 진짜 많이 올리신거 같은데ㅎㅎㅎㅎ 열심히 하시네요 ㅎㅇㅌ
맞는 말이긴한데 그래도 열심히 해주신거같은데 ㅜㅜ
아 글쵸굴쵸 투표 저도 해드렷어여 이미
나중에 투표결과 알려주세요. 다른분들은 어떤 선택을 했는지 궁금해요
전 2번이요 ㅋㅎㅎ
저도 2
이유는 가독성이 좋아서
정말 감사해요 다들 ㅠㅠ 졸전이라서!!
저도 2번이요~ 눈에 잘띄네요
안녕하세요! 프론트엔드 취준생입니다. 잘부탁드려요~~
와 소름 저도 고민하다가 2번 했는데
개발자들 안목이란게 이런건가요... ㅎㄷㄷ
uiux디자이너인데
앰블럼 단품으로는 2번
출력물에 실릴거면 1번이 괜찮은 것같네요
사진
지금 react-calendar가이형식인데
사진
약간 선택됐을때 background를
저런식으로 하려면 어떻게 해야할까요
라이브러리에서 제공하는
style문서를 보시면
좋을것같아요 ㅎㅎ
어서오세요!! 이곳은 프론트엔드에 대해 궁금한 것들을 물어보고 아는 것을 알려주고 공유하면서 함께 성장하고자 하는 곳입니다!! 언제든 편하게 궁금한게 생기면 글 남겨주세요~~~
react calendar 문서를 대충 훑어봤는데, 아마 개발자 도구로 요소들의 classname을 집어와서 하나하나 수정해야 할 거에요
공부방법항목중에 부트스트랩은뭐죠?ㅋㅋ
사진
책 주름 느낌
box shadow 아시는분 있나여 ㅎㅎ..
잘 안되네요 ㅠㅠ
Box shadow 써야해여? Gredient 쓰믄 안대옆
Background-gredient 철자맞는지 몰루에여
이거 써서 왼쪽부터 오른쪽 방향으로 그래디언트 줘도 될거가툰데
오 진짜 책 사이같아요
background: linear-gradient() 쓰시면 될거같아용
괄호 안에 색상값 넣으시면 됩니당
넹 요거 얘기한거에여
정규식 많이 어렵나용
질문의 의도를 알 수 있을까용? 첫 삽을 뜨기엔 쉬워요! 시간만 들인다면 응용도 할 수 있구요!
한번 확실하게 배워두면 두고두고 쓸 수 있지만
쓰는 경우가 많이 없어요
저는 정규표현식 쓰는거 좋아해서 이따금 찾아보기는 하는데
음... 흥미가 있으신거라면
아직 시작을 안 해봐서 어떤 용도로 어떻게 사용하는지 잘 모르겠어요ㅎㅎㅎ 근데 배워보고 싶어요
정규식 코테에서 많이 쓰지 않나요?
코테 1레벨에서 간간히 본 적있어요
난이도 높아지면... 정규표현식보단 알고리즘을 많이 요구해서
아항아항
아항
아항
알고리즘...
영어이긴 한데 여기 괜찮았어요 https://regexone.com/
아 모지 저번에 정규표현식 챌린징 하는거 있었는데
기억이 안나네요...
프론트엔드 개발자가 1명인 회사 장단점이 뭐가 있을까요..? 이제 프론트엔드 개발자를 뽑기 시작한거 같은더라고요
1명경력이중요할듯요
svelte를 써볼수있다
가지마세요..
solidjs를 써볼수 있다
vite를 써볼수있다
선택지는 많습니다
적어도 서너명 있는게... 의견공유라두...
혼자하면 자유도는 되게 높은데
그정도 실력이 안됩니다..
독박을 혼자 쓰느냐
함께 나누느냐
정말 차이 큽니다
2222
같이 일하는 "개발자" 가 있다는것도 저는 되게 와닿았어요
맞아요.. 기술적인 부분을 나눌 사람이 없다는게
한분이 진짜엘리트7년경력이면
외로울거 같아요
ㅠㅜㅜ
많이배울듯한데
만약 개발 일정이 밀렸을때
그럴리가없으니
그걸 만들어야된다면
야근까지 하셔야하고
주말도 반납하셔야하는데
혼자서 하는건 너무 힘들 것 같습니다
그렇군요
저가 인터넷 서칭을 엄청했는데
트위터에
어떤분이 프론트엔드 신입 개발자는 20프로만 사수가 있다는 글을 봐서요
아닙니다ㅜㅜ
프론트엔드 개발자
시장에 정말 많습니다
정확히 말하면 사수가 없는 이유는
리액트를 깊게 다뤄본 사람이 생각보다 많아서
막상 회사를 가셔도 년차가 드라마틱하게 차이나지 않을 뿐만 아니라
그 사람도 정말 모든걸 아는건 드뭅니다
*깊게 다뤄분 사람이 많지 않아서
아하..
리액트를 깊게가 어느정도인지
감이 안잡히네요 주니어 입장에서는 ㅜㅜ
리액트진짜
잘하는분이만든거보면
저는 5년차 이상이라고 봅니다
감탄만합니다...
와 혹시
추천해주실만한 깃 레포가 있을까요?
레이아웃, 컴포넌트
다 재사용하게 커스텀해놓고
그래놨더라구요
저도 레포 보고싶어요
회사코드라...
기가막힌 레포지토리...
아항..
아하..
저도
그런 코드들
리액트 베타 독스 쪽 코드 보세요
다 셀렉터로 빼놓고
오오 감사합니다
아토믹하게 구분해논 사내코드보면
진짜 대단한데
처우협의를 위한 서류를 채용 담당자에게 제출해야하는데 최근 2개년도 연봉계약서 최근 3개년도 갑근세 등…
제출하라는데… 연봉계약서도 내나요...?
개인적으로 아토믹은 좀 너무 과한것같아요 ㅋㅋ
아토믹화 근데
전 개인적인 의견은
중요하지 않나요?
아토믹하게 개발해도
실제 재사용 컴포넌트의 비율이
필요하면 사용하는거고 아니면 아닌겁니다 ㅋㅋ
많이 안되서
아항
오히려 ref 하나 고치면
그냥 각각의 장단점이 있어서
프로젝트에 규모에 따라서
아토믹화는 재사용을 할수있냐 아니냐 그것도 되게 까다롭지않나요
패턴을 뭘선택하느냐는 그리 중요하진 않아요
페이지 전체가 박살나는것도 많이 봐서
다른건가요..? 한번 찾아보겠습니다.. 아항
공부할게 산더미네요
팀 성격에 맞게 개발하는게 중요해조입니당
ㅜㅜ
장단점이 있는거죠
혹시 아토믹 패턴으로 잘 짜여진 레포지토리 볼수있는곳있나요...?
뭐가 베스트인지가 좀 알고싶어서 ㅠㅠ
이게... 사실
아토믹하게 짜여진
큰 프로젝트는
공개된 레포에서는
찾기가 힘들더라구요
종종 ui 프레임워크들 소개되곤 하는데
솔직히 봐도... 잘 모르겠습니다...
그건 좀 보기가 제 실력에선 어렵더라구요
아토믹하게 잘 개발한 회사를 들어가서 코드보는게 답인건가
정말어렵네요
ㅜㅠㅜㅜ
지금 구조보다 더 좋으면 쓰자고 할때 타당할거같은데
그게 아니면 말꺼내기도 애매하구
면접을 다른곳을 더 봐야겠네요 후..
금전이 부족해서 빨리 취업하려고 했는데
아토믹 디자인 시스템은 개념적으론 매우 훌륭하나 막상 현업에서 사용하기 시작하면 매우 모호한 지점이 많아서 나누는 기준이 회바회가 됩니다.. 사용하려면 정말 신중히....
DID 개발중인데 모니터 해상도를 모르는 상태로 개발중이라 걱정이 많네여..
각종 크기 테스트 해보는 방법같은게
있을까요?
그럼 혹시 현실적인 대안이 있을까요?
현실적으로 아토믹을 사용하지않으면 ㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋ
해보면서
계속 리팩터링 하는거죠 뭐...
도입할거라고 땅땅 하셨다면..
마박사님이 나갔습니다.
혹시 이 에러 왜나는지 아시는분 있나요? 잘 돌아가닥 갑자기 ㅠㅠ생긴 오류인데 찾아도 정확한 답을 모르겠어요ㅠㅠ
사진
팀 단위시라면 나누는 기준부터 정하신 후에 재사용성을 고민하시면 좋을 거 같습니다.
마박사님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
혹시 기업에서 신입 프론트엔드 직무로 뽑을 때 전공자래서 받는 혜택도 있을까요? 제가 느끼기에는 딱히 없는거 같은데... 맞을까요?
혹시 방통대 컴퓨터과 있으신분있나요?
전공자세요??
서합이 조금 더 잘되는 것 같습니다(주관적
네 전공자에요
전공자 푸시가 있는 회사는 있어여 ㅠ 좀 큰기업..!
수도권 4년제 전공자입니다 근데 딱히 없는거 같아요..ㅋㅋ쿠ㅠㅜㅜ
방통대 은근많이다니던데
저요
그렇군요..!
프론트엔드 공부중인데 방통대 다니는것도 도움 많이 될런가요??
저 졸업했습니다
CS지식을 채우는데는 큰 도움이 되었지만
방통대.. 가고싶네요
음 cs 지식에는 도움이 되시지만
방통대 시작할때로 돌아간다면 더 고민 많이하고 신중하게 시작할거같아요.
프론트랑은 크게...
음 저는 최근에 pre commit을 추가해봤어요! 린트체크하는걸 붙였는데 이전에는 어딘가 신경쓰지못했던 린트가 하나씩 튀어나와서 커밋이 하나씩 늘었는데 이젠 아예 없어져서 귀찮아지지않았어요 ㅎㅎ 또 pre commit msg도 붙였는데, 회사에서 지라를쓰고있어서 커밋메시지에 티켓넘버를 붙여야 추적이 가능해지는데 일일히 티켓넘버를 붙이는게 귀찮아서 브랜치네임을 파싱해서 자동으로 붙이도록 하는 스크립트를 작성해서 공유했어요 !
대학년수가 중요한거같아여
일부학과 빼고는 항상 미달이에요. 쓰시면 됩니다
그래도 저는 전반적으로 시야도 넓어지고
전 3년제라...4년제 지원을 못하더라고요
아하 그렇군요! 수업듣는게 빡세서 그러신가요!?
저도 전공자인데 프론트 관련 수업은 2개정도 밖에 없었어요...
근데 기본지식알고있음 좋은거같아요
음 그렇군요 감사합니다! ㅎㅎ
프론트 외적인 이야기 나눌 때 많이 도움이 됐습니다
특히 네트워크
와 클라우드
가도 나쁠게 없겠군요 좀더 바빠지겠지만
근데 솔직히
빡쎄긴 해요ㅎ
졸업 기준이 정보처리기사 취득으로 들었는데
교수님들도 몇분 빼고는
맞나여
잘가르치십니다
졸업논문 내셔도 되구요
오호..
논문대체자격증이
있습니다
정처기도 그 중 하나고
네 저는 회사랑 병행하느라 힘들었습니다. 전과목 전공만 들어서 그런걸지도 모르겠네요.
아하
Aws 프론티어라던지..
저도 내년이면 졸업반이라 정처기 준비하려구요
혹시 방통대 입학한다했을떄 4년제 졸업자의 경우 그냥 1학년부터 다시는게 나을까요아니면 3학년으로 편입해서 다니는게나을까요?
회사랑 병행하면 많이 힘드셨겠구만요
aws 프론티어 응시료가 좀 비싸서… 저는 azure자격증으로 졸업했어요
4년제 학사도 딸겸 내년 초에 편입 해봐야겠네요! 감사합니당
이번 스프린트는 아무래도 시간이 부족할거 같아서 신청 취소했습니다ㅠ 43번칸 한자리 지웠습니다!
고민없이 3학년 편입이요. 모든 과목을 다 들을 필요는 없습니다… 꼭 들어야하는 과목 위주로 들으세요
감사합니다..
이모티콘 혹시 저소음 키보드 좋은거 추천해주실 분 계신가요..?
삭제된 메시지입니다.
전 1학년부터 했읍니다..
전 이거 사용해요
유니콘님 레오폴드 좋아하시는군요…😍
무거운 느낌은 없나요?
있어용...
맥북 매직키보드 쓰다가 요고 쓰는데
무거운건 느껴지지만 부드럽게 들어가서 어히려 기분 좋더라구여
조용한건 무접점이 좋은거 같아요
삭제된 메시지입니다.
적축 저소음
남자는 핑크!
mx keys 최고
저는 요고써요
레오폴드 갈축이 진짜
미쳤음,,
저 이거 보고 있는데 혹시 어떤 점이 좋으신가요!!
제가 맥북 키보드 좋아하는데 맥북 키보드의 상위호환 같은 느낌?이라 좋았어요! 펜타그래프 키보드 특유의 느낌이 너무 좋더라구여 그리고 무엇보다 디자인이 깔끔해서 데스크가 예뻐집니다 ㅎㅎ
배터리가 짱짱입니다 ㅋㅋ
프린이🐥님이 나갔습니다.
색조합이 너무 귀엽네요
기다렸습니다 ㅠ
전
저거
잘 안보게되빈다
ptsd옴오ㅛ ㅠ
처음에 좋좋소도
그래서 잘 못봤었는데
저건 진짜 너무 리얼해서 더 못보게되더라구요
음.. 결말이 씁쓸하게 끝나네요..
재밌네용 ㅎ
공부 열심히 해야겠다..
공기업이나 7급 공무원 쪽 IT직무
노려야겠네요
괜히 사기업 노렸다가 이도저도 안되고
저렇게 될까 겁나네요
멋쟁이 프로도님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
멋프님 어서오세요
안녕하세요!
흑흑 저도 이번 스프린트는 일정이 있네요ㅜ 11월을 노려보겠습니다
안녕하세요 멋쟁이 프로도님 반갑습니다 :)
mx 키보드 궁금한게 유튜브 리뷰는 다 18만9천원이던데 실제 가격은 24만원 정도더라구요 ㅠ
먹보 네오님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 선생님들 여쭙고 싶은게 있어 왔습니다
사진
여기서 Oracle과 MySQL에 hover 했을 시 underline을 만들어주고 싶은데 방법이 있을까요??
사진
코드는 이렇고 현재 subCategory에 border-bottom만 넣은 상태입니다
underline은 애니메이션으로 왼쪽에서 오른쪽으로 긋고 싶은데 조언 부탁드립니다 ㅜ
hover 가상선택자와 text decoration css 속성으로 검색해보세요
애니메이션은 transition 속성이 있습니다
감사합니다!
혹시 underline 말고 이미지와 같이 border-bottom으로 처리하는 방법도 가능한가요?
border-bottom 은 좌-우가 아닌 위-아래로 조절할 수 있어서
개인적인 생각으로는 가상선택자(::after, ::before)를 이용해
width 와 height 로 그린 다음에 니소님이 말씀해주신 transition 을 쓰면 어떨까 싶어요
웹페이지 렌더링 과정에서 css의 변화는 reflow-repaint-composite를 리렌더링한다고 나와있는데, js로 DOM객체를 다루게되면 DOM Tree 생성부터 다시 진행하게 되나요? 정확히 나와있는 곳 서칭을 못하겠네요..
사진
사진의 어디부터 진행되는지 궁금합니다 !
hover 블럭 안에 언더라인을 보더로 대체하세요. 이렇게하면 원래 스타일에서 보더를 지워야겠죠. transition 적용 속성도 border로 바꾸세요
돔 변화 있으면 리플로우
js로 다루면 이미 있는 DOM, CSSOM을 조작해요. 첨부터 생성 안하구요
아 그러면 js로 다뤄도 Reflow부터 진행된다는것이군요
두분다 감사드립니다 !
딥링크 라이브러리
괜찮은거 있나요
모발보다개발님이 나갔습니다.
reflow가 일어나지 않는 css 속성이 있어서
일부러 피하면서 애니메이션을 하기도 합니다
아니 사실 맨날 그래요
선생님들 ㅠㅠ
사진
만들긴 했는데 language 부분은 잘 나오는데
사진
예로
로더같은거
같은 height를 주었는데 front-end 부분은 굵기가 다르게 나오는 이유가 뭔지 아시나요?
위치이동같은것보다 opacity조정으로 표현하면 성능이 확 좋죠
사진
사진
같은 클래스값에 동일하게 줬는데 height가 다르게 나옵니다 ㅠ
엇 반대로 해주시면 어때요?
subCategory 의 background 를 ::after 에 넣어주시구
subCategory 의 배경색은 빼면 어떻게 나오나요?
킹돌님 안녕하세요
안녕하세요 킹피치님
이모티콘
엇 쪼금만 더 자세히 설명 부탁드려도 될까요?
아 알거같아요! 해보겟습니다
오 제가 스타일을 잘못봤네요
subCategory 에 들어간게 배경색인 줄 알았는데
사진
희안허네요 왜 다르게 나오는거지
지옥에서 온 aside가 탄생할 뻔 했습니다 ㅠ
앜ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
죄....죄송해요..
코드는 눈이 침침해서 못봤지만
개발자 도구 키고
찍어보면
어느 속성에서 어느 높이가 지정됐는지
나옵니다
보통 원하는 속성값 취소선 그어지고
어디에 overflow: hidden 이라도 있는걸까용 흠
어느 이상한곳에서 지정한 값이 떠있더라구요
근데 그러기엔 코드도 동일하고 현재 개발자 도구를 보고있는데
둘 다 height가 2px이 맞는거 같아요 ㅠㅠ
호옹
혹시 codepen.io/pen 으로 재현해봐주실 수 있으실까요?
아! 로그인이 필요합니다...
요렇게 하는게 맞나요?
오 보냈습니다!
헉 네
너무나 잘 나옵니다....
일정한 두께로..
오호.. 감사합니다
네?
아녀
랭귀지랑 프론트앤드를 비교 해 보시면
사진
ㅠㅠ
혹시 java랑 python 비교 해 주실 수 있으신가요?
이번엔 java랑 python이 다르게 나오는데..
아 혹시
컨트롤 0 눌러봐주실 수 있을까요?
사진
이케.. 확대된 상태가 아니었을까 싶어요
100%입니다 ㅠㅠㅠ
모지??
억울합니다 ㅠㅠ
사진
사진
사진
흐으음
브라우저 확대하니까 네오님 보여주신 것 처럼 다르게 나오기는 하는데
그게 아니면.. 잘 나오네요
치맥하는 제이지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
이모티콘
이모티콘 어서오세요~
넵 안녕하세요!
엇 전 125%까지 확대하니깐 잘 나와요.. 머지 ㅠ
호오오옹???
윈도우 화면 자체가 확대되어있는건가?? 테스트 해보고 올게요
사진
확인...
윈도우 배율이 다르면 이케 나오기도 하네요
아
제가 권장 비율 125%를 쓰고있는데
아항 맞아요!
100%로 맞추니깐 잘 보이네요....하하핳
저도 125% 로 테스트했어요
아이구
감사합니다
결국 네오님은 잘못 없었따....
고생하셨습니다
홧팅
어떤 발표 내용을 보는 중인데, 이러한 내용이 있어서.. DOM 트리가 수정된다는게 JS로 컨트롤한다는 의미가 아닌 다른 방법이 있는건가요? 아니면 발표 내용이 틀린걸까요.. 아니면 제가 답변을 잘못 이해한걸까요 ..ㅠㅠ
사진
자료로는 Render Tree부터 재생성 된다는데
감사합니다 킹돌님 복 마니 받으십쇼! :D 한 수 배워갑니다^^
킹아니에요.. 흑흑 맷이에요..
이모티콘
reflow인가요 Render Tree부터 일까요..
Render Tree 부터 아닐까용?
JS로 돔 노드가 생성되서 렌더트리에 붙으면
그때 reflow를 계산하고
그에 따라 repainting 이 일어난 다음에
composit 할테니까........?
Render Tree부터면 DOM Tree도 다시 생성된다 생각해도 될까요?
아예 처음부터 생성되진 않을거에요
DOM Tree 변화없이 Render Tree만 수정될 수는 없을것 같은데
혹시 웹 기획할 때 body의 적당한 width값이 있을까요?
DOM은 하나의 노드만 변경되도 전체를 리렌더링 한다고 알고있어서..
오에엥 정말요?
어... 일단 100%...? 그다음에 들어가는 컨테이너 사이즈를 조절해서 가운데에 띄우거나 했었어요
메인 컨텐츠가 그려지는 요소의 너비라면.. 디자인 따라 다르지 않을까 싶어요
잘못된 지식일까요 .. 멧돌님이 놀라니 갑자기 아닌것같은 ㅋㅋ..
에이 저도 배우는 입장이라
감사합니다!
https://www.udemy.com/course/react-testing-library/ 이 강의 들어보신 분 계신가요,,,? 어떠셨는지 궁금합니다!
근데 스크립트태그나 스타일태그를 js로 삽입하는 경우를 생각해보년
렌더트리부터 다시 만들어야하지않나요 최소한 영향을 받는 자식이나 부모부터는 만들어야할거같은데요
아 dom tree에 해당 노드 추가후 다시 계산해야할거같은데
저도 그럴것같은데 거기서 더 나아가서 DOM Tree부터 작업되는지가 궁금하네요.. 검색해도 잘 나오지 않아서
렌더트리 만드는던 맞는거 같은데요?
DOM Tree부터 리렌더링되면 그냥 처음부터 리렌더링된다는건데..
돔트리는 처음부터 생성할 필요가 없지않나요?
그져그져 이미 그려진 트리이고
스크립트태그나 그런 태그들을 다 읽어야하는데
추가되거나 삭제되는 노드에 대해서만 계산하면 될 것 같으니까..
그쵸
cssom도 마찬가지일테구요
선택자에 따른 스타일이 추가될 뿐이니까
이를 합성해서 나온 렌더트리도 마찬가지로 새로 그릴 필욘 없을 것 같은데
가상돔은 바뀐 노드의 부분만 변경이 가능해서 성능면에서 좋고 일반 돔은 그게 안되서 하나의 노드만 변경되도 전체가 리렌더링되기 떄문에 성능이 안좋다.. 라고 배운 기억이 있어서요
바보fe님 말씀대루 트리 유지하는편이 효율적이니까
렌더랑 cssom은 추가하고 전체 렌더링은
reflow나 repaint부터 하는게 맞을거같은데
흠.. 이부분은 블로그에 일단 체크해놓고 작성해야겠네요
이건 좀 다른 개념같은데요?
가상돔은 메모리로 관리되니까 페인팅이나 플로우에 신경쓸 필요가 없구 관리하는 각 노드에 대해서만 알면 되니까
그쵸
직접 그리는 행위에 비해선 확실히 효율적이죵
js로 직접 그릴경우
하나의 요소 추가마다 reflow repaint를 수행해야자하지만
가상돔을쓰는 spa에서는
이러한 변경사항을 배칭해서 한번에 반영한다는 이야기가 아닐까요?
이모티콘
이.. 일단
dom fragment라는 것도 있으니까..
아.. 뭔가 제가 애매하게 알고있었나보네요..
노드 추가되면 전체 트리를 새로 그리는지는 저도 궁금하니까
테스트 좀 해보고 오게씀니다..
또 리프노드일때랑 중간 노드일때랑 다를것같긴한데 ㅋㅋ..
트리로 관리한다는거 자체가
자식요소를 추가하고 삭제할 때 아래를 버리겠다는거 아닌가요?
아 이건 아닐수도 있겠네요
필터버튼 만들어보려는데 생각보다 어려워요..
하나하나씩은 보여주는데 여러개가 선택되는 경우가 헷갈리네요
치맥하는 제이지님이 나갔습니다.
초롱초롱 어피치님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
dom tree부터 리렌더링 된다는 말이 잘 안와닿네요. 브라우저 렌더링 과정을 살펴보시면 dom, cssom을 조합해서 render tree를 만들어내는 단계가 있어요. 렌더 트리가 수정되면 다시 렌더링되는게 맞는데 dom tree부터 리렌더링 된다는 말은 브라우저에서 dom tree를 처음부터 다시 다 생성한다는 말씀이신가요?
이렇게 말씀하신거면 그건 아니구 화면에 레이아웃잡고 그려지는걸 말씀하신거면 그건 맞아요
계속 답변해주셔서 감사합니다. DOM Tree를 처음부터 다시 생성하는 것은 아니고 부분적 업데이트를 진행한다고 이해해도 될까요?
내일 공문을 좀 찾아서 블로그에 적어야겠네요..
알듯 말듯 하네요
안녕하세요. 구인 공고를 올려도 괜찮을까요? ㅎㅎ
한성식님 말씀대로 처음부터 만들지는 않구 만들어진 노드로 DOM을 만들고, 만들어진 CSSOM과 합성해 렌더트리..에 붙일 노드를 만들어서 렌더트리에 붙이는 것 같아요 (이게 Recalculate style 인 것 같아요)
..그리고 모든 노드를 돌면서 Layout 을 계산하는 것 같아요
그렇게 영향받을 노드를 구하고 그 칭구들 대상으로 리페인팅을 진행하는 것 같은데
테스트는 어떻게 하셨나여?
Performance로 찍어봤어용
아하
div 에 텍스트 넣은 요소 10만개 넣어보고
그 중간에 요소 하나 찔러보고
absolute 로 띄워서 하나 넣어봤어용
고수........
개발자 도구 돌리니 나오더라구요..
나온 지표보고 추측한거라 흐음
오오
와우…
2시까지 하는게 쉽지 않네요 스프린트 할때 잠은 없는거로..
ㅋㅋㅋㅋ;
블로그 글 완성하시면...
공유해주실꺼죠?
이모티콘
넵 ㅎㅎ 아직 멀었지만..
그나마 요게 디테일해보여서 보고 있는데.. 영어라 https://web.dev/critical-rendering-path-render-tree-construction/
잠은 주무시며.............
https://web.dev/reduce-the-scope-and-complexity-of-style-calculations/ 얼추 맞으신거 같은데요
아 이거 말고 어디 정리 잘 된게 있었는데 못찾겠어요 기억이 안나요 ㅠㅠ
오옹 이것두 잼난 글이네요 감사합니닷
막 7년 전 글 그런데에선 Chrome DevTools Timeline 을 쓰던데
사진처럼
web.dev 잘 돌아다니시면 정리된거 있을거에요
지금은 Performance 에 흡수된건지.. 안보이더라구여
https://developer.chrome.com/blog/performance-insights/ 이런것도 생겼네요
오홍!
실험적 기능이라 그런지
되다 말고 그러더라구욬ㅋㅋㅋ큐ㅠㅠㅠ
보기좋게 정리해주니까 좋긴 하네요
싱기하다
https://github.com/axios/axios/releases/tag/v1.0.0 드디어 1.0이군요
오오오
저 혹시 스프린트 신청서에 대기자명단이 어디있나요? 못찾겠습니다..
앗 지금 막 확인해보니까 마감된 것 같아요
요기..!
"--- 스프린트 12기는 마감되었습니다. (개발자가 아닌 디자이너분 자리는 남아 있습니다. ) 아쉬우신 분들은 시트 하단에 대기자 명단에 적어주시면 먼저 지원하신 분들의 참석여부를 확인하고 부득이하게 참가하지 못하는 사람이 생길 경우 연락을 드리도록 하겠습니다." 이렇게 적혀있는데 마감 된후 신청한 사람들 대기자로 명단 올리신다는 말 ... 맞죠?
그..... 그런 것 같죠.....?
이모티콘
사진
늦은 시간에 죄송합니다 혹시 저 화살표를 누르면 옆에 사이드바를 숨기려고 하는데
사진
삭제된 메시지입니다.
사진
이렇게 구현을 했습니다 화살표 클릭 시 aside의 width를 0으로 하고 overflow: hidden 하려고 했는데 화살표까지 hidden처리가 돼서
방법이 있을까요??
화난 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
사진
모두모두 오늘도 화이팅 하세요!! 즐거운 하루 되시길 바랍니다 :)
이모티콘 화이팅입다!! 재연님도!
사진
혹시 이 에러의 이유를 아시는분 ~ 구글링을 해도 명확한 답이 없어서 여쭤봅니다. 돌아가는데에는 문제가 없는데 콘솔에 빨간색이 떠있는게 너무 보기싫은...ㅠㅠ
네~ 온라인으로 진행되는 방식이라 사실 참여 인원에 제한이 있는 것은 아니지만 제가 아직 대규모로 진행을 해본 경험이 없다보니 몇명까지 동시에 케어가 가능한지 아직 감이 없어서 실패를 하고 싶지 않아서 부득이하게 이번에는 제한을 걸었습니다. 보통 신청한 모든 사람들이 다 오는 것은 아니다보니 연락처 남겨드리면 또 빈자리가 생길경우 전달 드리도록 하겠습니다
채팅방 관리자가 메시지를 가렸습니다.
헉 아직 비어있나요? 다 찬거같은디🥹
혹시 프론트엔드 채용 공고를 올려도 괜찮을까요?
어떻게 구현하셧는지 정확한건 로직봐야할거 가타여
네 마음껏 올리셔도 됩니다
채팅방 관리자가 메시지를 가렸습니다.
그러네요 이미 채워졌네요.;;;
안녕하세요. 신생 웹 에이전시에서 채용을 하고 있습니다. 업무 개요 : 커머스 프론트엔드 및 퍼블리싱. 조건 : 주 5일 9시-18시 재택근무. (인하우스 미팅 간간히 있음) 연봉 : 1억 (3개월 수습 90프로) 언어 : 리액트 nextjs mui 기반의 커머스 웹사이트 운영특이사항 : 기본 개발은 되어있으나 클라이언트사의 디자인 개선건을 최대한 웹에서 맞춰줄 수 있어야 합니다. 프론트 역량도 있으면서 자질구레한 퍼블(중요!)을 다 처리할 수 있어야 합니다. 리모트지만 인하우스처럼 일할 수 있으셔야 하구요!
이모티콘 1억!
1억??
🥲
최대한 빠르면 빠를수록 좋고 서울이시면 바로 대면 미팅 후 빠른 입사 가능합니다. 1명 채용 중이에요.
다음 기회 노립니다 ㅠㅡㅠ
경력은 몇년이상입니까?
대기자명단에 올려주시면 제가 따로 연락드리겠습니다.
이모티콘 1억..!
네 감사합니다!!!
5년 이상을 선호하는데 서류상 경력은 중요치 않고, 태도/능력을 봅니다. 클라이언트사에서 원하는 요구사항을 잘 맞춰줄 수 있을지요. 9to6안에선 업무량은 조금 빡센 편입니다.
혹시 상호명을 공개해주실수 있나요?
연봉 1억이 눈길이 가긴하지만 그래서 조금더 정보가 공개가 되면 선택하는데 도움이 되지 않을까 싶네요.
신생이고 아직 업력은 없습니다. 클라이언트사가 제가 개발팀장으로 있었던 회사고, 제가 나가면서 프론트단을 전부 위임한 상황이에요. 실제로 프론트 코드도 제가 70% 이상 작업했구요.
다만 저는 이미 다른 업무를 프리로 맡아서 하고 있는 것들이 있어서 이를 나눠 할 분이 필요한 상황이라 보시면 됩니다.
2년 재직하고 나온 곳이고 제가 거의 다 짠 코드라 소스도 다 설명가능하고 업무 형태가 어떨지도 미팅할 때 미리 다 말씀드릴 수 있다고 보심 될 듯 하네요.
그렇군요~ 그러면 일단 혼자서 처리가 가능한 사람이어야 하겠네요. 일은 혼자서 해내야 하는 상황인거죠? 함께 하는 분이나 팀 구성은 어떻게 되나요?
3명까지 채용 예정인데, 시니어 2분 주니어 1분 PM1분(저) 이런 식으로 구조를 잡아갈까 하고 있어요. 지금 1억 조건으로 거는 것은 제가 했던 역할을 그대로 넘겨드릴 수 있는 분을 찾고 있는 것이구요. (제가 이 금액 받고 일했고)
아직 팀은 구성 중입니다. 주니어는 6~7천으로 능력과 열정있는 분을 찾으려고 하고 있어요.
감사합니다. 우대사항으로 생각하시는 조건 같은게 있으실까요?
우와 1억
5년차 이상을 보시나요?
헉 1억
1. 재택이지만 9to6 업무 자체에선 몰입도가 있어야 함 2. 커뮤니케이션 능력(고객사 대표, 스타트업 스타일 회사(정리되지 않은)와 원활한 소통이 가능해야 함) 3. "디자인/기획에 최대한 맞추어 구현하는 것"이 최우선인 사항이라 디자인에 최대한 가깝게 프론트를 구현할 수 있는 각오(컴포넌트 재사용성보단 디자인에 가깝게 최대한 구현) 4. 리더급 역량 5. 종종 인하우스 미팅 가능
특별한 우대사항은 아니나 좀더 설명드리면 이정도가 있을 듯 하네요.
서류상 경력은 중요치 않아요. 너무 연차 낮고 이해도가 낮지 않으면.
각오라는 표현 재밌네요. ㅋ
여기에 올리는 공고 말고 사람인 같은 플랫폼에서 좀 더 자세히 볼 수 있는 공고가 있을까요?
제가 디테일하게 css 작업을 하는 것을 잘못했어가지구요ㅎㅎ. 퍼블이 따로 없는 상황에선 리액트 개발자들이 CSS를 퍼블처럼 잘 다루고 스타일을 맞춰야하는데, 이게 말처럼 쉽진 않은 것 같습니다.
넵 올리고 다시 전달드릴게요.
그쵸~ 개발을 잘하는 분이랑 CSS를 잘하는 분하고도 많이 나뉘더라구요 ㅎ
저도 제가 css만지면서 이게맞는건가?? 이러고잇습니다..
저정도 연봉이면..진짜 각오를 하고 가야겠는걸요
네 ㅎㅎ 그리고 구조가 특이하게 기획/디자이너가 많은 회사라 그쪽의 파워가 쎕니다.(대표가 기획자 출신) 그러다보니 결과물도 그렇지만 능숙한 소통 능력이 필요해요.
감사합니다. 언제든 홍보가 필요하시면 얘기해주시며 링크도 공유해주세요. 다른분들도 궁금한게 있다면 많이 물어보셔서 누군가는 선택을 할때 도움이 될 수 있기를 바래봅니다.
ㅋㅋㅋ 네~ 상상이 됩니다.
아하.. 혹시 공고 올라오면 말씀해주실 수 있나요?
맞습니다. 근데 진심으로 업무량 대비 좋은 조건이라 생각합니다. (편하다는 얘긴 아닙니다)
옙
받는만큼 책임이 따르는건 당연한거지요..
맞습니다.. 시니어 기준 1억이니까 ..
퍼블 진짜 어력
어렵
스트레스 받음
혹시 연락 가능하신 이메일이나 연락처를 받을 수 있을까요? CSS 도구 사용의 제약이나 프로젝트 등에 궁금한 사항이 있습니다!
사진
저 앞에 w.fn.init 뭘 의미하는건가요…?
콘솔창인데
jQuery로 보이네요. w는 minify 처리되어 w로 치환되것 같습니다.
어이쿠 연락처를 못남겼네요 ㅋㅋ 01074947084 입니다.
문의사항 이쪽으로 연락드려도 될까요?
넵 주세요!
@유용태 (teo.yu) 스프린트12기 지금 마감인가요??
일단 그렇습니다만 대기자 참가자 신청서에 작성해주시면 불참하는 참가자들이 있을때 연락을 드릴수는 있습니다.
카시드님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 카시드님 반갑습니다 어서오세요 :)
안녕하세요!
어서오세요~ 여기는 프론트엔드에 대해 궁금한 것들을 물어보고 아는 것은 공유하고 알려주면서 함꼐 성장하고자 하는 곳입니다. 궁금한 이야기 관심있는 이야기 무엇이든 편하게 글 남겨주세요 :)
안졸리나졸린님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
다들 어서오세요~!
이모티콘
후우
이모티콘
뭔가
태스크 하는데
에러가 안나서
이상하네요
분명 여기서 에러가 나야되는데
안나서 무서워요
이모티콘
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
어? 이게왜 되는거지?
ㅋㅋㅋㅋㅋㅋ
어?....어....아...
나는 바보고 vsc는 .... vsc는....
이모티콘
나는 바보고 vsc는…
나는 바보다..
22
33
44
항상 겸손해라
나는 바보다
겸손이 아니라 솔직하게 바보다
Z님이 나갔습니다.
저도 바보행렬에 동참하겠습니다
유저의 팔로잉 팔로우를 mysql에 저장하는 중인데 팔로우 취소할 때 deletedAt을 채웠다가 다시 팔로우하는 경우 수정하는 것과 아예 테이블 row를 삭제했다가 재생성하는 방법 중 어느게 더 나으려나요?
팔로우 기록까지도 재사용이 되어야한다면 소프트딜리트 혹은 지금까지의 삭제정책이 소프트딜리트였다면 소프트딜리트처리할거같아요
ㅂㅇ님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
JE님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요!!
혹시 useEffect를 쓸때 eslint-disable-next-line react-hooks/exhaustive-deps 이걸 넣어줘서 warning을 없앴는데 이렇게 warning이 뜨더라도 사용해야하는 상황이 많이 있나요?
음….. 저는 ㅎ
많이 있었습니다
지금 하나의 컴포넌트에 useEffect를 4개 연속으로 쓰는데 그 중 3개에 eslint-disable-next-line react-hooks/exhaustive-deps 이걸 걸어줘서 이게 맞나 싶어서요 ㅋㅋ
나는 바보고 바보가 쓰는 vscode도 바보다..
사진
useEffect를 일종의 완벽한 순수함수로서 동작하기를 원한다면, (그렇게 함으로서 예상하지 못한 동작을 하지 않기를 원한다면) 해당 eslint 를 충실히 지키는게 좋습니다
만....
그렇게 프로그래밍하기 너무 어려워요
그게 효율성이 있는가에 대한 레딧이랑 깃헙 토론글도 봤고요
그래서 저는 끄고 씁니다 ^^
답변 감사합니다!
저는 경고 안 뜨게 쓰는데, useEffect를 subscribe 하는 형식으로 사용하면 그 경고를 자주보게 되는 것 같습니다
예를 들어서 useEffect(()=>{ const d = a(b) + c; },[a,b]) 이럴때 c가 없다고 말하는거죠?
c가 만약에 상수값이라면 굳이 넣어야할까요? ㅋㅋㅋ
그리고 정말 가끔 저는 이 트릭을 역이용해서 일부러 업데이트 되지 않은 함수를 사용한적도 있습니다. (리엑트의 방법론적으로는 매우 역행하는 것이긴 하지만요)
스타텁인데 대표가 자기맘에 안드는(의견에 반기드는사람)을 주기적으로 권고사직 시키고있습니다.. 슬랙 dm도 감시하고..
슬랙 DM 을 감시해요?
DM 을 볼 수 있는 방법이 있나요?
DM 을 주고받은 횟수는 아는데
dm 볼수있습니다 여러분 조심하세요..
특정 요금제 사용하면 dm 다 까볼수있어요
엥..
처음알았네요 그건
엔터프라이즈급 요금제를 해야하는데
1인당 3~4만원이 넘을텐데 ㅋㅋㅋㅋㅋㅋㅋ
맞아요 엔터프라이즈급 요금제에요
빠른 탈출을..
스타트업이 엔터프라이즈급 요금제를 쓸 이유가 없는데
어떤 다른분께 얘기했더니 사내 메신저에서 나오는 대화내용도 다 회사의 자산이라고 그러려니 하라고.. 하는분도 계시더라구요
돈이 많은가보네요,,,
숨막히네요..
조직이 개인의 자율성을 상당히 침해하는군요
저도 그렇게 생각합니다만 왜 그 요금제를 사용하는지 모르겠네요
북한에살면 이런 기분일까 싶습니다
그래야만 하는 상품을 팔고있나요?
보안이 엄청나게 강조되는 상품이라던지
헬스케어 회사입니다
보안이 생명인 서비스입니다
헬스케어인데 보안이 생명인가요?
기술적인 보안인가요
아니면 고객 정보 보안인가요
넵
이거는 슬랙 요금제랑 그러면 상관이 없어보이는데.. ㅋㅋㅋㅋㅋㅋㅋㅋ
아마 그럼 2가지중 하나일거에요
감시목적인 것 같아요. 본인의 마음에 안들면 숙청하려는..? 그렇게밖에 생각이 안들어요
1) 투자/지원 받은 돈이 너무 남았고 쓰긴 해야하는데 임금으로 못 나가서 요금제 업그레이드 => 이 경우 사내에서 쓰는 다른 툴들도 가장 높은 요금제인지를 봐보세요 2) 개인의 자율성을 용납하지 않는 조직문화 형성
여튼 탈출준비하고있습니다..
오.. 저도 헬스케어 쪽에서 권고사직 당했었는데 ㅠ
하지만 반기를 든적은 없쥬..
혹시 넥토리얼 엔지니어 직군 코테 보시는분 계신가요?
민감한 이야기는 카톡으로..
넵 맞습니다..
근데감시하면
다른툴로욕할텐데... ㅋㅋ
종이비행기쪽지 ㄷㄷ
응애개발자님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
거기 대표님 꿈이 김정은이였나봐요
오우..저희도 비슷한데
대체 직원들 디엠 감시해서 뭐하게ㅠㅠ
점심 맛집좀 알아내시려그런가..?
서류통과되고 1주일동안 연락이 없는건 불합격이란 의미일까요?...
전 2주뒤에 연락온곳도 있어요! 아니면 리마인드를 보내보는것도 방법입니다ㅎㅎ
저도 일단 좀 더 기다려보고 리마인드 보내봐야겠네요 ㅠㅠ 답변 감사드립니다!
"SSG에서는 빌드 타임에 생성된 pre-rendered HTML을 내려주기 때문에 Client Side Rendering에 비해 레이아웃이 shift될 일이 적다" -> 이 말이 맞는 말일까요?
CLS 관련해서 제 생각을 적고있었는데 긴가민가하네요..
여전히 SSG라고 해도 리소스(이미지 파일) 등을 로드하는데 딜레이가 있을 수 있어 layout shift가 생길 수 있나요?
슬랙 DM 열람 되는군요...
말조심해야겠다...
dm 열람이요?
1대1로 나눈 대화가 관리자에게 오픈된다는 말씀이신가요?!
네 볼 수 있어요
에에?!!!
믿을수 없어요..!!
정말인가요
하기사 생각해보면
워크플레이스 자체가
회사 소유긴 하죠
돈내고 쓰는거니...
그 안에서 대화나누는거니...
슬랙 쓰는건 아니지만 회사에 보여주고싶지 않은 말은
사적 메신저 쓰는게 보통이더라구요
솔직히 저도 대표되면
궁금하긴 할듯요
직원들 무슨 대화하나
웹스톰 쓰시는 분들 부가기능 어떤거 가장 유용하다고 생각하시나요?
웹스톰에 웬만한건 다 내장돼 있긴한데 그래도 유용한게 있다면 또 깔아서 써보고 싶네요 ㅎㅎ
그럼 프라이빗 채널내에서 나눈 대화도 공개되려나...
private은 안보입니다.
찾아보니까 Enterprise 플랜 이상이고, 관리자 권한을 가진 사람이면 특정한 방법으로 볼 수 있네요, 실시간으로 DM을 보는 건 아니고.
사진
저희 회사는 규모가 작아 Pro 플랜이라 다행..
그래도 조심해야겠네요 어떻게든 볼 수있다는건 볼 수 있는거니..
Enterprise 이상 X -> Business+ 플랜 이상
엥.. 저 Enterprise에서 못봤는뎅
ㄸㄷㄷㄷ
메세지 내보내기 기능을해서 그 파일에서 찾아봐야 한다고 돼있네요
아, 그렇궁요 공유감사합니다.
흐음 관리자이신가요 ㅋㅋ
여튼 식겁했네요
예전이야기입니당 ㅎㅎ
이모티콘
이모티콘
제아이디가 nextjs레블이지만 잘 몰라 질문 드립니다...
nextjs 같은 서버사이드 렌더링에서의 "서버"와 정통 Backend에서의 "서버" 는 그 주체가 다른것인가요?!
주체라면..??
에를들어 naver.com/login 에 접속하게되면 naver 서버에 login 페이지 접속 get 요청을 보낸거라고 생각하면되요!
그걸 라우트 처리해주는 nextJS의 프론트서버구용
정통이 뭘 의미하는지는 잘 모르겠지만 ㅎㅎ 같다고 봐야하지 않을까요?
사진
express문서인데 서버가 /login get요청을 받으면 필요한 파일을 보내주잖아여? (login 페이지) nextJS서버도 마찬가지로 src/pages밑에있는 파일들을 브라우저에게 전송해줍니다
혹시 typescript에서 enum사용시 번들사이즈가 커지는 문제 아직 있는걸까요?
버스타는 무지님이 나갔습니다.
제가 해봤을떈 커지더라구요, 딱히 수정했다는 얘기는 못본것 같은데..
그 브라우저에게 전송해주는 주체가 무엇인가요?!
음 예를들어 보통 BE를 ec2에서 사용한다고 하면 서버주체는 ec2에 있는것인데 로컬에서 개발했을때는 예를들어 next빌드를 localhost:3000에 했으면 localhost:3000이 파일을 보내줄텐데 배포환경에서는 프론트 배포를 보통 s3에 했다고한다면 s3가 보내주는것일까요?
저흰 예전 회사에서 개발 팀원끼리 우연히 그 사실을 알아서 대표가 직원들 욕한거 전부 알게 되었어요 ㅋㅋㅋㅋ
물론 그걸 밖으로 꺼내진 않고 저희끼리 알고있긴 했지만..
아니져 s3에있는 빌드타임에 생성된 파일들뿐입니다 그건 서버가아니에요
아하...아하 그렇군요...
ec2에서 start시 s3에 미리 빌드되어있는 파일들을 먼저 ssg로 보내주게 되는데 next start시 서버인스턴스가 구동되어서 필요한 서버(라우터요청)시에 미리 필요한 파일들을 s3에서 불러오는 구조가 되겠지요?
s3는 그냥 저장소..? 이지요?
s3에있는건 그냥 정적파일 저장소에요
ec2는 실제 컴퓨터잖아여
사진
nextJS를 사용하게되면 아마 이런 형태가되게 될거에요
클라이언트(브라우저) <-> 프론트서버(nextJS) <-> 백엔드서버
https://lemontia.tistory.com/938 여기가 정리 잘되어있네요! ssr Cycle 보시면 될거같아요
혹시 vercel 프로젝트 만드실 때 레포 선택하는 과정에서 무한 스켈레톤 로딩 현상 겪어서 해결해 보신 분 계실까요? 최근에는 잘 되고 있었는데 신규 프로젝트를 등록하려는 시기부터 갑자기 그러네요. Response 메시지에는 "Vercel App is not installed"라고 뜹니다. 문의도 넣어둔 상태긴 해요ㅠ
오오 감사합니다!!
S3에서 서빙하면 주체는 S3가 되는거고요 EC2에서 띄우시면 EC2가 되는거겠죠?!
혹시
Uncaught SyntaxError: Unexpected token '<' (at app.c06e0c41.js:1:1)
이런에러 잡아보신분 계신가요?
head 안에 title 이름만 바꿧는데 ㅠㅠㅠ
그거
< 지워야할거에여
어디서용..?
어떻게 바꾸셨나여?
그냥 head 안에 title만 바꿧습니다 vue2 환경이구요..!
헉 vue2...
vue를 알아야 도움을 줄 수 있을거같은데 그렇지 못해 너무죄송하군요 ㅠㅠㅠ
님들..
코드 올려주시면 아시는 분이
해석해주실겁니다
리코일에서 상태관리 하자나욤
리코일에.. 이미지 저장해보신분..?
코드를 올려주시면!
string 이나 number 만 저장될리가 없는디
끄ㅓ얽
뇌가 쪼그라든당
api만 연결하고 싶당
s3 링크로 받지않나요 보통? string 저장해도 좋을듯합니다
응애님 감사해욥!!
꺄아아앙
enum 써서 번들사이즈 커지는게 유의미하게 커지는건가요?? 궁금해서 여쭤봅니다
요고
힙합맨 제이지님이 나갔습니다.
멋쟁이 프로도님이 나갔습니다.
enum의 경우 어떤 번들러를 사용하느냐에 따라서 사이즈가 달라질 수도 있나요?
이거는 좀 생각해볼만한 글 인것 같아요>
실제 enum을 사용하는 방식이 어떻게 될까요? const ios = MOBILE_OS.IOS 이렇게 직접 참조하는 방식으로만 사용하나요?
MOBILE_OS[serverResponse.osName] 으로 하면 저것도 쉐이킹처리가 되나요?
그래서 CRA는 ec2에 배포하려고 할때 웹서버가 필요합니다. 아파치나 엔진엑스요. 얘네들이 리액트 빌드파일 (html)을 브라우저에 건네줍니다. 근데 next는 그 자체에 서버가 있습니다. 그래서 ec2에 배포해도 웹서버가 필요 없습니다.
패키지 제이슨에서 파일 경로 `@/moduleA` 이런식으로 커스텀 하는걸 뭐라고하나요?
module alias...일까요?
감사합니당
next서버는 어떤걸로 만들어져 있나요?!
관련해서 문서를 찾아봐도 찾기가 힘들군요...ㅠㅠ
express인지 알았는데 그냥 노드로 만든 것 같습니다.
아하...!!
패키지 파일 뒤집어보시면 나와용
그래서 리버스 프록시 서버를 사용했을때 CRa는 그것을 감싸고 있는 엔진엑스 포트로 연결을 해주고요. next는 next 포트 물려주면 됩니다. 디폴트가 3000이죠
오호...!
그래서 말씀하신 렌더링에서의 서버는 웹서버, “정통” 백엔드 서버는 WAS라고 저는 생각하고 있습니다.
JE님이 나갔습니다.
MVC패턴을 통해 5개의 페이지를 갖는 웹앱을 만든다고 할때, 이 때 View에 해당하는 모듈은 보통 5개인가요? UI를 기준으로 나누는 컴포넌트 방식과 헷갈려서 질문드립니다..! 질문이 다소 모호한 점 죄송합니다 ㅠ
component는 다 view로 보는게 맞지않을까요
MVCㅊㅊㅊㅊㅊㅊㅊㅊㅊㅊㅊㅊㅈㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁ
https://codepen.io/kinnatzzang/pen/yLjqJYP 갯수입력하고 검색하기 input을 키워드 입력 input 옆에 나란히 놓고 싶은데 div를 하나로 묶으면 300px로 잡아놨던게 줄어들고 이상하게 배치가 되더라구요…… 그래서 div를 한번아닌 두번으로 나눴는데 width에 영향안주게 3개다 나란히 배치하는 방법이 있는지 여쭤봅니다
나란히면
flex!
search에 있는 relative땜에 그런건지...ㅠㅠ
flex로 하구, input width 100퍼 없애구 갯수입력이랑 버튼 width 지정해주면 될거같아여
왜냐면 flex를 안에주셨기때문이에요
전체div에주세요
전체 div라면 두번으로 나누지 말고 한번으로 합치라는거죠?
search form 에다가 flex 주시면 될거같은데
이 강의 좋나요
enum의 번들사이즈가 걱정되시면 그냥 맘 편하게 object에 as const 붙여서 사용하세요. 파라미터로 넘길때 뺴고는 다 편합니다
프론트엔드 개발자가 신입 한명밖에 없는 프로젝트에서 pnpm이나 yarn berry를 써도 괜찮을까요? 제가 그 신입인데 기술 스택을 고르는 중이라 고민이 됩니다..
신입이 잘하신다면 문제없겠죠?
나는 바보다
바보인 내가 만드는 코드도 바보다
뭐든 잘한다면야 문제가 될게 없겠지만.. 사실 FE가 중요한 프로젝트가 아니라 도전적인거 했다가 괜히 프로젝트 딜레이 걸리게 만들까봐 약간 걱정이 되네요 ^^;
안녕하세요 만약 프론트1 백1으로 jsp servelt을 사용해서 web페이지를 만들 때 프론트엔드 개발자가 만들어야 하는 부분은 어디까지인가요? 아직 프로젝트를 경험해보지 못해 궁금해서 질문드립니다
yarn berry의 pnp mode의 경우엔 dependency를 node_modules에서 관리하지 않기 때문에 경로에 의한 엄청난 에러가 터지게 됩니다. (설정을 맞춰줘야해요)
개발자 개인의 입장에서는 신입이고 혼자일때는 하고 싶은 스택 다 써보는걸 추천하지만... 나중에 내가 회사를 나가고 유지보수하는 다음 사람 입장에서는 원래 해당 스택 안썼다면..... 사실 제가 전자라....
따라서 급한거 아니면 그냥 yarn을 사용하라고 말씀드리고 싶네요
저도 1인 개발자라 혼자서 기술스택을 다정했었는데요 뒷사람 생각해서 가장 보편적인 스택으로 했어요!
https://codepen.io/kinnatzzang/pen/yLjqJYP 일단 가로배치는 성공했는데 이번에는 num, box class에 준 width값이 웹브라우저에서 다르게 나오네요 ㅠㅠ 돋보기 왼쪽에서 가운데 배치할려면 margin-left로 주는거 말고 어떤 방법이 더 좋은지도 궁금합니다..
소중한 조언들 감사합니다! 무난한걸로 골라야겠네요🙇♀️
많지는 않겠지만 에러가 발생했을때 정보가 적거나 스택 자체 문제로 해결이 불가능한 케이스를 피하고자 보편적인 스택을 해야한다는걸 알면서도 마음은 신기술을 쓰고싶..읍읍
(제가 그렇습니다)
ㅋㅋㅋ뒷일 생각 안하면 신기술 쓰는게 재미있죠
ㅋㅋㅋ
사이드플젝으로
맛한번보세요
그게 젤 좋죠
flex에 대해 전혀 모르시는 것 같은데 https://studiomeal.com/archives/197 여기 한 번 읽어보시면 도움이 될 것 같아요 ~
<프론트엔드> 커리큘럼 html css js ts react jQuery canvas SVG SketchUp
이거 맞나요
제이쿼리 빼기
오홍
제이쿼리 안해도괜찮나요ㅠㅠ
위에 다섯개까지용
제이쿼리 안써요
하긴
안쓰는곳으로가면되네요
진짜 여쭤보기도 죄송한데... 리액트에서 backgroundimg를 주려는데 스타일링을 안먹어서 혹시 리액트에서 css import하면 다르게 해야하나요?ㅠㅠ 다른 건 다먹는데 backgroundimg만 안먹어서 여쭤봅니다 ㅠ
사진
제이쿼리 쓸 필요가 없어용 돔접근할 일이 거의 없어서
퍼블릭 빼면될거같은뎅
이직때
제이쿼리쓰면어쩌지? 이생각했는데
생각해보니까
왜물어봤을까요...
난 바보다
강님이 나갔습니다.
(진짜 바보임)
...맞네요.. 경로가 root에서 시작하는게 아니군요.. 아 img는 리액트에서 public 시작이라는걸 깜빡했습니다ㅠㅠ 감사합니다.
👍
신입 때 썼다가 에러로 한동안 고생 했네요.. 근데 zero install 한 번 맛 들리니까 너무 좋아요
이번에 중소기업에 프론트엔드 개발자로 면접을 보게 되었는데 혹시 면접에서 기술에 관련해 어떤질문이 자주 나오는지 도움을 받을수 있을까요?? 무엇을 공부해야 하는지 막막하네요 ㅜㅜ
구글링 해보시면 정리돼있는거 있어용
제 북마크에는 이런게 있네요
근데 저런 블로그는 정확한게 아니기때문에 참고만 하셔야 될것같아요
제 기준 기억나는건
렌더링과정
오오 감사합니닷
웹팩의 동작원리
최적화 경험
그렇군요
브라우저 렌더링이랑 최적화 경험은 꼭 물어보는 것 같아요!
requestAnimationFrame 사용해봤는지 동작원리 setInterval이랑 차이점 정도였어요
공부할게 많네요 ㄷㄷ
렌더링이랑 최적화 등등 모두 깊게 공부하는게 좋겠죠?
공부하시되 본인 경험을 중심으로 이야기할 수 있게 준비하시면 좋을 것 같습니다!
최적화의 경우 해본 경험이 없는데... 홈페이지 만들다가 템플릿 상속으로 중복코드를 줄였다는 것도 최적화에 포함이 되나요?
최적화 같은 경우는 특히 경험이랑 연결해서 많이 물어보시더라구요
이렇게 답변하면 이런 꼬리물기 질문이 나오겠다를
염두하고 대답하면 좋을거같아요!
오오... 그렇군요 감사합니다!
응원하는 튜브님이 나갔습니다.
사진
혹시 이런건 css로 처리할 수 있나요..?
모달인데 이게 코드로 구현이 가능한건지가 잘 모르겠네요
비전공자 기준 공부 순서 1. 코딩 공부(html, css, js, react, ts) -> 코딩테스트 기출문제(백준, 프로그래머스)-> cs 2. cs -> 코딩공부 -> 코딩테스트 기출문제 3. 코딩공부, 코딩테스트 기출문제, cs 동시 병행 4. 코딩테스트 기출문제 올인
가능하죠 ㅎㅎㅎ
이중에 추천해주실 순서 있나요
정사각형 하나만 만들어놓고
rotate로 45도 돌리기만 하면 되겠네요
아.. ㅋㅋㅋㅋ 맨 하단에 고정폭 정사각형을 만들고
돌리라는 말씀이시죠?
배경색은 모달색으로 설정하고?
clip-path로도 처리 가능할 거 같네요
css속석인가요?
https://codepen.io/kinnatzzang/pen/yLjqJYP 이렇게 처리하니까 됬네요 ㅎㅎ
넹
사진
여기맞나요?
흠.. 한번 찾아봐야겠군요
아뇨아뇨
내일 feconf 가시는분 있나요? 기대되네요.
아까 제가 질문한거에 대한
해결책을 말한거입니다 ㅠ
앗 죄송합니다 ;;ㅋㅋ
끝나면 불꽃 축제도 한다는..
돋보기 아이콘을 저 input창에 넣을려면
부모태그가 relative인건 알고잇는데
저라면 1.번 으로 할것 같아요 기존 코딩을 모르면 면접 질문에 대답을 못할거라 생각들어서
flex로 주니까
안되더라구여
근데 왜 여전히 width값은 브라우저에서는 다르게 보이는건지..
어차피 다 모르면 취직이 되나용 서류 붙어도 코테 뚫어야되고 기술면접 봐야하고 임원면접 봐야되고…
그냥~ 다 공부하셔야해여~ 어차피
여러분들 넥토리얼 프론트 직무랑 웹 애플리케이션 직무 비슷할까요?
제가 프론트 넣어야하는데
웹 애플리케이션을 넣어서ㅡㅠㅠ
웹 애플리케이션이면 반응형 웹을 애플리케이션 껍데기에 넣는거 아닌가요??
모집공고 보면 알지않아요?
모집공고부터가 다른데요
뭔가 했더니 웹애플리케이션은 C#을 요구하는데요..
그 인텔리전스 인가
거기넣었는데
거기는 웹 프레임워크 써본사람
이라 되어있어서
백엔드에 가까워보이네요
백엔드도 아니군요.. 다른분야인듯?
클라우드 환경에서 게임 이상탐지 서비스 설계 및 개발 ㆍ 원활한 서비스 사용을 위한 모니터링 및 퍼포먼스 개선 ㆍ 사용자의 니즈를 구체화하여 서비스에 반영
프론트엔드 디벨롭에
넣었어야하는데
ㅜㅠㅠ
고맙습니다
안녕하세요! html과 css 훑고 JS 맛보기 전인 비전공자 입문자입니다, 웹과 ios 중 어떤 걸 집중해서 공부할지 고민이 되어서요. ㅜㅜ 아는 분은 스위프트 기초 해보고 적성에 맞으면 프론트,백을 하라시는데, 선배님들은 어느정도의 경험을 하고 진로 결정하는 것을 추천하시나요?
저같은 경우에는 node.js + 바닐라 javascript로 장보기 목록, 메모장 이런거 혼자 머리박으면서 해보고 더 재밌는 쪽 골랐어요.
저는 웹만 했슴다! 근데 지금 와서 보면 앱 경험 있으면 웹만 하는 것보다 훨씬 경쟁력 있어 보이네요! 글고.. 저는 솔직히 기술에 대해 딥하게 가지 않으면 자기의 선호를 알 수 있을까 하는 생각이 드네요! 일단은 이해 잘되는 쪽을 선택하시는걸 추천합니다...!
텍스트할땐 line-height로 위치 살짝식 맞추는데
혹시 이미지는
라이헤잇처럼 쓸수있는게 있을까요??
자바스크립트에서 가장 많이 쓰이는 함수 그리고 기술은 무엇일까요?? 여러분들은??
dom api 죠
예전에 테오님이 dom은 잘 안 쓰인다고 한 것 같아서요 제 기억의 오류일까요 ...허허
전 array method map이여...
array는 진짜 많이 쓰이는 것 같아요
dom api안쓰면 웹에서 js코드 사용 못해요 ㅋㅋ..
log요
콘솔이여
react쓰면 직접 사용은 안하지만
이게 왜 안되지,,,
vdom써서 잘 안쓰는거지
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
dom api 도 중요해영
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 콘솔 왜케웃기죠
어이없어 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
@우그 @울고있는 제이지 감사합니다!! 뭐라도 따라하며 만들어본 뒤 더 재밌고 이해가 잘 되는 쪽으로 열심히 해보겠습니다. 😆
프론트엔드랑 백엔드랑 어떻게 연동하나요…?
여러분 리뷰 욕 많은 곳에 연봉 괜찮 vs 평가는 좋은데 연봉 처참 이런 상황이면 어떤게 나을까요..???
저는 전자요
일 빡세서 욕먹는거면
저는 전자요
연봉이 처참한데 평가가 좋을 수 있나요? 전자는 그래도 그럴수 있는데
전자에서 추진력 발판삼아서 다음기업때 연봉업
연봉이 처참하면 ,,, 평가도 비슷할거에요 말이없어서 그럴거지
저라면 무조건 전자
욕 많은 이유가 뭔지 파악하고,, 감안할만하면 갈 것 같아요
어느 회사든지 자기회사 욕하는 사람들은 있으니 저도 그렇고…ㅋㅋ
Error:님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 Error:님 반갑습니다
연봉에 대해 답을 받았고 모든 신입이 이 돈을 받는다고 하더라구요. 근데 평가가 진짜 좋아요..! 딱 연봉만 빼구
저라면 연봉높은데 갈거같아요. 평가가 밥 먹여주지 않더라고요. ㅋㅋ
누가 남긴 평가인지는 모르겠지만.. 출처가 확실한 평가인가요?ㅎㅎ
평가가 전체적으로 안좋은건가요? 아님 일부?
잡플래닛 보셨나요? 저도 이해가 안가네요
연봉이 처참하면 평가가 좋을 수가 없는데.....
무조건 돈따라 가는게 답입니당
돈 많이주는데는 처우가 좋아요
신입4천에 , 다들 업무강도가 너무 빡세다.. 20명 들어오면 5명 남는다고 하는데 이런곳은 어떤가요..?
개발이 어렵진 않으나 프로젝트가 과다하다네요
열정곰님이 5명중 한명이 되면 되옵니다
저라면... 15명중 가장 먼저 토끼는 사람이 될것같아서 안갈래여 그치만 결정은 열정곰님이 선택하는거져
적게받고 빡시게 일하는 것보단...
신입 4천이면,, 4천만큼의 각오를 해야겠죠
ㅋㅋㅋㅋㅋ저도 다른직종에서 토낀 이력이있어 고민중이였습니다.....
많이 주는편이군요ㅠㅜ
전 압박이 심한곳에선 일 못하겠더라고여 본인의 상태와 기존에 일했을때 나랑 잘 맞았던 업무환경을 떠올리며 결정하심 되지 않을까여
압박 심해도 돈 많이 주면 다 견딜 수 있다 => 간다 돈이고 뭐고 압박 심하면 난 일못해. 번아웃파티 => 안간다
맞아요... 다만 그런 회사찾기가 어렵더라구요
잘 찾아보면 있어여,,,,,, 후기로 잘 걸러내기,,, 잡플래닛 만든 사람들 노벨평화상 줘야됨
진짜 인정입니다 이번에 잡플래닛, 크레딧잡 열심히 이용중이에요
안녕하세요 리액트 콜백 기초적인 질문 하나 드려도 될까요…? 위 주석처럼 ClearTimeout을 그냥 리턴으로 주면 코드가 아예 작동을 안하는 것 같고 아래처럼 콜백으로 리턴하면 정상적으로 작동합니다..! 1. 리턴값을 콜백으로 주면 그냥 리턴했을 때 무슨 차이점이 있는지 그리고 어떻게 작동하는지 궁금해요 …. 2. useEffect안에서 setState를 사용하면 안된다는데 이유가 궁금합니다..!
사진
블라인드도 꽤 괜찮은듯.. 현직자에게 답변 들을 수 있고 고기도 기업평가 있더라구요!
1. useEffect의 cleaner 함수 찾아보심 될거가타여
신입 4천 와우
일정을 타이트하게 잡고 프로젝트를 엄청 던져주나.. 이런 생각이 드네요
2는 밸로퍼트님 블로그에서 본거가튼데 정확히 기억이 안나여
야근하는 회사 많아서.. 그냥 합법적으로 돈많이받고 야근한다 생각하면되니까
좋네여
개발이 어렵지 않다는 말을 보니까 처음엔 배운게 많지만 시간이 지나면 단순 반복적인 일을 하게 될거같아요. 어디까지나 제 경험에 비춰 말씀드리는거니까 단순 참고만 하세요
야근 많이 하는지도 꼭 보세요ㅠ
딱 요렇게 적혀있더라구여
야근은 그래도 야근비 주면 안억울함
2. useEffect가 실행되면 setState되고, setState되면 컴포넌트가 리렌더링되고, 리렌더링되면 useEffect가 실행되고... 무한 랜더링되서 그래요.
return으로 실행할 함수를 줘야하는데 주석처리하신거는 clearTimeout의 리턴값을 준거나 마찬가지에요 (실행돼버림). 그래서 익명함수로 감싸면 잘 작동하는거에요
아하..!! 다들 감사합니다!!
평가가 한두개가아니고 열몇개가량이 다 좋았어요..ㅠ
고수님들 이 창에 뜨는 문제는 어떤 문제가 뜨나요? 네트워크 인것 같은데.. 유튜브api를 사용하는데 유튜브에서 영상url을 받아올때 이런 에러들이 뜨나요?ㅠㅠ..
사진
눌러보세여
클릭해도 아무것도 뜨지 않습니다..
구동은 정상적으로 되는데 여기 이런게 떠있는게 걸려서 없애고 싶어서요..
이모티콘
콘솔창 켜면 에러 보이지 않나요?
글게여 아예 암것도 안뜰수가 잇나..?
이모티콘
안보이게 하신거 아닐까여
저거 옵션있는데
사진
콘솔에는 경고들이 많이 떠있긴 해요..
찾아보겠습니다..
제가 알기로 유투브가 정책상 뭔가 막아놓은게 많아여 ㅋㅋㅋㅋ
진짜 그런것같아요.. 할당량부터..
csr로 웹서버 거치지 않고 og태그 동적으로 설정할 수 있는 방법이 있을까요? (react-helmet-async로는 안되네요)
카카오는 ssr필요한걸로 알고있어요
킁
선생님들 혹시 여기서 select랑 input이 수평이 아니라 좀 엇갈려있는데
왜 그런지 아시나요??
#field는 height 40px인데 #keyword가 height 38 + 위border2 + 아래border2 해서 42px이네요
혹시 box-sizing을 빼고 field랑 keyword에 동일한 height를 줬는데도 삐뚫어진 이유를 알 수 있을까요??
box-sizing:border-box 있어야 height 일치할거같고 높이는 같은데 줄이 안맞으면 부모인 form에 display:flex 줘보세용
아 감사합니다! flex 줘서 재훈님 덕분에 해결했습니다 감사합니다!
원티드 취업연계 프로그램인데 지금 취준하시는 분들 지원하면 좋을거같아요!
전 아직 학부재학중이어서 신청 못할것같네유..ㅠㅠ
요즘 학부 재학하면서 근무하는 경우가 꽤 많아진것 같아요! 면접 경험 쌓으신다고 생각하고 처우 협상 해보시는것도..?
저 저거 이번에 수료했어요
오..!!! 취업 연계 잘 되셨나요?
오 그런경우도 있군요! 고려해보겠습니다 감사해요ㅎㅎ
react-helmet이랑 React-snap 적용해도 카카오에서 og 적용 안되나요?
아니요 ㅎㅎ 취업 연계는 아니고 그냥 취업설명회 해줍니다 마지막에
혹시 비전공에 이직으로 독학 공부시작하신분들, 극초기에 하루 얼마나 공부하셨나요..? 의욕은 계속 생기는데, 퇴근하고 하니 생각보다 시간이 너무 부족하고 공부할수록 조바심만 생기는 것 같습니다😢
10시간 이라 하려했는데 직장을 다니시는군요...
여러분 혹시 타이포 스타일 가이드 몇종류 나오세요..?
맘같아선 일을 그만 두고 빡세게 공부하고 싶은데 그럴 수도 없어서 답답하네요,,
회사 다니면서 준비하시는거예요?
와우
와우..
자는시간 먹는시간 빼고 올인했었어요 회사다니면서 하긴 쉽지않으실듯
저는 일단 비전공 개발 2년차긴 한데..
뭔가
욕심이 있어야
하게되는거같아요
저는 뭔가 제가 만드는거에 대한 욕심이 있어서
퇴근하고도 일하게되더라구요
5시 일어나서 1-1.5시간 빨리 회사 도착해서 공부하다가 출근하고 점심시간 활용해서 공부하고 퇴근해서 저녁먹고 공부하다가 운동갔다 집 와서 쓰러져 잡니다
하루에 12시간 정도요..
비전공자로 프론트 취직하려면 거의 몇 개월 공부해야 할 수 있나요?.?
저도 첨에 일하면서 혼자 코딩시작했는데 강의 보는거 빼고 순수하게 4시간 이상은 하려고 했어요 주말은 가능하면 거의 구글링하고 에러 고치다보면 금방 가요;; 시간 블럭을 크게 잡지말고 20~30분으로 쪼개서 할일 나눠보세요 짬이 생길 거에욤 저는 처음에 css 너무 모르겠길래 첫달은 과외했어요 클론코딩 제가 라도 주말에 숙제 내주신 거 검사받는 위주로요 그 이후로 JS 는 독학+ 스터디에 들어가서 했어요
하기나름이고 사람마다 달라요ㅠㅠ
근데 확실한건 노력하는거에 비례하는듯합니다
대략…?이요!
못할수도…
해봐야 알거 같아요
내가 혹시 천재일수도 있고
6개월 1년 일 수도 있고 더 걸릴 수 있어요
전 2년하고 취직했는데 열심히 하면 6개월~1년 사이 아닐까,,, 개인적으로 생각합니다
공부만 했는데도 안되는 사람도 있고..
저도 이번에 수료했는데 반갑습니다
요즘 풀타임 부트캠프 하시는데도 6개월 이상 걸리는데
회사 다니시면서 하시니까 더 열정적으로 주말도 다 할애하시고 친구 안만나시고
저는 개발자지만 이정도 해서 더 좋은데 가려는건데
답변해주신분들 감사드립니다 그냥 잡생각말고 모든시간을 다 투자해야겠네요 이제와서보니 당연한소리인것같기도 하고..
오 이력서 넣고 계신가요?
전 부캠다닐때 새벽 두시까지했었어요
넵 그리고 얼마나 걸리는지 어느정도 하는지는 진짜 개인차가 크니까 그냥 하루하루 열심히만 하시면 됩니당
어떤 직업이든 직종 바꾸는 게 힘들잖아요 ㅎㅎ
시작이 어렵죠 막막하고 진전이 있는건가싶고 이게 맞나싶고 이해합니다ㅠㅠ
근데 지금도 12시 이전에 안잡니다…
끊임없이 의심이 들겠지만 그냥 하는 게 최선입니다
넵 오늘 처음으로 5개 넣었습니다
일단.. 하시되.. 하는걸 즐기셔야.. 🥹
오... 축하드립니다! 건투를 빌어요!!
저도 일안하고있어서 점심에 나가서 커피마시는거 빼고는 계속 코딩만했던거같아요!
오옹 좋은 결과 있으면 좋겠네요!
한 4개월정도 ㅇㅅㅇ
저는 이번주까지 이력서 가다듬고 담주부터 도전 해봅니다 ㅎㅎㅎ
ㅎㅇㅌ
취업 하고나서도 갈길이 먼건 맞아요
감사합니다
취업 화이팅이에용
인증뱃지가 효과가있길..
개발자뿐만아니고 어떤직업이든 1년만 제대로하면 잘 가는것같아요
마자영 ㅋㅋ 취업은 시작이엇을쁀..
저요저요ㅠ
제대로가 어려워서 그렇지 ㅠ
ㅋㅋㅋㅋㅋㅇㅈ....
그냥 열심히 하시고 열정이 있으면 되는듯 합니다
뻘리 먼길을 걷고싶네요
그리고 프론트만 하는게 아니라 백단도 요즘 기본적인걸 프론트에서도 알아야 취업이나 이직이 유리해요
전 오늘 검색창 만들고…
그리고 남들이랑 비교하지 마시고 과거의 본인이랑 비교해보세요! 내가 이것도 모르고 개발공부를 하고 있었단 말이야? 이런 생각이 공부할수록 계속 ㅋㅋㅋㅋㅋ
다음주에 유튜브 트위터 검색 api만듭니다…
지금도 그래욬ㅋㅋㅋㅋ
이거 ㄹㅇ이요
저는 바보거든요🥲
멘탈 잘 잡아야해여
멘탈 깨지면 답없어여 제가 주기적으로 멘탈이 바사삭 되거든요
매일매일 공부하는데 너무 바보라서 ㅋㅋㅋㅋ 과거의 저를 보면서 진짜 한숨 나오는데 그래도 이만큼 아는 저를 보면 뿌듯하기도 해요 ㅋㅋㅋㅋ
ㅋㅋ
그래서 회고 계속 쓰면서 소소하게 셀프칭찬하는 기록 남기고 잇습니다..
그냥 계속 발전하시는거예요 티는 안나는데 한번씩 뒤돌아보면 대견해요 진짜
취업4갤차인데 왜 이게 이렇게 되는지 아직 이해 안되는 경우가 많아요 ㅜ
오 회고 진짜 저도 이거 해야겠어요
이 길 아니면 답이 없다라는 마인드로 매일 최소 6개월 최선을 다하시면 될 것 같습니다
계획만 세워가지고는 안돼요 진짜
사실 부캠에서 공부한건 이미회사들어가면 초기화되기땜에…
네네 배운것 그리고 칭찬거리 써주기
자기반성쓰면 또 멘탈터지기때문에
요거 위주로
암튼 난 잘하고 있다 (정신승리)
블로그에 오류 해결한거랑 새로운 라이브러리 사용한더 정리만 하는데 이력서에 추가해도 될가요?
녹여내서 스토리로 쓰면 더 좋을거 가타여
불로그만 링크걸지말고
ㅎ..다들 코드리뷰 받으면 고치라는 컨펌 받으시나요ㅠㅠ? 리뷰 달리면 제대로 확인 안하고 올린거같고 자책감이 들죠ㅎ..
이번주
이유알고 고치면 되죵 담에 같은 실수만 안하면 된다거 생각해여
제가만든 스파게티들을
못보셧군요
혹시 어떠셨는지 여쭤봐도 될까요?
😂
근데원래 혼자짜면
어쩔수없어요
하트뿅뿅 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
오오!!
개념들만 정리해둔거보다 이런게 훨신 매력있는듯해요!
이십오
이모티콘
사진
저도 ...
나만 먼지야~
오! 다행이네요 헛수고인줄..ㅠㅠ 다른분들 개념정리 잘해놔서
저는 좋았어요!! 기업과제 컬리티는 높진 않지만 팀원들이랑 코드짜는게 재밌더라고요 팀단위로 기업과제해서 git사용법도 많이 배운거같아요
강사님도 되게 열심히 가르쳐주십니다 게다가 무료! ㅋㅋㅋㅋㅋㅋㅋ
(조건부)무료
조건부에여?
ㅋㅋㅋㅋㅋㅋㅋ네 이력서 20개인가 넣어야되요
관심있으시면 모집페이지에 자세히 나와있습니당
ㅎㅎ..
사진
요새 진짜 양질의 교육과정이
넘처나네요
오노
20개라니
웃으셧나여
절 뿌듯하게 만들어주세여
봉땀님이 생각나네요
감사합니다 준비해볼까 했는데 한번 도전해볼려는 맘이 생기네요!
아니 무슨
하트뿅뿅 라이언님 반갑습니다 어서오세요 :)
https://velog.io/@endmoseung/%ED%94%84%EB%A6%AC%EC%98%A8%EB%B3%B4%EB%94%A9-FE%EC%BD%94%EC%8A%A4-%EC%88%98%EB%A3%8C%ED%9B%84 제가 작성했던 회곤데 혹시 도움이 되실까 싶어서...
(React Query 질문)A,B 두개의 컴포넌트가 있고, 두 컴포넌트에서 동일한 쿼리키로 useQuery를 사용하면 아직 stale 데이터가 아니라면 fetch 하지 않고 캐시 데이터를 사용하는거죠?
넴
답변 감사합니다!
앗 SWR은 그런데 Query는 확실하게 모르겠네요
엇
캐시데이터로해요??
항상프롭스로 넘겻엇는데ㅠ
개발자도구 네트워크 탭에서 몇 번 요청하는지 확인해보시면 정확하게 알 수 있어용,,
감사합니다 ㅎㅎ
근데 보통 React Query 쓸 때 Stale Time은 얼마로 설정해두시나요?
데이터의 성격에 따라 다르지 않을까요?
흐음 넵 ㅎㅎ
넥슨 인턴쉽 코테한테 털리고 왔습니다!! 6문제 중 한문제만 통과했네요 …
백준 티어가?
한문철을 통과하셨다는 것도 대단한 것 같아요 저라면 다 틀렸을듯 ㅠ
한문제
보통 절반 맞추면 합격이죠?
잘 모르겠습니다 플머만 풀어봤어요 조금
코테를 따로 준비를 안한상태로 본거라 기대안하고 봤는데 … 한문제 처참하네요 ㅋㅋ
너무 감사합니다!
아마 그렇지않을까요??
첫 코테인데 재밌는 경험이었습니다
오엥
절반 합격이에요?
6문제중 4문제정도는 풀어야 합격아닐까요? 근데 이게 인턴쉽이라 잘 모르겠네요 ㅎㅎ
렙몇이세요 프머
절반이면 보통 합격인데 어차피 면접도 봐야되서
면접 볼 때 코테 점수 감안합니다
저도 준비한지 한주 정도 됬는데 재밌는 경험이었어요.. 2개는 성공하고, 2개는 15개 케이스 중 13개만 맞춰서 못성공하고... 2개는 건들지도 못하고..
재밌네요 후.. 내년을 기약..
컴공이신가욧
레벨 2정도 푸는거 같아요
비전공자입니다
아하 프머2
시구나
당장 이직이 급해서 포폴로 들어갈수 있는 곳으로 이직할 예정이고 그 담에 알고리즘 공부하려고요
아하
코테 잘하시나요?? 보통 준비기간 어느정도 잡으셨는지요??
근데 비전공자신데
서류 뚫으셨네요
대단하십니다
저 브론즈요
혹시 이번에
간단한 이벤트 페이지를 next.js와 jam stack으로
구성을 하려고 하는데
pnpm과 yarn berry 중
어떤 패키지매니저를 선택하는게 좋을까요?
서류 뚫는 비결 좀 알려주십숑
그냥 코테로 거르는거 같던데요?? 저 엄청 별거 없이 썼어여
후 저도 넥슨 코테 방금 끝냈는데 2개는 건들지도 못햇네요ㅠㅠ
대기업 서류는 코테먼저 봐요
넥토리얼 인턴쉽이라고 아마 서류는 다 붙이고 코테로 걸러서 보는거 같은데요?
카카오 넥슨 토스 등등..
어? 프엔 직군 보셨나요??
자소서도 ㅅㅇ스나요
쓰
영어 문제에 정답 틀림이 교차하여 있는거 보니
자소서 없던데 보통
힘들면서 재밌네요
ㅋㅋㅋㅋㅋ
자소서 안쓰고 바로 코테 갑니까
네 저 자소서도 그냥 5분만에 후다각 썼었어요 ㅋㅋ 그냥 누구다 하는정도
ㅋㅋㅋㅋㅋㅋㅋ
이력서 느낌
아 대충 쓰셨구나
그냥 신청만 하면 코테보는 방식일거에요
여러분 ! 웹 서비스 할 때 구글폰트 중에 일반적으로 많이 쓰이는 폰트가 있을까요?
저는 코테 보다가 너무 어려워서 포기했어요..
아마 코테 랑 합쳐서 서류 보고 결과 나오던걸로..
코테도 많이봐야 눈이 트인다던데
골라서 풀어야한다고 ...ㅋㅋ
넹 프론트엔드 디벨롭먼트 엔지니어로 지원하긴 했는데 경험 삼아서 지원한거라..ㅎ
지원동기: 그냥 돈 벌려고요 직무능력: 코딩 좀 잘칩니다 성격 장단점: 장점은 착하고 단점은 게으릅니다 입사후 포부: 열심히할게요
이런 느낌인가요
구글폰트는 아닌데 요새 웹폰트는 다 프리텐다드로 맞추고 있어요. 엄청 노말하면서 예뻐요
프리텐다드 정말 많이 쓰더라구요!
프리텐다드! 오 한 번 확인해보겠습니다
몇번 몇번 푸신거에요?? 전 1번 풀고 2번 6케이스만 맞고 5번 11케이스 맞고 나머지는 헬이네요
오호
https://cactus.tistory.com/306
프리텐다드 이뻐요
뭔가 애플스러운감성..?
이렇게 통용되는 폰트가 무엇일지 궁금해서 여쭤봤는데
도움이 되었습니다 ㅎㅎㅎ 감사드려요 :)
프리텐다드
호오
감사합니다!
저는 1,6 번 풀고 2,3번 11,12 케이스 맞고 4번 하다가 끝나서 5번은 건들지도 못했슴니다..
무엇보다 한글 영어 숫자 이모티콘이 가운에 맞다는 점, 애플스러움과 구글스러움 모바일스러움을 모든 가진 폰트라는 점!
굳~~~이 단점아닌 단점을 꼽자면 font-weight:bold 가 좀 두꺼워서 bold대신 500이나 600으로 맞추면 좀 더 예뻐요ㅎ
저는 1,2,4번 맞고 3번 케이스 4갠가 틀리고 5번 못 건들고 6번 하다가 끝났어요
6번 문제가이해가 안되던데… 개발자모드로 페치하면 잘 되던데 시험에서 하면 에러나더라고요 문제를 잘 못 이해하고 있는건지…
저도 문제 읽고 분명 어려운건 아닌거 같은데 자꾸 에러나다가 시간이 끝나서..ㅠㅠ
저는 페치가 오류나길래 악시오스로 바꿔서 풀었어요
혹시 이거 나중에 해설같은거 올라오나요??
작년 문제 찾아두 안나오기도 하고, 공고에도 외부 발설 금지가 있어서 안나올듯 하지 않을까 추측..
중입니다 :(
오 악시오스로 풀면 되는거였나요.. 후.. ㅋㅋㅋ
뭐가 됐든 재밌었습니다 ㅎㅎ
혹시 궁금한게 요즘 트렌드가 sns 로그인인가요? 아니면 별도 회원가입 하는 건가요? 궁금해서 여쭤봅니다.
서비스마다 bm마다 다르죵
B2C라면 OAUTH를 넣을때도 있고 아닐때도 있죠
답변 감사합니다.
금요일 저녁을 잘 지내고 계시냐요.. 약속이 취소되어 블로그글을 하나 작성했습니다. 이전에 react 18next를 이용해서 다국어를 처리하는 과정에 대해 다뤗었는데, 이번글에선 로컬에서 관리하지 않고 구글시트를 이용해서 다국어처리를 하는 과정에 대해 작성해봤습니다. 많은 피드백 부탁드립니다. https://all-dev-kang.tistory.com/entry/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EA%B8%80%EB%A1%9C%EB%B2%8C%ED%95%9C-%EC%9B%B9%EC%9D%84-%ED%96%A5%ED%95%98%EC%97%AC-2google-sheets-%EC%9E%90%EB%8F%99%ED%99%94
와!!!! 완전 꿀팁 덩어리들이네요!!! +_+ 좋은 글 얻어갑니다. 감사합니다!!
굳투고님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
컬러 하나씩 입력안하고 컬러 30개 랜덤 나오게 하는 방법 아시나요?
랜덤한 숫자 6자리 만들어서 합치고
앞에 #붙이면 돼요
자세히 설명 가능하실까요 ㅠ
안녕하세여 굳투고님 반갑습니다 :)
안녕하세요~ 2년차 프론트엔드 개발자입니다! 잘부탁드려요~!!
저도 잘 부탁드립니다 이곳은 프론트엔드에 대해서 궁금한 것을 물어보고 아는 것은 알려주고 공유하면서 성장하고자 하는 곳입니다. 아는 질문에 답을 하다 보면 온전히 내것이 되고 가르칠 수 있는 지식이 진짜 지식이라고 합니다~ 아는 내용이 있으면 많이 알려주시고 궁금한거나 함께 나누고픈 주제가 있다면 편하게 글 남겨주세요 ;)
사진 2장
내일 재밌겠네요 ㅠㅠ
감사합니다!!
혹시 nextjs 쓰는중에 컴파일 실패 에러로
Module parse failed: Unexpected token (39:17) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | }
이 에러를 만나보신 분이 계실까요...
og태그 질문이 있습니다! og태그 중 url 값이 있던데, 이거는 실제 리다이렉트 할 주소인가요? 아니면 걍 메타 주소인가요?
리다이렉트입니닷
아니다
이게 뭔가용?!
부럽다..
사진
og url이
저렇게 맨아래 달려요!
피자 먹다 자는 무지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
내일 행사 준비하시길래 찍었어요
Q ) tailwind 쓸 때 태그 이름 쓰면서 자동 완성으로 className에 원하는 style 속성 추가하는 코드 작성 방법있나요?.? Ex ) div.smallBtn 하고 엔터 누르면 바로 <div class="smallBtn"> 이 되는 것처럼요!
vsc 익스텐션이 있을걸요
사진
tailwind 처음 사용해보는데 왜 input에 variant가 적용이 안 되는 걸까요?.?
앗 아닐수도 있는데 tailwind는 input 리셋해주는거 있었던거 같기도 하고 ,,
아 글로벌로 적용을 해줘야 하는군요... 감사합니다!!
사진
안녕하세요! next.js로 프로젝트 진행중에 cors 에러가 발생해서 질문드립니다. proxy 설정을 할 때 next.config.js에 사진처럼 추가하면 proxy가 설정된다고 해서 했는데 여전히 cors에러가 뜨더라고요 ㅜㅜ 원인을 알 수 있을까요 ?
Cors문제의
9할이상은 서버쪽 셋팅이더라고요
참고하겟습니다! 감사합니다!
nextjs 에서 로딩페이지를 몇초간 보여주고 다른 페이지로 이동시키려면 뭘 이용해야 할까요?? 감을 못잡고 있습니다 ㅠㅠ + 참고할만한 자료가 있을까요??
setTimeout 생각나는데
혹시 css에서 부모요소 길이의 비율을 따라가는 단위가 %말고는 없나요?
onClick시 ->https://stackoverflow.com/questions/63018681/getting-settimeout-to-work-with-loading-a-page 문서에 있는 setTimeout 관련되서 사용 function ->router.push("다른페이지")
라는 그냥 방금 저런식으로 하면 어떨까 해서 보내봅니다..
의견 감사합니다. 참고하겠습니다 👍🏻
https://nuhends.tistory.com/69 이런건 아닌가여 ?
아 제가 하고있는게
블로그 느낌으로 만들고 있는데
사진
여기서 화살표를 누르면 옆에 aside가 옆으로 접히고
그에 맞게 내용도 반응형으로 만들고 싶습니다
사진
접었을 때 내용은 잘 늘어나는데 제목을 %로 하면
사진
이렇게 짤려버려요 ㅠ
고정값으로 하면 잘 되는데 aside를 접었을 때 늘어나게 하는 방법이 있을까요?
부모/aside/내용의 CSS 코드가 어떻게 되어 있는지요?? 버튼 클릭 시 aside를 접는 것은 어떻게 하셨는지요??
전체 코드를 codepen에 올려도 괜찮을까요?
삭제된 메시지입니다.
코드가 좀 엉망이라 부끄럽긴 한데..
css 284번 라인에 width를 100%로 하면 엉망이 됩니다 ㅠ
죄송합니다 잘못 올려서 다시 올렸어요
코린이님이 나갔습니다.
코드펜에서는 말씀하신 문제가 나타나지 않는 것으로 보이는데, 혹시 제 컴퓨터에서만 그런가요?? 저는 접혔을 때 잘리는 부분 없이 잘 보입니다
사진
엇 전 이 부분이 잘려서...
안 잘리시나요..?
숨기기를 누르면 잘 나오는데 aside를 펼치면 contents부분이 잘립니다
css 23번줄 #body의 overflow:hidden을 빼면
사진
요렇게 나옵니다...
브라우저별로 다른가요 제 파이어폭스 최신버전에는 이렇게 나오네용
사진
box-sizing이 default인 content-box여서 오른쪽 마진은 컨테이너를 벗어난 것으로 이해했습니다! 근데 본문이 잘리지는 않았는데 이상하네요
어 마진이 없네 이거 뭐지
제가 잘못 봤네요 저도 잘려 보입니다
공부를 시작한지 얼마 안돼서 너무 미흡하네요 ㅠ 도움좀 부탁드립니다
사진
Q ) 어떻게 App를 다른 컴포넌트들을 감싸주지 않았는데 자동으로 다른 컴포넌트의 상위 컴포넌트 역할을 하는지 이해가 안 갑니다..ㅠㅠ
index.js는 어떻게 되어있을까요?
사진
인덱스 및 다른 기본 페이지는 저런 식으로 간단한 형태입니다 !
main에 min-width 0 줘봐주실 수 있으실까요?
main의 스타일에 `min-width: 0`을 추가했더니 예상하는 결과가 나왔습니다 Flexbox의 flex-item들은 min-width의 기본값이 0이 아니라 auto이기 때문에 내용물이 길면 기본적으로 흘러넘치고 min-width: 0
우와아아
허브님이 설명을 적어주셨네요 🙏
#keyword_wrap 에 absolute 걸려있네요
이라는 설명을 스택오버플로우에서 줍줍하였습니다
하.... 감사합니다 선생님들....ㅠㅠㅠㅠ
정정합니다 #keyword_wrap img 에 absolute 빼시고 상위 모든 엘레멘트에 width : 100% 거셔야 합니다 form 포함
아아 이해 했습니다 감사합니다! 또 하나 배워갑니다 ㅎㅎ
사실 저도 뉴비고 몰랐던 내용이라 좋은 내용 배워가용
감사합니다!
혹시.. 염치불구하고 하나만 더 여쭤봐도 괜찮을까요
답을 드릴 수 있을지는 모르겠지만 얼마든지 물어봐도 되는 공간으로 알고 있어용
숨기기 보이기 버튼을 눌렀을 때 끊기는 현상이 있는데 이 부분도 봐주시면 감사합니다!
제가 잘 이해하고 있는지는 모르겠는데 특정 페이지를 렌더링할 때 넥스트에서 App함수를 호출하되 Component 및 PageProps 자리에다가 그 페이지의 컴포넌트랑 프롭을 argument로 넘겨서 호출하는 것으로 이해하고 있어용 상식적으로 그럴 것 같긴 한데 혹시 틀린 내용이면 알려주시면 감사드립니다
답장이 풀려버렸네용 이 글에 대한 답글이었습니다
이게 next.js 룰인가요? 기본 리액트는 해당이 안 되는 거 맞죠..?.? 갑자기 근간이 흔들리네요...
저는 그렇게 이해하고 있는데 틀렸을까봐 무섭네요 ㅠㅜ 내일 아침에 잘 아시는 분들께서 확실히 얘기해주시는 걸 기다리는 게 안전할 것 같습니다!!
https://nextjs.org/docs/advanced-features/custom-app 요거 보시면 도움되실 것 같아요!!
휴 감사합니다(하트뿅)(하트뿅)(하트뿅)
제가 알거나 자신있게 알아볼 수 있는 범위 밖이에요 죄송해요ㅜㅠ
아닙니다! 충분히 도움 많이 됐습니다 ㅎㅎ 감사합니다!
감사합니다!!!
원래 next.js LInk Head 이런 거 태그 칠 떄 자동으로 import가 안 되나요...? 됐다가 안 됐다가 ㅠㅠ
요것두 같은 이슈에용
허브님이 앞서 말해주신 것 처럼 min-width 때문에
main의 너비가 예상보다 넓어져서 aside 가 쭈굴탱한거에요
main 의 width 속성을 지워주시구 flex: 1, min-width: 0 으로 설정해주세요
형제 요소와 flex 값을 비교해 그 비율만큼 차지하는데, aside 에는 flex 속성이 없으므로 남는 자리를 다 채워줄거에요
그리구 테스트 한번만 부탁드릴게요 🙏
허허...........
이게 이렇게 간단하게 고쳐지는 문제였다는게 머리가 띵하네요.....
왜인지는 모르겠는데 -_- width 지정해주면 잘 되는데 overflow: hidden 이 붙는 순간(제이쿼리 애니메이션이 시작하는 순간) 너비 계산이 글케 되버리네요
ㅋㅋ; 원인은 워낙 복잡허니까요..
감사합니다 킹돌님... 그저 빛.....
고쳤습니다!
이건 왜때문인지 저도 파악할 엄두가 안나네요;
잘 된다니 다행이에요!
새벽에 공부라니.. 화이팅이에요
이모티콘
아휴 감사합니다 ㅎㅎ 맷돌님도 편히 주무세요!
킹돌님!
@킹돌
그런 닉네임을 가진분이 안계시네요,,,
합성컴포넌트애대한
혹시 블로그 글 젛른거 있으면 공유 가능 할까여?
음악듣는 어피치님이 나갔습니다.
vercel 에서 deploy 실패되었는데 log가 안떠여. 어떤걸 찾아봐야할지 감도 안오는데 ㅠㅠ 혹시 이런 이슈 겪어본적 있으신분...
사진
아니 에러로그가 없는게 말이 되나여..
이모티콘
한번 로컬에서 빌드 해보셔요
오늘 FEConf 오시는 분 있나용?
사진
네네 로컬에선 잘되고여, 결론적으로 말하자면 노드버전 표기해놓은거 지우니까 됐어여
에러메시지 안떠서 넘 황당한 경험이었습니다.. 여튼 해결
저도 가고프네요 ㅜ
헉
이모티콘
가고싶어요오
저갑니당
굉장히 일찍가셨군요..?
저두 가요 ㅎㅎ
저도 갑니당 ㅎㅎ
ㅠ
갑니다 ~
사진
명찰 준비중이시네요 ㅋㅋ
넘 부러워요~~~~!
사진
참여자는 아니지만 1층에서 안내도와드리고 있습니다ㅎㅎ
오시면 반갑게 인사해드릴게요..!
오아 스탭분이셨군요
이모티콘
저도 가용
삭제된 메시지입니다.
디자인 시스템 세션 듣고 싶은데 늦었네요.....
와 나중에 유튜브에 올라오겟죠? ㅋㅋ
기술적 문제로 딜레이되고 있는듯합니다!
아직 기술문제 때문에 20분 정도 세션 미뤄지고 있어서 아직 오시면 들으실 수 있을 것 같아요~
어디서 주최하는건가요?!
다만 디자인 시스템 있는 B 세션 인기가 많은지 자리가 곧 많이 찰 것 같긴 하네욧
프론트엔드개발그룹에서 주최하는 행사에요! https://2022.feconf.kr/
아 백엔드는 어디 없나~
사진
혹시 이 걸 좀 더
섹시? 하게
boolean 반복을 풀어낼 수 있는 방법 아시는 분 계실까요~?
직관적인게 더 좋지않을까요?ㅎㅎ
그럴려나요?
넵ㄴ베
넵넵
type A = 'center' | 'right' interface Baaner { [keys in A]?: boolean }
될려나?
이런식으로 하라고 이펙티브ts 에서 본것같아요
와 저런 방법도 있군요
사진
아 이게 뭔가
말씀해주신
걸로 해서
유니온으로 깔쌈하게 하고 싶은데
잘 안되네요
feconf본세션시작안럈나유
본세션 1시부터 시작입니다!
후원사 세션 진행하고 본세션 30분부터 진행할 것 같아요
(기술이슈로 미뤄졌습니당)
오신분들 많나요?!..
오늘 유투브 live라고 했었어여 하지만 시간없어서 들을 수가 없음
이런 경우에 라이트, 레프트 동시에 주면 안될 것 같은데... 문자열 유니온으로 관리하는 건 어떨까요?
재밌어요 다들 배경음악으로 틀어두세용ㅋㅋ
이모티콘
이모티콘
NextJS 현업에서 많이 사용하나요!?
넵
많이쓰죠
준비해야겠군요..ㅎㅎ 답변 감사합니다
요즘은 ssr이니 , csr 가리지 않고, 그냥 nextjs 사용하는 것 같아요.
공부해야죠 ㅋㅋ
저도 인강듣고 있는데, 현업자 됫다고 머리가 커져서 그런가 집중이 안되네요 ㅠ
요즘 면접가면 next 써봣냐고 다 물어봐서 맛보긴 해야한다고 생각해요 ㅋㅋ
저도 취직하고 공부 덜하는 느낌 ㅋㅋㅋ
아하.. 필수였군요
취업하고 후퇴중 ㅋㅋㅋㅋㅋ
다시 공부하러 가겟습니다
reactjs, typescript, testcode, nextjs,, 공부할게 정말 많네요
네오님 취준생이신가요?
넵!
Vue는 전망이 좋은편이 아닌가요?
취준 next 필수일까요?
공부할게 많네요ㅠㅠ
아뇨
Next는 풀스택 가능하지 않나요..??
내가 가고 싶은 회사나 다른 공고들을 보면서 우대사항이나 기본사항들을 살펴보세요 그러면 조금 더 명확해질거라고 생각합니다
넵!
저고 사용하고 있습니다
항상 무조건적인건 없습니다
넥스트 쓰는회사이더라도, 그건 우대사항이지
타입스크립트, 특정 웹 프레임워크 하나, html과 css 그리고 디자인을 퍼블리싱 가능, 백엔드 API를 다룰 수 있음 + 백엔드 엔지니어와 소통하기 위한 CS 배경 지식, CORS와 쿠키 세션등에 대한 지식 까지 필수 마지노선이라고 생각합니다
감사합니다!
감사합니다!
react.js에서 자식컴포넌트에서 부모컴포넌트(App.js)로 데이터를 끌어올렸을때 데이터가 움직일 수 있는 범위는 제한적일수 밖에 없나요? 데이터 끌어올리기를 하려면 필수적으로 const getData = () => {}이런식으로 정의해야하는데 데이터를 그 안에서만 사용할 수 있는건지 궁금합니다..!
끌어올린 데이터를 jsx구문으로 사용하고싶어요
또는 App.js에서 데이터를 props로 내리고 싶은데 키워드만이라도 알려주신다면 감사하겠습니다 (_._.)
부모에서 자식으로가지않나요??
네 그렇긴한데 끌어올린 데이터를 다른 자식 컴포넌트에 내리거나 jsx로 작성해서 보여지게 하고싶어요
여러분들 스토리북을 도입하려는데 개념을 익히는덴 공식문서만한게 없겠죠?
스토리북공식문서 잘 나와있나요!?
스토리북이 근댸 실사용 목적이나 장점이 뭐가있나요??
TDD처럼 뭔가 공수만 늘어나는거같은 느낌이던뎨 디자인시스템 만드는거말고 뭐가있나요?
문서화 및 비개발자에게 공유하기 용이합니다
컴포넌트의 props에 따른 view를 확인하기 좋아요
TDD 도 좋은데..
베이직은 공식문서만한게 없죠 ㅋㅋㅋ
요거 이후엔 백엔드 넘어가나용??
아니면.. 또 새로운 프론트 맞이..?
일단 저거 다하기도 벅차지않을까요
이후에는 취업을 하시면서 자연스레 커리어를 쌓으실수 있으실거에요~ 현업으로 가게 되면 개발 외에도 해야할 학습이 많습니다
요 책 추천드립니다. 협업, 코드리뷰, 문서화, 테스트, 배포자동화 등등 전반적으로 일 잘하는 법들을 터득해나가시게 될거에요 이런것들은 글로써 그리고 학습으로만 배우기는 한계가 있는 편이라
이책 서평단으로 읽었는데 완전완전 강추드려요. 저도 주변 개발자한테 선물하고 있는 책이에요
컴포넌트 구조 조금만 바꿔서 해결할수 있을것같습니당
오 저도 읽어봐야겠어요 감사합니당
와우 두꺼운책인가봐요 가격이
혹시 순수html이용해서 select box를 통해 선택된 값을 text타입 input에 넣는 방법이 있을까요??
학원강사님이 퀴즈를 내주셨는데 검색해도 나오질않네요 ㅜ
JS를 안쓰고 가져오는것을 의미할까요?
젠님이 나갔습니다.
혹시 프론트엔드 분야만 모여서 프로젝트 한다면 어떻게 진행할 수 있을까요??
이건 좀 프론트엔드와 관련 없는 질문인데 혹시 구글 인터넷 사용기록 삭제를 하면 북마크 기록을 다 초기화 시키나요?.. 방문 기록, 쿠키 캐시.. 이거랑 북마크랑 상관없다고생각했는데... 다 날라가서 멘붕이왔네요.. ㅠ
말그대로 js,jquery없이 순수하게 html 만 사용하는 방법이요!
js, 제이쿼리없이 어떻게하냐고 반발해봤는데, 방법이 있다고하시더라구요ㅋㅋ 근데 아무리찾아도 모르겠슴다 전..
혹시 방법을 아시는 고수님들 있으신가해서 여쭤봅니당
애매하네요.... onClick="inline script"를 말씀하시는 걸까요? 음...
좀 더 힌트가 필요해보이네요 ㅋㅋ 나중에 알게 되면 공유해주세요
이모티콘
해당건 수정사항이 있어서 다시 공유드립니다. 상주 프리랜서로 업무도 가능합니다.! 업무는 1주일 내 바로 작업 시작 가능합니다. 시니어 (아래 안 중 원하시는 것으로) 1안. 3개월 * 900만원 상주(9to6재택 상주) 2안. 1억 연봉 정규직(재택)
단독 ui 컴포넌트 개발을 빠르게 할 수 있다, 테스트에 용이하다, 말씀해주신 디자인시스템도 있고 공식문서 들어가면 장점 4갠가 써잇어여
테오
Tdd가 어떤지 혹시 정리한 글 있을까요? 잘 몰라서 좋은 글인지를 잘 모르겠어요.
혹시 iOS 16 이용하시는 분들 중
웹뷰가 검은색 화면으로 렌더링되는 현상 겪어보신 분 계신가요?
iOS16!!!!
네!!!!!!!
나의 원수!! ㅠㅠ 이번 업데이트 무지 실망입니다
그럼요 그것 때문에 심각합니다 아주 ㅠ
bㅠㅠㅠㅠㅠㅠㅠㅠㅠ
아 known-issue 인가요 ㅠㅠ
그렇게 치부하고 가기에는 너무 치명적이라ㅠㅠ
저희는 특단의 조치로 모든 에니메이션을 삭제하고 transform3d를 다 제거했습니다
아 ㅠㅠㅠㅠㅠㅠㅠ
근데 이게 막 이슈가 되거나 하는건 아닌가보더라구요 아직 관련자료들이 없어서
아 그렇군요
검색해도 안보여서,,
그러니까요
흑흑 그렇군요 ㅠㅠ 정확한 원인파악이 안되니까 대응도 어찌해야할지 모르겠어서
애니메이션이랑 transform 3d.. 저도 시도한번 해볼게요
저두요 여튼 기다리기에는 너무 리스키해서 에니메이션을 싹 걷어내니 재현율이 많이 줄더라구요 그렇다고 아예 재현이 안되는건 아니지만
경험공유 정말 감사합니다 🙏
그리고 특정 단말도 타는것 같아요 재현빈도가 높은 폰은 엄청 잘되는데 같은 iOS16이라도 잘 되는 폰은 잘 되고 있어서
저도 원인이나 뭔가 새로운 타개책이 나오면 공유드릴게요~
감사합니다,,, 말씀해주신 방법대로 대응해봐야겠어요
저도 원인이나 추가적인 대응법 찾으면 공유할 수 있도록 할게요
감사합니다!!
고맙습니다! :)
이모티콘 훈훈하네요...👍
검거
제가 아는 분 같은데 맞나여
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
감사합니다!!
히힛
이모티콘
이거를 보심좋을듯해요
사진
여기서 상단의 쿼리키가 같다고 표현되는데
쿼리키가 달라야 하는 거 아닌가요?
달라야 하는게 맞는데 쿼리키의 동일 판단 여부가 프로퍼티의 순서와 상관없고 undefined인 키에 대해서 같은 것으로 취급하니 주의하란 말 같아됴
아하 그런 말이었군요 감사합니다!!
혹시 컴포넌트들의 보편적인 명칭을 정리해놓은 문서같은걸 아시는분 계실까요?
https://github.com/onlyhom/mobile-select 이런 형태의 컴포넌트를 뭐라고 부르는지 알고싶어서입니다!
안녕하세요,, 라우팅 관련 질문이 있습니다 vercel 로 배포를 완료했는데 커뮤니케이션 해보니 원래 있던 도메인 주소가 있었고 거기에 붙여야 하는 상황인데요 도메인 주소를 이미 쓰고 있는 상황이라, '도메인주소/test' 이런식으로 사용해야 할 것 같아요 혹시 이럴 경우 어떻게 설정하는지 궁금합니다 vercel에서 설정을 하면 될까요..?
제 생각에는 서브도메인을 사용하던가
프론트렌드측에서 test라는 라우팅을 추가하는게 맞는것같아요
안녕하세요 FileList 관련 질문이 있습니다. 부모 컴포넌트에서 자식 컴포넌트로 객체를 넘겨주는데 다른값들은 다 제대로 동작을 하는데 FileList 타입의 값만 표시가 되지 않더라구요. 그래서 확인용으로 임시로 버튼을 만들고 클릭하면 FileList 값들이 뜨는걸로 했는데 이때는 정상적으로 떠서 FileList도 datatrasfer와 같이 이벤트가 발생했을때만 값을 읽어 올수있는걸로 이해했는데, 제가 이해한게 맞는지 궁금합니다. mdn 읽어봐도 헷갈리네요
FileList 값을 읽을수있는 메소드가 따로 있는걸로 압니당
혹시 item() 말씀이신걸까요?? 자식 컴포넌트에서 조건부렌더링으로 사용하려고하는데 안에 분명 값이 있는데도 불구하고 length 값이 0이 계속 나오더라구요.
그러면 Array.from으로 리스트 저장해서 확인해보시겠어요?
배열로 저장
그것도 해봤는데 똑같이 0으로 뜨더라구요 ㅠㅠ
하트뿅뿅 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요!! 하트뿅뿅 라이언님~~ 반갑습니다 :)
안녕하세요 css 배우러왔습니다
와! css!!! +_+
css의 어떤걸 배우고 싶나요?
개인플젝으로 특정 조건이후로 사진 가운데에 마감 처리를 넣고싶은데 뭘 건드려야할지 모르겠네요
사진
사진 위에 덮는 거면 position absolute면 가능하지 않을까요?
감사합니다 알아볼게요
div 안에 img와 div(마감)을 넣고 마감 div에 position absolute, 밖의 div에 position relative를 넣으면 될 것 같습니다.
감사합니다!!
오오 불꽃놀이 터지는 소리가…
사진
왜 이런 에러가 뜨시는지 아시는분 계신가요..
오 어디 사세용? ㅋㅋㅋㅋ
동영상
멀리서 힐끔 봤는데 진짜 짱이 었습니다👍
고양시 인데도 들립니다 ㅎㄹ
동영상
👍👍
덕분에 차가 너무 막히네요 ㅠㅠ
사진
겁나안되네요 허허;
우와....
올림픽대로에 다 차세워놓고봐서 차가안움직이내요;;
혹시 페이지 중간부터 원페이지 구현하는 홈페이지나 하신분 계신가요 ..?
오오
뭔말인가요?
페이지 모든 부분이 아닌 중간부분부터 원페이지 스크롤로
모든페이지가 차면서
Cors 는 왜이리 어려울까요
동영상
이런식으로 내려가는페이지
입니다
css 속성으로
제공합니당
.
참조할 수 있는곳 있을까요..?
요런거 안되나요?
fullpage css 라고 보시면됩니당
오 요건 첨 알았네요 감사합니다
https://alvarotrigo.com/fullPage/ko/ 원래는 이런 라이브러리 쓰기도했는데 css로 제공하니 넘좋더라고용
이부분은 스크롤이 되긴하지만 한 페이지씩 멈어가는게 아닙니다ㅠㅠ
응애개발자님이 알려주시 scrollsnap으을 참고하시면 됩니다~
아마존에서 775원이
꾸준히 결제되고 있던데
몇달전에 아마존 아이디
삭제했는데
왜 이런 걸까요
아이디 찾기도 안 보이고 ㅠㅠ
원래 보안관련된 부분이 배경지식이나 용어들을 이해하는데 오래 걸리죠~ “자바스크립트에서 URL을 통해 데이터에 접근할때 같은 도메인에서 호출한 것만 허락한다“ 라는 큰 줄기만 이해하시면 크게 어렵지 않을 거에요. 이를 회피하기 위해서는 1) 서버에서 특정 도메인을 허락해준다고 하거나 (access-control-allow-orign헤더) 2) 우리 서버를 통해서 대신 물어보거나 (프록시) 3) 스크립트는 허락하니까 script로 공유하거나 (jsonp) 등의 방법등으로 해결하는 각 방법들을 이해하고 본인이 제일 쓰기 쉬운 방법 1개 정도만 알고 있으면 좋습니다 이러한 큰 줄기를 바탕으로 모르는 용어부터 하나씩 섭렵해 나가시면 잘 알게되실거에요 :)
4) 크롬 익스텐션이나 일렉트론등 다른 기타 도구들을 활용한다
ㅎㅎ님이 나갔습니다.
안녕하세요. 강의를 듣다가 궁금한점이 있어서 질문 드립니다. inputRef.current를 체크하는 코드를 짰는데 보통 null체크를 할땐 undefined도 같이 체크해주는게 일반적인 코드인지 궁금합니다.
사진
평소에 제가 짰던 방식은 inputRef.current === null 이런식인데 강사님은 이렇게 ==로 비교하더라고요. 다른분들은 어떻게 하시는지 궁금합니다.
input 태그라 undefined는 굳이 체크할 필요가 없지 않나해서요
일반적인진 모르겠는데 문제되는게 아니라면 뭐든 상관없지 않을까용
뭔가 고수 개발자님이 하신거라 다른 무언가 있을까 해서요 ㅎㅎ
사진
블로그 글 찾아서 읽어봤습니다. 감사합니다!
고수님들 혹시 백준 문제 질문드려도 될까요?? ㅠㅠ 런타임 오류가 발생했는데 이유를 모르겠어요..
코드를 올려주시면 답변 가능한분이 확인하시구 답해주실거에요
없을수도 있지만, 이렇게 질문이 가능한지에 대한 질문만 남겨주시면, 답변드리기 힘들어요
넵!
백준 사분면 문제이고 제 코드는
var a = require('fs').readFileSync('/dev/stdin').toString().split(' '); if((parseInt(a[0])>0) parseInt(a[1])>0 ? console.log(1) : console.log(4) if((parseInt(a[0])<0) parseInt(a[1])>0 ? console.log(2) : console.log(3)
입니다 ㅠ
보통 질문 답변이 비동기로 이루어지기 때문에(현업에서도 그런 상황이 잦으니까!) 본론도 같이 남겨주시면 좋아요 😊
사진
호다닥 콘솔에 돌려보니까 이케 나와요
문법이 잘못된 것 같은데
if문 닫는 괄호가 없네용
확인 한번만 부탁드릴게요
보통 들여쓰기나 한 칸 띄워주는 이유가 요런 오탈자를 쉽게 보기위해서에요
그래서 포매팅 룰을 잘 맞춰주시면, 눈에도 잘 들어와서 디버깅 하기 좋을거에요!
아하! 괄호도 빠져있었네요 ㅠㅠ
비동기로 ㅋㅋㅋ
이모티콘
친절한 킹돌님
이모티콘
친절한 @킹돌님 나와주세요!
이모티콘
@맷돌
이모티콘
킹 @맷돌 님
이모티콘
이모티콘
킹돌님
재귀
그러니까 재귀가 뭐냐면..
그러니까 재귀가 뭐냐면..
재귀야 섀룽해~
프린이님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
시안님이 나갔습니다.
<State Of CSS 2022 설문이 진행중입니다.> 모든 개발자가 그렇겠지만 프론트엔드 개발자에게 트렌드를 따라가는 것은 숙명과도 같은 일이라고 생각합니다. 무엇보다 개발도구인 웹 브라우저의 최신스펙에 따라서 앞으로 할 수 있는 것들이 달라지는데 웹브라우저의 표준스펙의 발전속도는 굉장히 빠른 편이죠. 모든 웹 스펙들이 포함되어 있는 Mdn 사이트의 유료모델이 업데이트 소식을 알려주는 것이라는 것을 봐도 알 수 있죠. 하지만 이러한 스펙의 변화를 매번 주시하는 것은 피곤한 일입니다. 새로운 스펙이라도 해도 당장 모든 브라우저에 적용할 수 있는 것이 아니다보니 지켜보는 시간도 학습하는 시간도 필요하기 때문입니다. 이러한 새로운 최신 스펙과 트렌드를 한번에 알 수 있게 도와주는 사이트가 있었으니 바로 State Of (JS/CSS/GraphQL) 설문 시리즈입니다. 그리고 CSS 설문이 바로 얼마 전 10/5일에 시작을 했군요. 설문에 참여하여 질문지를 읽은 것만으로도 2022 CSS의 진화형태를 알 수 있기 때문에 잘 모르더라도 참여를 한번 해보시면 좋을 것 같아요. 실제 트렌드는 설문의 결과가 정리된 이후 더 잘 알 수 있게 되지만 설문의 경험이 그 결과를 해석하는데 더 큰 도움이 될거라고 생각합니다. 한번 설문에 참여해서 새로운 2022 CSS에 대해 한번 알아보는 시간을 가져보아요! --- [State of CSS 본문에서 발췌] --- CSS는 전례 없는 속도로 계속 발전하고 있습니다. 운 좋게도 올해 우리는 이러한 모든 변경 사항의 최전선에 있는 누군가의 도움을 받았습니다. Lea Verou 는 새롭고 다가오는 CSS 기능을 강조하는 데 특별히 중점을 두어 올해의 질문을 선정하는 데 앞장섰습니다. 또한 설문 조사 결과는 브라우저 공급업체가 로드맵의 우선 순위를 지정하고 브라우저 간 호환성을 개선하는 데 도움이 됩니다. 이 모든 것을 제외하고 CSS가 2022년에 어떻게 진화했는지 봅시다! https://survey.devographics.com/ko-KR/survey/state-of-css/2022
안녕하세요! 혹시, 이런 타입 A가 있다고 했을 때 type A = { type: 'person' | 'picture' }; 자바스크립트의 삼항연산자로 치면 아래 코드를 타입 B로 표현하고 싶은데 어떻게 해야 할지 감이 잘 안 옵니다 ㅜㅜ 혹시 방법을 아시는 분이 계실까요... type B = A.type === 'person' ? { name: string } : { title: string}; 의도는 요러합니다 const a:B = { type: 'person', name: 'jake', // pass } const a:B = { type: 'person', title: 'jake', // error } const b:B = { type: 'picture', title: 'apple', // pass } const b:B = { type: 'person', title: 'apple', // error }
오타가 있네요 ㅜㅜ 제일 마지막 객체에서 title이 아니라 name이 에러 대상입니다
졸린 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
돈다발 들고 좋아하는 무지님 졸린라이언님 반갑습니다 :)
{ type: "person"; name: string; } | { type: "picture"; title: string; } 이 요구사항을 만족하는 타입인지요??
아! 네네 이렇게 해도 될 거 같아요! 감사합니다🥺 !!!
57퍼 나왔ㄴ네요.. 공부 마니 해야겟어요 ㅋㅋㅠㅠㅠ
많이 알고 계시네요!! 기존과 달리 특히 이번에 새롭게 추가되는 CSS 스펙이 진짜 많더라구요 쓸만한게 얼마나 있을지도 궁금해지더라구요. ㅎ
안녕하세요^^
간혹 실무에서도 많이 쓰이는 애들이 있긴했던거같아여ㅎㅎ 재밌는 속성들이 많아보여서 자세히 찾아보려고 캡쳐해놨네요
좋은 설문지공유 감사합미당
어서오세요!! 반갑습니다. 이곳은 프론트엔드에 대해서 궁금한 것들을 물어보고 아는 것들을 알려주고 공유하면서 같이 성장하고자 하는 곳입니다. 편하게 글 남겨주세요 :)
어서오세요~ 프린이님
이 설문지 결과가 이제 진짜이겠죠. 지금 CSS는 CSS in JS와 Sass와 Tailwind CSS 삼파전으로 보이는데 어떤게 추세인지 알 수 있을 것 같아요.
프로로님이 나갔습니다.
어떤걸 즐겨쓰시나요?
저는 제가 만든 AdorableCSS요. ㅋㅋ TailwindCSS와 같은 패러다임이구요 JIT를 훨씬 더 많이 활용할 수 있도록 개선했고 조금더 적고 직관적인 유틸리티를 많이 넣으려고 했어요. https://developer-1px.github.io/adorable-css/
오 직접만드셨군요 써봐야겠어용😲
[개발자를 위한 참여형 스터디 서비스 설문조사] 안녕하세요🥰 귀중한 시간을 내주셔서 정말 감사합니다🙈 본 설문지는 ‘디프만 오개안말 팀’에서 개발자 전용 사용자 참여형 스터디를 기획하기 위한 목적으로 작성되었습니다. 본 설문의 응답은 옳고 그름의 정답을 요구하는 것이 아니며, 조사는 익명으로 실시됩니다. 귀하께서 응답해주신 내용은 통계처리를 위한 목적으로만 사용됩니다. 부담없이 솔직하게 답변해주시면 정말 감사하겠습니다🍀 Have a nice day💕 📅 설문 기간 : 2022.10.8 - 10.10(월) 🤖설문 대상 : 개발직군 재직 및 희망자 👻 소요 시간: 3~5분가량 🥳 설문 상품 : 스타벅스 1만원 쿠폰 2명!!🙈 (당신의 열정을 보여주세요✨) *수집된 전화번호는 리서치 이후 모두 폐기됩니다. https://forms.gle/tHcasZCZvd2dV1qn7
안녕하세요 스터디 서비스를 준비하면서 설문조사를 진행하고있습니다 상품으로 추첨을 통해 스벅 만원 상당 쿠폰드립니다!
전 41퍼…. 최신트랜드에 관심많다고 생각햇는데 사실은 아니란걸 깨달았읍니다
css 프레임워크만 써서그런지
아는게 하나도없네..
저도 한번 블로깅 해봐야겠네요 들어보지 못한게 대부분..
떨고있는 어피치님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
48퍼센트 나오네요🥺
좋은 설문 공유해주셔서 감사합니다:)
안녕하세요~
그럼 블로깅해보고 알려주세영
안녕하세요 떨고있는 어피치님!!! 반갑습니다 :)
방장님 안녕하세요 반갑습니다 ^^
안녕하세요
테오라고 불러주세요! 환영합니다. 이곳은 프론트엔드에 대해 궁금한 것들을 물어보고 아는 것은 알려주고 공유하면서 함께 성장하고자 하는 곳입니다. 궁금한 것이나 내가 답할 수 있을 것 같은 질문들에 대해서 편하게 글 남겨주세요!! 다른 관심사나 좋은 링크가 있거나 고민상담이나 홍보글 뭐든 다 좋습니다~~
테오님 혹시 워프나 구글블로그 내에 배너만드는 작업에 관해서 질문해도 될까요?
네~~ 이 방에서 질문은 물어보지 않고 그냥 하시면 됩니다. 대신 답을 알고 있는 분들이 없을수는 있어요ㅎ
제키님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
새롭게 서비스기획 맡아서 오픈톡방 찾다가 들어왔습니다. 잘 부탁드립니다!
안녕하세요!! 제키님 기획자시군요!! 잘 부탁드립니다. 프론트엔드 기술에 대해 관심을 가진 분들이 여기에 더 많다보니 개발적인 얘기들과 코드들을 주고 받는 일들이 더 많지만 협업과 프론트엔드 개발에 대해 궁금한 것들이 있다면 얼마든지 편하게 글 남겨주시면 답변 드리도록 하겠습니다. 잘 부탁드립니다.
삭제된 메시지입니다.
Rxjs 한번 배워보실래요? 오랜만에 블로그에 글을 씁니다. 이번 글의 주제는 Rxjs입니다. Rxjs가 비주류다보니 기존 글과는 달리 조금은 매니악한 주제처럼 느껴질 수 있겠습니다만, 자바스크립트에서 비동기를 다루는 라이브러리 중에서는 이만한 것도 없다고 생각을 합니다. Rxjs가 주류가 되는 세상을 꿈꾸면서 비동기를 다루는 반응형 프로그래밍을 하기 위한 최고의 방법 Rxjs를 소개합니다. 정말로 쓰고 싶었던 글인 "프론트엔드에서 Rxjs를 이용한 상태관리"에 대한 프리퀄과 같은 글로 봐주시면 좋을 것 같습니다. https://velog.io/@teo/rxjs
저도 rxjs 도전했다가
읽고 있다가 사라져서 놀랬네요 :)
신입때 포기했었는데 ㅎㅎㅎㅎ
함수형 프로그래밍에서 배우면 좋죠
맞아요~ 저는 이게 Promise 다음으로 주류가 될거라고 믿어 의심치 않고 배웠는데
함수형 프로그래밍은 호불호가 나뉘는 방식이라는걸 몰랐죠. ㅋ
회사에서 앵귤러 사용하고 있어서 함수형 프로그래밍이나 관련 지식 없이 rxjs부터 접하게 됐는데 되게 재밌더라구요
그쳐 앵귤러의 공식 라이브러리다보니 앵귤러를 하게 되면 같이 익히시는 분들이 많더라구요~ 구글이 택했습니다 여러분 ㅋ
안녕하세요..! 면접 시 복장 조언 좀 구하려고 합니다
샵검색 : #유아인 셋업
후드 입고가도 됩니다
이렇게 검은색 셋업으로
깔끔하기만 하면 됩니다
입고가도 될까요..?
아 정말요??
네
개발자의 면접복장은 굳이 정장일 필요는 없어요
감사합니다ㅜㅜ
오히려 너드한 복장이면 더 좋아할수도…
ㅋㅋㅋㅋㅋㅋㅋ
금융권일수도..
아 금융권이나 삼성 엘지면
깔끔하게만 입음 되여
또 다를수도..
저는 정장 절대 입고오지 말라고 안내받앗어서ㅋㅋ 걍 슬랙스에 하얀셔츠입고 갓어여
저는 체육복 바지에 후드티입고 갔어요
사진 2장
이거 생각나네요ㅋㅋㅋ
옷만 제대로입어도 고수되겠다
저거 개팩트인게
저희 팀 외국인 천재 개발자님
삭제된 메시지입니다.
저거 다 해당하심
사진
고수..
ㅋㅋ 티셔츠에 혀하고 눈깔은 뭔가요
리액트질문입니당! 로그인 기능 구현할때 사용자가 입력한 데이터를 받아서 유효성 검증하고 입력된 정보가 올바르다고 판단하면 화면이 바뀌게 연출하고자 합니다. 리액트 라우터를 사용할수밖에 없나요?
뱀은 파이썬 펭귄은 리눅스같은데
페이지를 이동하는거면
사용하는게 낫지 않을까요
그거 안사용하면 사용자가 뒤로가기 했을때 안돼서
아 그런 부작용이 있군용.. 큐ㅠㅠㅜ 이번기회에 리액트 라우터 마스터 하러 가야겟습니당 감사합니다!!!
rxjs는 실전에서 사용할 때 너무 어려운 것 같아요. 프로젝트에 계속 적용해보려고 노력중인데 맘대로 안되네요
안녕하세요. 회사를 얼마 전에 입사하게 되었는데 입사하고 보니 제가 회사에 원하는 기준과 많이 다른거 같아 퇴사하려고 합니다... 수습기간이고 아직 근로 계약서를 쓰지 않았습니다. 그래도 전화로 퇴사를 말씀 드리는건 예의가 아닌거 같아서 만나서 말씀 드리려고 하는데 안좋게 볼까봐 걱정이네요... 어떻게 생각하시나요?
전화로 말씀 드리는건 더 안좋게 보실거 같아요
그렇군요.. 감사합니다! 인수인계가 이뤄진게 뭐가 없어서 보통 말씀 드리고 인사과에 얘기하고 바로 나오나요?
아마 가서 말씀하시면 면담하시고 퇴사 과정 안내해주실거에요
솔직하게 말씀드리는게 나을것같아요
그렇군요 감사합니다!
비정상적인 회사를 겪어봤는데.. 계약서를 안쓰셨으면 합의를 잘 보시면 좋을 것 같아요 저같은 경우는 하루 일했는데 계약서를 써야지 월급을 줄 수 있다고 해서 지인의 추천으로 간거라 의심없이 써줬다가 퇴사처리 안해줘서 골머리 썩혔던적이 있어요ㅜ
통화녹음 안됐으면 큰일날뻔 했어요 갤럭시만 썼던게 큰 도움이...ㅡ.ㅡ;
정식 출근 날 이전에 회사에 방문해서 근로계약서를 작성해달라 하시는데 이런 경우가 흔할까요~?
그렇군요 주면 좋겠지만.. 사실 가서 뭐 한 것도 없어서 월급을 바라지도 않습니다ㅎㅎ 계약서를 썼다가 취소 안해주는거는 좀 너무 하네요... 참 별의 별 회사가 다 있네요. 고생하셨습니다!ㅠㅜ
저는 그런 경우는 못 봤어요! 보통 입사 당일이나 며칠내로 작성했던 것 같습니다
넵.. 저도 돈 안받겠다고 했는데 기어코 써달라고 해서 써줬다가..ㅜ 이런 경우는 잘 없을테니까 얘기 잘 하시면 될거같아요 경험 공유드린건 뭔가 쎄한 느낌이 들면 어떻게든 증거되는걸 남기시는게 좋을 것 같아서 말씀드려봤어요ㅎ
면접일정이 아직 남아있어서 출근을 미뤘던건데 먼저 합격했던 회사에서 근로계약서 작성을 요구하셔서 아직 남은 면접 일정 때문에 고민입니다 ㅠㅠ
Hoxy... https://spring.io/ https://ko.reactjs.org/
근로계약서 안쓰면 노동법에 걸리기 때문이고 보통 첫날에 쓰는게 일반적입니다..
입사첫날(입사당일)
미리쓰는건 이상하네여
아녕하세요 nextjs 로 작은 프로젝트를 만들어보고 있는데용 백엔드까지 nextjs 로 핸들링하려 하는데.. 기존 MVC 형태로 pages/api 폴더에 구성해보려 하니 Dynamic API Routes 때문에 모양이 어색해지는 것 같아요 혹시 이와 관련해서.. 참고해볼 만한 문서나 레포가 있으면 추천해주실 수 있으실까요?
아니면 대략적인 폴더 구조나 키워드만 던져주셔도 정말 큰 도움이 될 것 같아요
*nextjs 에서의 백엔드 아키텍쳐 관련!
이런것땜에 저번에 @슈슈슉슈슈슉 님께서 올려주신 nextjs가 AX측면에서 안좋다고 하는것같네여
이모티콘
오 확인.. 이런거엿군여
폴더구조를 강제하니까 관심사가 달라짐에도 불구하고 api호출 경로는 무조건 pages에 있어야한다… 이런거군요 ㅋㅋㅋ
떨고있는 어피치님이 나갔습니다.
흑흑
흠 프레임웤이니까.. 강제성은 어쩔수없는듯요…
보통 스타트업 포괄임금제로 계약 하는경우 많은가요? 아니면 전부 다 따로 하는 경우가 많은가요?
합격한 뒤에 추가로 다른 회사 붙어서 안오시는 분들이 많아서 그런거 아닐까하는 생각도 드는군요
스타트업은 포괄일 확률이 높습니다..
안녕하세요 스타트업에 다음주 화요일에 첫출근인데 현재 자가키트로 코로나 양성이 떠서 보건소에 결과를 기다리고 있습니다. 회사측에선 내일 보건소결과를 보고 말하자고 하는데 저와 같은 경우이셨던 분이나.. 입사가 취소 될 가능성이 있을까요..? 너무 걱정되네요
격리 일주일이라.. 이해해줄겁니다
자연재해는 인정해야져....
회사 입장에서도 채용하는데 리소스를 투입하고 신중을 가한 입장일텐데 코로나 걸렸다고 입사취소를 하지는 않을것 같습니다. 온보딩이나 개발환경 세팅 관련해서 온라인으로 진행가는한지 여쭤보시면 되지 않을까요. 아니면 뭐 일주일 뒤에 입사하시는걸로..
? 코로나따문에 입사취소를 하면.. 그 회사는 그냥 갈필요도 없을거같네요
저희 회사도 코로나 걸리셔서 입사 1~2주 미뤄졌던분 계세요 ㅋㅋ
혹시 리액트에서 bundle.js로 실행되는 이유 아시는분 ㅠㅠ
그렇군요..! 듣던중 다행이네요
main.js 로 합쳐졌던 것 같은데... 상황을 조금만 더 자세히 들어볼 수 있을까요?
이미 집도 구하고 여러 준비들을 해놓은상태라 만에하나 때문에 사서 걱정하고있네요.. 결과 나올때까지 마음비우고 기다릴게요 감사합니다~!
index.html 에 bundle.js 로 연결되는게 문제일까요? 아니면 main.js 로 나와야하는데 bundle.js 로 번들링되는게 문제일까요?
모르겠어요 지인이 번들로 콘솔이 찍힌다고
콘솔로그가 컴포넌트별로 찍혀야하는데ㅔ
번들js로 찍혀요
이모티콘
뭔가 dev 로 돌린게 아니라
프로덕션으로 돌리신걸까요
package.json 의 script 부분을 볼 수 있음 좋을 것 같아요
로컬 서버 실행은 어떻게하셨는지두
아무것도 안건들여져있어요
새로 프로젝트 생성하고
해도 반들js에요
사진
이렇게나와요
그냥 똑같이 했어요
npm run start.. 로 해주신거죠?
호옹이......
넵
무슨 설정이 잘못된건지
윈도우 bash로 실행하긴했어요
아항아항.
저도 이경우였는데
무사히 입사했습니다~ㅎㅎ
소스맵을 못찾는건지 포함이 안된건지
으으으..
두번째 11 (VM139:236) 부분도 수상하구요
VM 이면 콘솔에서 스크립트 입력했을때 아닌가...? 싶은데 말이죠
bundle.js 파일 맨 아래에 보면 이케 소스맵 관련 정보를 적어주는데
사진
없으면 webpack config 관련일거구.. 있는데도 못찾는거라면 다른 방향으로 찾아봐야 할 것 같아요
이모티콘 묘하군요.. 이거...
pm 뚜비님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
해결완료
원인 공유해주세요!
사진
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
아
크롬에 이런 설정이 있더라고요
이게 있군요
ㄴㅇㄱ
공유 감사합니다,,,
해결되서 다행이네요
저거 체크된거 풀려있더라고요 ㅋㅋㅋㅋ
넵
아항아항
vite이 비교할게 npm이었나요
webpack???
아닌가요?
vite는 웹 번들링 도구이고, 비교하자면 webpack같은 거랑 비교할 수 있어요
아 그런가요
감사합니다!!
혹시
scroll 이벤트 중 중간구역부터 body scroll rock으로 잠금 후 중간구역 벗어난 이후 rock에 대한 style을 해제했을때 상위로 이동하는 현상을 어떻게 해결해야하는지 아시는 분 계실까요
// html.style.overflowY = 'hidden'; // body.style.position = 'fixed'; // body.style.top = `-${scrollPosition}px`; // html.style.width = '100%'; // html.style.height = '100%';
잠금시 해당 코드 사용하였고
scrollposition은 y좌표로 중간구역의 높이로 잡아주었습니다.
if(window.scrollY >= contentTop+10 && body && html){ const scrollPosition = window.pageYOffset+groupRef.current.getBoundingClientRect().top; // html.style.overflowY = 'hidden'; // body.style.position = 'fixed'; // body.style.top = `-${scrollPosition}px`; // html.style.width = '100%'; // html.style.height = '100%'; // 또한 하위 스크롤은 재생되어야 하기때문에 안에 요소에 스크롤 권한 부여했습니다 if(contentTop===scrollPosition){ // slideRef.current.style.height=`100%`; // slideRef.current.style.overflowY='auto'; }
// 또한 하위 스크롤은 재생되어야 하기때문에 안에 요소에 스크롤 권한 부여했습니다
어제부터 계속 해결중인데 해결못하고 있습ㄴ디ㅏ…
혹시 pageYOffset 이랑 getBoundingClientRect().top 을 빼주신 이유가 있을까요?
아니 더해주셨구나...
더해주신 이유를 알 수 있을가요!
pageYOffset 은 문서의 스크롤한 y 값이구
getBoundingClientRect().top 는 해당 요소의 top 위치인데
top 위치가 "브라우저의 뷰포트" 기준이라서
스크롤 한 중간이라면 - 값(음수)이 나올거에요
사진
헉
ㅇ연필로 되어있는
높이랑 해당구역 buttom까지
높ㅇㅣ입ㄴ다
결론:연필로 “여기높이” 라고 되어있는 높이입니다
모아이님이 보여주신 코드 조금 변형해서 테스트 해보니까
되긴 하더라구여
일단 올려주신 사진 확인해보고 있을게요!
뭔가 구체적인 정보가 많네요
맷돌님 주신 코드 보고다시 해보겠습니다
ㅋㅋ너무 간절한 상태라 ㅋㅋ ㅜㅜ
감사합니다
스크롤을 잠그고 풀기 위해 필요한 정보가.. - 스크롤한 위치(되돌아갈때 필요) - 스크롤하는 요소의 위치(스크롤 고정시 top 조절을 위해) 이케 두가지인 것 같아요
해당 요소의 스크롤이 어떻게 잡히는지 모른다는게 가장 큰 문제인데
잘 래핑되어있어서 div.container > div.scrollElement 이렇게 구성되어있다고 예를 들어볼게요
여기서 스크롤한 위치는 .container.style.top 으로 구할 수 있을테구
요소의 위치는 .container.getClientBoundingRect().top 으로 구할 수 있을 것 같아요
추가적인 연산은 하지 않아도 바로 구할 수 있는 상황이라 요 두가지만 쓰면 될 것 같아요
그러고보니 overflow: hidden 만 해도 됐던 것 같은데
따로 계산해주신 히스토리를 알 수 있을까용?
msw 사용해보신분..! msw 는 현재 웹소켓에 대해서는 지원 안하지요?
이슈 열려있었던걸로 기억나요
웹소켓 지원에 관한 작업이 베타로 진행되고 있다구 그랬던것 같은데 찾아볼게요
아하…
그럼 일단 지금은…msw로 웹소켓 요청응답에 대한 목킹은 어렵겠군요..
그럴 것 같아요
답변 감사합니다..! ㅠㅠ
소켓 모킹하는 다른 라이브러리가 있었던 것 같은데
요건 안찾아봐서 모르겠어요 ㅠ
해당 보내주신 코드랑 같이 접목해서 설명드리자면 섹션별로 따로 컴포넌트 만들어서 작업중인데 hidden만 body에 사용시 스크롤 정지가 되지 않아 모달 백그라운드 잠금 처럼 구현했습니다
아하....
해당 구역내에서 스크롤 이벤트가 또 잇어야해서 해당 구역에 높이 값만큼 fixed해줘서 멈춤 후 안에 스크롤 작동
이런식으로 구현하려했고
안에 inner스크롤 끝났을 때 다시 이 롹 상태가 풀려야하는
이런 로직을 구현해야하는 상태라
아항...
여러 방법 시도중 너무 답답해서 …올려봤습니다..
단순 스타일링 목적이면 css 속성이 있는데 흑흑
꽤나 복잡하군요
fixed 를 대체할 만한 것이 있으면 좋을 것 같은데
scroll 관련 라이브러리를 사용해야하나 찾아보고 있습니다
삭제된 메시지입니다.
삭제된 메시지입니다.
혹시 하나 여쭤볼 수 있을까요? nextjs에서 빌드한 파일을 next명령어 없이 run하려면 (node index.js같은) 어떻게들 하시나요?
배포 서버에서 소스를 안가져오고 빌드된 파일만 두고 run 하려고 하는데
https://codepen.io/maetdol/pen/WNJamGv 같은 코드펜인데... 이런느낌일까요?
스크롤하다 자식 요소가 보이면 잠그고.. 자식요소 스크롤 끝나면 다시 풀리는 느낌이에요
다만 잠기는게 일회성이라서 스크롤 할때마다 잠기게 하는건 조금 더 수정해야할 것 같아요
플래그 세워서 조절해야 할 것 같은데
쑥스럽게 인사하는 프로도님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요~!
안녕하세요 쑥스럽게 인사하는 프로도님~~ 반갑습니다 :)
옵저버에이피아이 쓰시몀 어떨까용
아니면 스크롤매직 이런 라이브러리두 있꾸요
불가능해요
nextjs 커스텀서버알아보세요 cdn배포 말씀하시는거면 불가능하구요
말씀하신대로 node index.js가능합니당
》 배포 서버에서 소스를 안가져오고 빌드된 파일만 두고 run 하려고 하는데 요건 불가능
혹시 useMutation 관리는 해당 컴포넌트 말고 다른파일에서 관리해서 import해서 쓰는게 나을까요?
저는 mutation은 해당 컴포넌트에스 관리하고 있어요
api만 외부에서 관리하고 있구요
깃허브 액션으로 next.js 배포를 하려고 하는데, 계속 빌드에서 막히더라고요 ㅜㅜ next: command not found 라는 에러가 떠서 yarn add next 도 추가해줬는데 안되더라고요,, 이유를 알 수 있을까요 ?
package.json 좀 볼 수 있나요??
workflow도 같이보여주시면 좋을듯
{ "name": "catchme-front-end", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@react-native-async-storage/async-storage": "^1.17.7", "@react-native-community/async-storage": "^1.12.1", "@reduxjs/toolkit": "^1.8.3", "@types/next-redux-wrapper": "^3.0.0", "@types/react-cookies": "^0.1.0", "@types/react-redux": "^7.1.24", "axios": "^0.27.2", "browser-image-compression": "^2.0.0", "eslint-plugin-import": "^2.26.0", "next": "12.2.0", "next-redux-wrapper": "^7.0.5", "react": "18.2.0", "react-circular-progressbar": "^2.1.0", "react-dom": "18.2.0", "react-icons": "^4.4.0", "react-redux": "^8.0.2", "react-spinners": "^0.13.4", "redux": "^4.2.0", "redux-devtools-extension": "^2.13.9", "redux-persist": "^6.0.0", "styled-components": "^5.3.5", "swiper": "^8.3.2", "universal-cookie": "^4.0.4" }, "devDependencies": { "@types/node": "18.0.0", "@types/react": "18.0.14", "@types/react-dom": "18.0.5", "@types/styled-components": "^5.1.25", "@typescript-eslint/eslint-plugin": "^5.30.3", "@typescript-eslint/parser": "^5.30.3", "babel-plugin-styled-components": "^2.0.7", "eslint": "^8.19.0", "eslint-config-next": "12.2.0", "eslint-plugin-react": "^7.30.1", "typescript": "4.7.4" } }
name: Build and Deploy on: push: branches: - develop jobs: build-and-deploy: runs-on: ubuntu-latest steps: - name: Checkout uses: actions/checkout@v2.3.1 with: persist-credentials: false - name: Install and Build uses: actions/setup-node@v3 with: node-version: 18.4.0 - run: rm -rf node_modules/.cache # node_modules 캐시 제거 - run: rm -rf node_modules # node_modules 제거 - run: yarn install # 필요한 라이브러리 설치 - run: npx next build # next.js 프로젝트 빌드 - run: npx next export # next.js 프로젝트를 static html앱으로 컴파일 한 out/ 폴더를 생성해 줌 - run: touch out/.nojekyll # github page의 jekyll 처리과정 에서 .next와 같은 파일을 특수 리소스로 간주하고 최종 사이트에 복사하지 않는 것을 방지 - run: git add -f out/ # out/ 디렉토리는 .gitignore에 등록되어 있으므로 -f 옵션을 이용해 무시하도록 함 - run: git checkout -b temp-for-deploy-gh-pages # temp-for-deploy-gh-pages 브랜치를 생성한다. - run: git commit -m "Deploy Next.js to gh-pages" # 생성한 브런치에 out/ 디렉토리가 포함된 내용을 커밋한다 - run: git subtree split --prefix out -b gh-pages # 해당 커밋을 사용해 /out 디렉토리 만으로 로컬의 gh-pages 브랜치에 새로운 커밋을 만든다. github 저장소 gh-pages브랜치에 push - run: git push -f origin gh-pages:gh-pages # 로컬의 gh-pages를 강제로 gh-pages 에 푸시한다. - run: git branch -D gh-pages # 로컬의 gh-pages 브런치를 삭제한다 # temp-for-deploy-gh-pages 브랜치를 삭제한다. - run: git checkout develop - run: git branch -D temp-for-deploy-gh-pages # gh-pages를 강제로 푸시하는 이유는 이미 원격에 gh-pages 브랜치가 있을 경우, 새로운 커밋이 원격에 있는 기존의 커밋과 이어지지 않는 커밋이기 때문이다. env: CI: true DEPLOY_TARGET: gh-pages - name: Deploy 🚀 uses: JamesIves/github-pages-deploy-action@3.7.1 # github action marketplace 에서 사용할 템플릿을 가져옴 with: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} BRANCH: gh-pages # 배포될 브랜치 FOLDER: out # 이 폴더에 있는 파일을 배포 CLEAN: true # 배포 브랜치에 있는 파일들을 자동으로 삭제
입니다!
엄지철 제이지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
이정민님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 엄지철 제이지님 이정민님 모두모두 반갑습니다 :)
국밥집 알바생 튜브님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
늦게 봤네요.. 그 스크립트상에는 build -> next build 로 진행되는 것 같은데 workflow에 npx next build인걸 npx build로 바꿔보실래요? 저도 npx 안써봐서 확실하게는 모르겠네요!
국밥집 알바생 튜브님 반갑습니다 :)
앗 npx next build 로 해결하였습니다 ㅎㅎnpx 붙이니까 되더라고요! 감사합니다 !!
아하 다행입니다~~
안뇽하세요 스프린트 신청한 사람인데, 혹시 스프린트 관련 공지나 얘기를 나눌수 있는 디스코드나 그런게 있나요?
스프린트관련해서 이야기를 나눌수있는지 모르겠지만 원래 디코방이 있었어욥
공지사항에 있어요
찾았습니다 감사합니다 ㅎ
네~ 궁금한게 있으면 언제든지 글 남겨주세요!
안녕하세요! 제가 이번에 면접을 처음 해보는데,, 면접 시 자기소개와 기술면접과 궁금한 점을 준비하면 될까요..?
회사가 뭘 하는지 좀 알아가면 좋아하더라구요
1) 이력서를 기반으로 하는 자기소개와 프로젝트 및 이력 설명 2) 나의 성장과 회사의 방향성을 엮어보는 이야기 3) 나의 기술 스택과 관심사나 그리고 강점들을 어필 대략 이런것들을 준비하시면 될 것 같아요
아 기술면접을 대비한 CS지식 말하기 연습 정도도 있겠네요
와아 ㅜㅜ 정말 감사합니다!!
항상 유용한 정보 감사합니다 (lovestruck)
개발직군 면접도 1분 자기소개 많이 시키나요??
그건 면접 국룰이라. ㅋㅋㅋ
진짜 너무 감사합니다 ,,
면접왕 이형 유투브가 잘 설명해준다고 생각하는데 자기소개 1분은 나에게 이런 질문을 해달라는 물꼬가 되기 때문에 뭔가 멋있는 말보다는 내가 잘할 수 있고 관심있어 하는 내용으로 간단히 설명하시면 됩니다.
혹시 프론트 인터뷰 때에 히든 클래스에 대해서 질문 받아보신 적 있으신가요?
아뇽
내가 잘할 수 있고 관심있는 내용,, 감사합니다
감사합니다!
사진
next에서 새로고침시 이런 모달을 커스텀 모달로 만들고 싶은데 혹시 방법 아시는분이나 키워드 아시는분 계실까요 검색해봐도 모르겠네요
사진
기본 모달창은 이런식으로 띄웠습니다!
저거만 가능하고 커스텀은 안될걸요?
아쉽지만 아직은 안됩니다. 커스텀모달을 하려면 스크립트로 해야 하는데 제어권이 앖습니다. 굳이 해본다면 새로고침에 해당하는 키 이벤트(백 스페이스, 커맨드 R, F5)를 막을수는 있겠으나 브라우저의 새로고침 버튼을 막을수는 없습니다
두분 답변 감사합니다! 🙇
알고리즘 문제를 풀다가 시간복잡도에 대해서 궁금해 질문 남깁니다 혹시 같은 로직이라도 N을 어떤 것에 기준을 두는지에 따라 시간복잡도가 달라질 수 있는 걸까요?
O(N*M) 이런거 말씀이신가요?
대표적으로 최소신장 트리 알고리즘이
아니 시간 복잡도가 달라지는건 아니네요
종속되는게 여러개라면 다 포함돼서 고정되어 있어요
종속되어 있는게 여러개라는 뜻이 어떤 말일까요ㅠㅠ?
맷돌님~
혹시 고객센터 채팅을 구현해보려고 하는데 이게 관리자 입장에서는 각 고객마다 채팅이 가능해야하는데 이거 구현하는 로직을 어떤식으로 하면 좋을까요? 다른분들도 좀 알려주세요ㅠㅠ
채팅부터 만들어보세요
하나씩
채팅만드는건 구글에찾으면 많을거에요
궁금한 것은.. 1. 고객은 계속 추가된다. 2. 고객별 Array를 만들어서 배열 컴포넌트로 만드려고 하면 고객별 내용이 나누어져야 하는데 이게 궁금합니다.
그래프에서 시간 복잡도가 정점의 수와 간선의 수 두개에 영향이 있는것 처럼 시간 복잡도에 영향을 주는 요인이 여러개인 것이요
채팅은 구현을 했어요. 해당 인원 아이디를 알면 해당 인원이랑 1:1하는 것 까지는 가능한데
추가되는 인원들이 계속 늘어날때에 그 고객들에게 1:1로 문의 답변 줄 수 있는 로직이 궁금해서 만들어보려고 하다가 고민해도 구글링해도 API만 나와서 여쭤봅니다ㅠㅠ
백엔드쪽 이슈일거같은데 백엔드 물으시는거 맞죠?
아.. 팀 프로젝트에 백단이 없어서 하다보니까 ...ㅠㅠ 혹시 같은 고민해보신 분이 있을까 여쭤봤습니다
간단하게 생각해보자면
고객 한명은 게시글
고객과의 대화는 댓글
고객들의 목록은 게시판
처럼 구현한다면
어떨까요
멘토-고객 매칭시켜서 테이블 만들고 각 고객별 리스트로 뽑아오고 그 리스트를 각자의 컴퍼넌트로 뿌려서 뽑아낸다. 해보겠습니다.
패캠강의중 더 레드 -조은님 강의 들어보신분 계신가요!?
그분 오늘의집 그분 아닌가요
맞습니다!
신난 어피치님이 나갔습니다.
지금은 다른곳으로 가신걸로 알고 있는데
헐 그분 강의도 있나요?
저 듣다가 말았어요
마지막파트빼고 다들었어요
오! 어땠어요?ㅎㅎ 그거 구매할까말까 고민중이었는ㄷㅇ
개인적으론 기대했던 내용이랑 달라서 .... 아쉬웠어요
허허ㅠ 저도 고민중이네요ㅠ
혹시 next.js 프로젝트를 amplify로 배포해보신 분 계실까요 ??
저요!!!
사진
대체 이 오류가 왜뜨는건지 아시는분 ㅜㅜ 도저히 모르겠습니다.
array 메소드가 없다는건데 배열이아니라 객체가 들어갔나봐요. 에러메세지만 보여주지마시고 어떤 코드에 밑줄이 쳐진건지도 보여주시면 될 듯
리액트 면접문제 출제중인데, 낼만한게 뭐가 있을까요
암기식 질문 말구욤
빅데이터분석기사 자격증 프론트엔드한테도 도움되나요
도움 0?
딱히요
안녕하세요! 리액트 조건부 렌더링할때 && 를 쓰시나요 혹은 ? 삼항 연산자를 쓰시나요? 얼마전에 글을 읽었는데 && 연산자를 사용하는 것을 지양하라고 해서요
혹시 지양해야하는 이유가 뭐였나요?
사진
https://link.medium.com/0Aqlo4x4Ztb
넵 저 글입니다!
이모티콘 안녕하세요! 좋은 아침입니다 :) 다름 아니라 제가 이번에 문화적성 인터뷰가 잡혔는데, 면접이 처음이라 뭘 여쭤보실지 감이 안잡혀서 여기에 여쭤봅니다! 혹시 경험 있으신 분있으시다면, 경험을 공유해주시면 대단히 감사하겠습니다! ㅎㅎ
비동기개념이 약해서그런데 혹시 다들 비동기어떻게 공부하셨나요?
이벤트루프 공부하시면 잘 되실거같네요
타입문제 떄문에 그렇네요
타입이 명백하면 &&를 쓰는게 낫다고 봐요
아아 그럼 상황에 따라 판단을 하는게 낫겠군요
개인적으로 Stop Using 이라고 말하는건 너무 오바하는거 같네요 ㅋㅋ
글에서 보시면, 왜 쓰지 말라고 하는지에 대한 이유를 잘 보시는게 좋을거같네요
딴얘기지만 요즘 아티클 제목들이 좀 어그로성이 강한거 가타여 최근에 제가 읽은 글 중엔Stop using Next 그런글도 있었어여
ㅋㅋ;
ㅋㅋㅋㅋ
어그러성 제목인데... 잘못 사용할 수 있으니 더 명확한거 쓰자 정도로 보시면 될 것 같습니다 ㅋㅋ
이모티콘
실수할수있으니깐, && 보다는 ? 연산자 쓰라는것 같네용ㅎㅎ
리액트 네이티브..너무 재밌어 보이네요 앱개발이라니!
빨리 취직하고 공부해보고싶네요ㅜ
RN으로 개발하시는분들 있나요>?
저요저요~
오옹 어떤가요? 요즘 유튜브에 계속 RN 으로 클롤 개발하는거 노출되서 해보고싶네요
확실히 앱 개발을 원래 배웠던 리액트 지식으로 쉽게 만들수있어서 재밌어요
이모티콘
간단한 애니메이션만 잘 넣어줘도 생각보다 고퀄리티 어플이 결과물로 나와서 좋은거 같아용
저도 rn 개발 중입니다
그런데 저는 프론트엔드 개발자인데 rn으로 서비스 런칭하고
개인적으론 리액트 네이티브가 크로스 플랫폼 개발 짱 먹고 다른 네이티브 어플을 대체할 정도로 계속 파이가 커졌으면,,,
rn 개발자로 직장얻은 케이스라
근간은 프론트엔드 개발자라고 생각하고 커리어 변경 할려고 공부중입니다
오...멋있어요!
rn도 어떻게 보면 프론트엔드 아니에요?
웹프론트엔드냐 앱프론트엔드냐에 따라 결이 조금은 달라질수있어요
요새는 클라이언트 개발자를 프론트엔드라고 하는 분들이 늘어나는거같아요
게임 클라가 아닌이상
해보면 웹과 앱이
좀 많이 다릅니다
디바이스차이때문에 다른게 있지만
그래서 저도 계속 공부하고 있고
웹뷰로 하는 경우가 많아져서
거의 비슷하기도 하더라고요 앱브릿지 내려주는 부분은
앱 개발자 따로쓰고요
웹으로 다시오면 css 햇갈리는 경우도 있어서 계속 공부중이에요
아 네네 맞아요
저희 회사는 공통 모듈 배포해서
RN 을 써서 앱을 개발하는 이유는 뭘까요? 원래 앱 개발하는 스택도 있을텐데 .. 웹개발자가 앱을 러닝커브없이 개발할 수 있다 정도인가요?
모바일이랑 웹이
모듈 공유하는 식으로 개발중인데
개발자 풀이라고 생각해요
네이티브에 웹뷰도 많이 쓰더라구요
리액트 하는 분들의 진입장벽이
많이 낮아서
그리고 가격도 상대적으로 저렴합니다
그렇다고 생각합니다 ㅋㅋ
한 프레임워크로 두개 서비스가 개발 가능하니
어찌보면 혜자죠
그렇군용
그건 플러터도 같지 않나요
그렇긴한데
플러터 개발자 풀이
ㅎㅎ;
맞아요 그래서 저는 개발자 풀이라고 생각해요
그럼 RN 하다가 한계를 느껴서 앱 개발 스택으로 전환하는 경우도 있겠네요
rn해도 근데 결국 c플플이나 자바는 해야해료
ㅠㅠ
헉 글쿤요.!.!
디바이스 기능 만지려면 자바스크립트로 안돼서
그쵸..
직접 건들여야하는 부분이 있거든요
카메라 위치추적 앨범 등등..
건드려야
그렇군요 ㅠ
저희는 네이티브팀 + 웹뷰 프엔팀으로 개발중인데
만족스럽네요
지금 회사에선 저희도 이러고 있습니다 ㅎㅎ
이게 제일 서로 윈윈인듯해요
전회사에서 제가 rn으로 혼자 앱개발 하다 팀장이 웹뷰 쓰지 말래서 ㅋㅋㅋㅋ 뭔소리지 이러고 이직성공했어요
아하 근데 앱에서 웹뷰를 띄워주는 이유는 뭘까요? 결제나 이벤트처럼 빨리 변하는 페이지는 웹뷰로 처리하는식?
앱은 바로 대응이 안되기도하고..
네이티브에 웹뷰올리면
옵데이트없이
안녕하세요 React에서 Lifecycle이라는 것을 처음듣는데 componentDidMount 이런 것들이 hook으로 대체된 건가요..?
바로변경가능해서
쓴다고했어요
저일하는곳은..
업데이트 안하는 고객도 있어서
이슈 있으면 되도록 프론트가..
그 무슨글있는데
토스가 웹뷰를 사용하는이유
이런글이었는데
안나오네요...
요즘 대부분 회사가 웹뷰써요
카카오도 토스도 배민도
말씀하신 것 처럼 반영사항 다 앱심사 올리는 것도 일이라서
웹뷰로 빠르게 대응합니다
대부분 웹뷰씁니다
업비트는 순수 앱일거에요
웹뷰가 대응도 편하고 디바이스 대응도 편하고
개발자를 웹개발자 사용해도 되고 장점이 많은거같어요
넵
카카오뱅크는 순수앱 지향했었는데
최근 보면 웹뷰 개발자 공고도 있고 하네요
가끔 ios 업뎃하면 사파리 이슈 생기면서 깨지면 극혐이긴해요 ㅋㅋ
이번 16버전이 ㅋㅋ..
ios업뎃이 극협인 예시중에 하나가 ㅠㅠ 예전에 사파리는 지원해주면서 크롬을 지원 안해줘서 오류 났던적도 몇번 있었어요…
안녕하세요 한가지 조언을 여쭙고자 합니다. 모 기업에서 서류 합격 후 비디오 인터뷰 마치고 과제를 제출하는 단계로 왔는데 과제가 제 역량을 넘어가는 것 같습니다. 타입스크립트가 미숙한데 타입스크립트로 전체 구현 및 과제 기간도 짧고 딱봐도 제가 구현하기에 무리인것 같은데 이럴때는 그냥 빠르게 구현하기 어렵다고 죄송하다고 답신을 하고 다른 기업을 위해서 제 공부를 하는게 나을까요?
취준기간 첫 과제라 조언구해봅니다
저라면 할 수 있는 만큼만 해서 기한 내에 제출해보겠어요! 어차피 모두 구현하기를 기대하지 않는 경우들도 종종 있거든요. 실제로 모두 완성하지 못하고 과제 통과했던 경험도 있고요.
그렇군요
일단 리액트로라도 해봐야할까 고민이네요 그럼
과제하면서 배우는 것도 있어서 해보는 것도 나쁘지않은데
해보시거나 포기하시거나 선택하셔야죠 뭐…
완성안되어도 그냥 보내고 기대는 안해야겠네요
감사합니다
익히면서 하시면 워낙 시간이 오래걸릴 수도 있어서 한번 생각해보시고..ㅋㅋㅋ 저는 해보는 거 추천!
네 감사합니다 ㅎㅎ
안녕하세요 회사에 갓 입사한 신입개발자입니다.. 회사들어와서 뷰를 처음 쓰게 됐는데 아직 문법같은 것도 익숙치 않아서 평일 밤 + 주말이용해서 공부중입니다. 아직 업무는 시작 안해서 그런데로 지내지만.. 설명해주시는 것도 백프로 흡수를 못해서 어떻게 공부해야 하나 갈피를 못 잡고 있거든요. 혹시 뷰 공부하신 분들은 어떻게 공부하셨는지 여쭙고 싶습니다..! 회사에선 현재 뷰2로 개발하고 있습니다.
rn은
앱센터에 연결하면
codepush 때문네
심사 없이 바로 연동 가능하긴 합니다
한계는 이제 module 추가나 수정 들어가게될경우와
사용자가 백그라운드에서 다운로드를 받아야하기 때문에
일괄적인 업데이트가 어렵다는 점인데
그래도 웹뷰 없이도 아주 만족스럽습니다
혹시 어떤 분야 회사에요?
매드맥스님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 매드맥스님 반갑습니다 :)
힝힝/2주차님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
힝힝/1주차님 반갑습니다 어서오세요 :)
안녕하세요 :) 잘 부탁드립니당~!
약간 뒷북인데 코드 읽기가 힘든것도 있습니다 삼항연산자 조건문이 1개면 모르겠는데 중첩이 되면 조건문을 읽기가 힘들어요
삼항으로 여러개 묶기보다는 &&로 한줄한줄 어떤 상황인지 명시하는게 가독성면에서 더 좋게 느껴지긴했습니다
얼굴마사지하는 제이지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
얼굴 마사지하는 제이지님 어서오세요 반갑습니다 :)
2주차가 되셨군요ㅋㅋ 이곳은 프론트엔드에 대해 궁금한 것을 물어보고 아는 것은 알려주면서 함께 성장하고자 하는 곳입니다. 내가 궁금한 것들을 잘 질문하는게 빠르게 성장할 수 있은 방법입니다 ㅎ 언제든 편하게 글 남겨주세요~
안녕하세요, 좋은 주말입니다! 질문이 있습니다! '브라우저를 새로 고침해도 선택된 필터가 유지 가능하게 url query를 사용'하도록 하는 것에 대해 의문점이 있는데요. react에서 이걸 하려면 어떻게 해야 되는지 아시는 분 계실까요?
보통 브라우저 스토리지 사용할 것 같아요
쿼리스트링 사용하는걸 여쭤본거아닌가여?
url query를 사용하라고 했으니까
reactRouter의 useSearchParams 훅 사용해보세용
opengraph api 중에 무료이고 한달 요청 횟수가 좀 많은 곳 아시는분 있으신가요? ㅠㅠ
삭제된 메시지입니다.
백엔드맨님이 나갔습니다.
프린이🐥님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 프린이(병아리)님 반갑습니다 :)
이모티콘 안녕하세요! 반갑습니다:)
어서오세요 :) 여기는 프론트엔드에 대해 궁금한 것들을 물어보고 또 알려주면서 함께 성장하고자 하는 곳입니다~~ 궁금한게 있다면 언제든 편하게 물어보세요
리코일의 단점이 뭐가 있을까요? 개인적인 의견을 말해주세요
아직 정식 출시가 아니기에 안정성이 떨어진다 성능이슈로 언급된적이 좀 있다
이렇게 두가지인것같네요 개인적으로는
데브툴이 좀 떨어진다고했던거같네요
혹시 넥스트에서 상태관리 및 데이터패칭 어떤 라이브러리 사용들 하시나요?
리액트랑 똑같아영
react query | swr 다 사용가능
swr을 좀 도
선호하는 느낌이나
저는 리앵트쿼리가 좀 더 편해서
아 저는 기존에 rtk, rtk query를 사용했었는데 리액트 쿼리랑 다른걸 조합해볼까 생각이 되어서요!
리액틐 ㅓ리쓰고 있습니다
상태관리 라이브러리는 잘 사용하지 않나요?
사용해보지는 못했는데 swr보다 리액트쿼리가 더 편하다? 라는 얘기를 주위에서 들었습니다
저는 rtk query보다는 리액트쿼리가 편한 것 같아서 rtk랑 리액트쿼리를 같이 사용했는데 과연 rtk까지 필요한것인가 고민이 되어서요!
react query + recoil
이거 못막습니다
그 조합 많이 들어봤는데 괜찮나요? 예전에 memory leak 이슈가 있었던걸로 기억은 하는데 확실하진 않구요!
해당 조합이 특별히 좋은이유가있나요? 궁금합니다
개인프로젝트 해보려하는데 참고하려구요 ㅎ
리액트 쿼리랑 주스탄드 사용합니다 저는
저희 회사에서 사용하기도 하고 그래서 익숙해서요
저도 주스탠드 관심생기던에
더알아봐야겠네요 ㅎ
조합보다는 두개가 사용하기가 너무 편리해요
아 그렇군요 답변감사드립니다!
2020 맥북프로 13인치 인텔칩 16램 사용중인데 M1 14인치로 넘어가면 체감 있을까요?
크롬 탭을 너무 많이 열어놔서 그런가 가~~끔 멈출때가 있네용
빠르긴해요 소음도적고
근데 버틸때까지 버티는건 추천 ㅋㅋㅋ
체감 엄~청 많이나요.
프론트엔드개발로 쓸때는 큰차이 못느끼겠던데
백엔드 스프링빌드할때는 좀 체감합니다
저는 개애ㅣㄴ적으로
피그마 하나 여는 순간
죽을려해서
나중에 m1 pro 16인치로 넘어갈까 생각 중 이빈다
m1 좋긴한데
디자인이
넘구림
저는 오히려 네모네모한게 더 좋더라구요..손으로 들때 모서리 안날카로워서 더 좋기도 하고
두께도 더 두꺼워서 ㅠ
저는 에어15인치
존버중입니다ㅠㅠ
홀란드님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
이모티콘 테오님방이있었군요 항상좋은글 잘보고있습니다.
에어 15인치 나오면 진짜 좋겠네요 ㅋㅋ 약간 mac 의 그램 포지션.. 화면 크고 가볍게
어서오세요 홀란드님 감사합니다! :) 여기서는 프론트엔드에 대해 궁금한 것을 물어보고 아는 것은 알려주면서 함께 성장하고자 하는 곳입니다. 편하게 하고 싶은 글 남겨주세요 잘 부탁드립니다.~~
ㅋㅋㅋ 내년출시
루머잇길래요
오..진짜요? 전 14인치여도 가볍고 크게 잘 나오면 바로 갈아타고 싶네요 ㅋㅋㅋ
지금 m1 14 인치 가지고 있어도
제가 애플루머는 이채널로보는데
잘맞아서요ㅋㅋ
개발자/디자이너분들의 의견이 궁금해요. 저는 6년간 맨바닥에서 서비스기획/프론트/백앤드/디자인을 경험하고 런칭까지 해보았어요. 정말 많은 고민을 했고 열정적으로 해왔기에 각 분야에대한 이해도와 전문성이 어느정도 있다고 개인적으로 생각해요. 이직후 현재 1년차 디자이너와 일을하게 되었는데요. 작업된 피그마를 보면, 아쉬운점들이 많은데 말을 하기가 애매해요. 침범받는 느낌을 주고싶지도않고 항상 이런 방법은 어때요? 제안해보고 있긴한데 빈도수가 높아지면 불편한 감정을 가질 것 같아서요. 아마도 많은 분들이 비슷한 상황을 마주해보셨을텐데 어떻게 행동하고 계실까요? 사바사 회바회 케바케인것을 알지만 ㅜ.ㅜ 답답한느낌을 계속받는중이에요
1년차 디자이너시면 부족한 점이 많은데 당연한 것 같아요 피드백은 계속해서 주시되 피드백이 많다고 해서 그게 능력이 없다는 뜻이 이니라는 걸 꼭 자주 말씀해주시면 될 것 같아요. 1년차니까 피드백이 많고 부족함이 많은건 당연하고 1년차로서의 역할은 질 해내고 있다고 긍정적인 피드백도 꼭 같이 주시면 좋을 것 같습니다
본인포지션은 어떤거에요??
프론트 개발이에요 목적조직이구요.
말씀 주신것들을 비슷하게 하고있는데요, 서로간 라포를 쌓고있어요. 시간이 조금더 지나야 더 많은걸 나눌수있을까.. 더 빨리가는법은 없을까 고민중이에요
프론트 개발자의 입장에서 피드백을 주는게 좋을 것 같아요 ‘개발자 입장에서는 ~ 디자인이 이렇게 되면, 또는 이런 방식으로 공유되면 더 작업하기 편할 것 같다’는 식으로 피드백 하면 디자이너 영역 침범 안 하면서 발전적인 피드백 줄 수 있지 않을까요
후 오늘 공부할게 너무 많으니깐 미치겟네요 ㅋㅋ
디자이너는 성장에 욕심은 있는 편인가요? 6년차에 실전 다 겪어본 사람 입장에서 1년차면 성에 안 찰수 있겠지만 선한의도라도 간섭받는다라고 느껴지는 순간 힘들겠지요. 답답하다는 느낌 어떤 걸지 상상이 되네요
감사해요, 현재 회사의 구조가 목적 조직으로 있는데요. 제 의도가 개발의 편의성도 물론 있겠지만 ux적으로도 원뎁스를 줄일수있는 방향으로 제시하고 싶기도하고 더 좋은 프로덕트를 만드것에 목적을 두고 싶은게 더 큰 것 같아요. 의도를 숨기고 싶지 않은거죠
넥스트, 리액트 쿼리 전부다 공부하려니 머리털 다 빠질거 같습니다 ㅋㅋ
아직 그 부분을 확인하지 못했어요, 열심히 하긴하는데 성장이목적인지 만들어내는것이 목적인지요. 공감해주셔서 감사해요. 성장의지를 확인해보면 좋을 것 같네요!
저는 욕심이 이상하게 많아서
아직 1년차 입니다
퇴사하고 넥스트, 리액트 쿼리 까지 공부하면 어느정도 다른 개발자들이랑 애기할수 있는 수준까지는 올라갈거 같아서
퇴사하고 공부하고 다시 지원하려고하는데
이래도 되나 싶습니다 ㅋㅋ
뭐 지금도 일이야 할수 있는데
굳이 퇴사하고 공부할 정도인지는 공감은 안되네요
회사에서 맨날 리액트만 주구창창하는게 1년전보다 성장햇다 이런게 없는거 같아요
회사를 다니면서는 하시기 어려우신가요?
그리고 그 디자이너분이 홀란드님에 대한 실력이나 권위에 대해서 어느정도 인정하느냐에 따라서도 좀 달라져야 할 것 같네요. 차라리 성장하고 싶은 신입과 내가 믿고 따라가고 싶은 사수같은 관계면 쉬울 수 있겠는데 그게 아니라면 쪼오끔 전략적으로 가거나 포기할 건 포기해야할지도 모르곘네요
아 공부하려고 퇴사는 아니고
넥스트 리액트쿼리가 퇴사하면서까지 공부해야할정도로 중요한지는 공감안됩니다
아 공부하려고 퇴사하는거 아닙니다 ㅋㅋ
아 걱정되네요 갑자기 ㅋㅋㅋ
면접가서 왜 퇴사해요?
물어보면
뭐라고 대답 잘해야하는데
말씀 감사합니다. 1on1을 가져봐야겠어요. 포기하는것도 능력인데 포기가 쉽지않더라구요^^
리액트만 주구장창 하는게 더 깊이있어질수도ㅠ있을거같아요
많은걸 하는거보다 하나를 잘하는게 더 좋더라고요
개발자가 저뺴고 전부다 퇴사해서
개발자 없는 회사 못다닐거 같아서
저도 같이 줄퇴사할때 퇴사 통보햇어요
디자이너는
몇분계신가요
오 이건 ㄹㅇ 잘하신거같아요
저도 전회사에서 다 퇴사하는데 남아있다가 화살이 저한테 오자마자 퇴사의사 밝혔어요 ㅋㅋㅋ
그 이유가 있을 것 같은데 잘 풀어서 얘기하시면 되겠네요 ㅋㅋ
잘하셨어요
왜 퇴사해요? 질문들어오면 그냥 솔직하게 애기함녀 되겟죠?
애기하면*
굳이 너무 솔직할 필요도 없는듯요
다나가서 저도 나갑니다 이런거만 아니면 ㅋㅋㅋ
아 ㅋㅋㅋㅋ
무방할듯
그냥 제가 생각한 방향이랑 회사의 방향이라 다르다하고 퇴사해요,,
잘 포장해야겟군요
아 그러면 퇴사할만하네요
굳이뭐,,
ㅋㅋㅋㅋㅋ
아 다음회사 면접 준비해야하는데
걱정이네요 ㅋㅋ
다들 조언 감사합니다
너무솔직할필요도 없고 말한다해서 바뀔곳이었으면 진작 바뀌었고
어느정도는 숨긴체 퇴사하는걸 추천드려요
그래도 마무리는 잘 짓고 나오는게 좋겠죠 ")
아 이미 퇴사 의사는 말해둿고
마무리도 잘할수 있도록
준비 다 해둿어요 ㅋㅋ
그냥 제 걱정은 제가 이젠 다른곳에 취업을 해야하니 ㅋㅋ
맘이 복잡하시겠어ㅛ
화이팅입니다,,
퇴사의 이유가 타당하기만 하면 됩니다 잘포장하실거 생각하시면 돼요 ㅋㅋ
좋네요! 1 on 1 을 자주 하면서 기다려보는 것은 큰 도움이 되더라구요! 화이팅입니다!
잘될겁니다 화이팅!!
감사합니다! 줄퇴사라서 회사에서 뭐라하든 신경 1도 안쓰는데, 다음회사면접이 걱정이 더 되네요 ㅋㅋ
대충 9일정도 남은듯 ㅋㅋ
2주!!!
와이건 어떤사연이... ㅠㅠ
화이팅입니다
좋은일만 있으시길 바라겠습니다.
불나게 넥스트랑 리액트 쿼리 부시고 올게요 ㅋㅋㅋ
아 요즘 면접가면 넥스트랑 리액트 쿼리 겁나게 물어보네요 ㅋㅋ
경력직요?
ㄴㄴ 신입인데도 물어봐요
와;;
공부하고 있는 학생 인데, 현재 헤매고 있는 에러가 있어서 질문 올려봐요 ㅠㅠ 프론트엔드를 netlify에 배포하고 자동으로 https까지 적용한 상황에서 백엔드가 배포된 ec2에서 certbot으로 자동 적용된 https에 대한 인증서를 다운 받으려 하니 아래와 같은 에러가 발생합니다.. 혹시 해결 방법 아시는 분 계실까요?? Certbot failed to authenticate some domains (authenticator: standalone). The Certificate Authority reported these problems: Domain: xx.shop Type: unauthorized Detail: xx.xxx.xxx.xxx: Invalid response from https://xx.shop/.well-known/acme-challenge/bPrrC76x4lC8rGGTRvZ0RsTM7G2tl5HRRQAjIcgsXRU: "<!doctype html><html lang=\"en\"><head><meta charset=\"utf-8\"/><link rel=\"icon\" href=\"/favicon.ico\"/><meta name=\"viewport\" content=" Hint: The Certificate Authority failed to download the challenge files from the temporary standalone webserver started by Certbot on port 80. Ensure that the listed domains point to this machine and that it can accept inbound connections from the internet. Some challenges have failed. Ask for help or search for solutions at https://community.letsencrypt.org. See the logfile /var/log/letsencrypt/letsencrypt.log or re-run Certbot with -v for more details.
자스도 물어보고
신입한테 넥스트를...
점점 신입기준이 높아지는듯요;
스타트업이신가보네용
폭넓게 물어봐요
네
오히려 대기업은 기본기를 묻더라구요
연봉 높은 스타텁이요
신입이 리액트 제대로하기도 벅찬데
아
연봉높은곳ㅋㅋ
연봉 낮은곳은 안물어 볼걸요 ㅋㅋㅋ
잌
아 또 이러면 낮은곳도 물어보기 시작할듯 ㅋㅋㅋ
말한거 취소 ㅋㅋㅋㅋ
응답이 html네요
서버에서 해당 챌린지에 대한 응답을 내려줄 수 있게 처리해야 하지 않을까 싶기도 하구용
신입한테 욀케 바라는게 많아질까요 ㅠ
보통 챌린지 응답이 알수없는 문자열인데
리액트 하나만 똑바로 하는것도 힘든데 ㅠ
netlify에서 https를 let's encrypt 서비스를 이용해서 적용해주는 것 같은데.. 제가 설정해줄 수 있는게 있을까요??
Next 프로젝트에 바로 투입해야해서
그럴것같아요
요즘 거의다 next써서 그런거 같긴해요
넥스트 아직 초반이라서 머리커진 소리일수도 있긴한데
앗 그러고보니 "인증서를 다운받는다"는게 어떤 뜻인지 알 수 있을까요
프론트는 넷틀리파이가 처리해줘서 관계 없을테구
지금까지 공부하면서 리액트랑 큰 차이 못느끼겟어요
ec2에서 인증서 발급받는 과정중에 실패한 것 같은데
그냥 리액트에 기능을 추가한거에요
제 생각엔 웹쪽이 특히 경쟁이 심해져서.. 신입 평균 체급이 올라가서 그런거같은..
솔직히 한국에서 웹 신입 이정도 실력이면
진짜 수준 높다고 생각함요
지금 요거 보고 적용해보고 있었습니다..!
사진
뭐 JD에 next 요구하니 공부해야죠 ㅋㅋㅋ
요명령어 실행했는데 저런 에러가 나더라구요..
아항아항!
공부는 다다익선이니깐 그냥 불평그만하고 공부하러 가겟습니다 ㅋㅋ
ㅋㅋ
햐 넥스트는 한번두 안봤는뎀;;
공부할려니 죽을맛이지만 ㅋㅋㅋ
근데 리액트할줄아시면
JD 보면 넥스트 요즘은 요구하더라구요
금방배워용
그런거 같아요 ㅋㅋ
지금 공부중인데
오 그렇군여
별 차이 모르겟어요 ㅋㅋ
리액트도 알게 넘많음
인강 들으면서 하는데 쉽게 이해되긴해서 ㅋㅋ
별의별 기법에;;
오 그렇군요
음 근데 넥스트는 왜 나온건가요..?
리액트 처음 배울때가 힘들엇는데
ssr과 csr 차이 공부해야 그거 답 가능해요 ㅋㅋ
넥스트는 리액트랑 비슷해서 그런가 ㅋㅋㅋ
아니면 현업자 됫다고 머리가 커진건다 ㅋㅋㅋ
넥스트 배우는데 두려움은 없네요
이모티콘
하지만 백수 D-20 ㅋㅋㅋㅋㅋ
퇴사 부럽다..
아 응애님은
퇴사하시고 다시 재도전인가요?
아예 쌩신입이신줄
아예 쌩신입은 아닙니다 ㅋㅋ 1년차입니다
넥스트
사실상 window객체 잘찾기만할줄알면
요거 단순히 seo 차이나 렌더링 위치의 차이말고 네트워크 단에서 깊게 공부해보고 싶으면 어떤 키워드로 찾아보면 될까요?
괜찮을걸여 ㅋㅋㅋㅋ
아하!
찾아보니까 standalone 옵션이
getStaticProps & getSeverSideProps 검색해보시면 도움될거에요
말 그대로 standalone 서버를 돌려서 자체적으로 인증을 받는 방식이라고 해요
그래서 80 포트가 사용가능해야하는데
ec2 서버의 80번 포트 말씀인가용?
네넹
느낌상 프둥이님 백 서버가 이미 돌고있어서
네네!
그 서버가 챌린지 응답을 받아서..
고냥 404 떨어드린 느낌이에요
서버는 이미 꺼놨는데 저런 에러를 떨궈줘서영...
앗 그래요? 🤔
넵..!
요기 에러에 나온 url로 직접 들어가면 어떤 내용이 나오는지 확인해주실 수 있으실까요?
AWS에서 이런 응답 떨어뜨리는건지 아니면 WAS에서 나오는건지
아니면 ec2가 자답(!) 한건지 확인해봐야 할 것 같아요
안녕하세요! 자바스크립트의 splice() 메서드가 원본 배열을 변경하는 것으로 알고 있는데, 만약 원본 배열의 변경을 원치 않는다면, 딥카피를 통해 새로운 배열을 생성 후 splice() 메서드를 사용하는것이 바람직할까요?
잠시만용..
구두이쁘시네요
사진
slice쓰면은 원본 배열 복사해서 쓰는 걸로 알아용
react에서 없는 경로라서 not found page로 떨어지구 있습니다!!
react router에서 구현하지 않은 경로라서
not found page로 나오는데
그럼 certbot 요청 자체가 netlify에서 사용하는 lets encrypt 로 가는게 아니라 리액트 웹앱 자체로 가고 있다고 해석해봐두 될까요??!!
감사합니다! ㅎㅎ
올라리!!!
요게
어??
프리즈마가 드디어 db 격리레벨 옵션을 지원하네요 꼭 쓰세요~
아 그
certbot이 현재 백엔드로 서빙되는 도메인!의 인증을 받으려구 하는거라
프론트가 배포된 도메인으로 인증요청을 던지는게아니라
백엔드 주소로 요청을 던져주셔야해요!
그래서 certbot이 자신이 있는 위치(백엔드 주소)가 개발자가 요청한 주소인지 확인하고 인증서를 발급해주는 방식이에요
아하! 그러면 백엔드가 배포된 ec2에서 해당 명령어를 실행해야 한다는 의미시죠??
네네! 주소도 해당 주소로 요청하구요!
아하!! 감사합니닷! 백엔드 친구랑 한번 해봐야 겠네요!!!
넷틀리파이에서 서빙되는 프론트는 이미 넷틀리파이가 갖구있는 인증서로 처리가 된 상태라
webroot : 사이트 디렉토리 내에 인증서 유효성을 확인할 수 있는 파일을 업로드하여 인증서를 발급하는 방법 . 실제 작동하고 있는 웹서버의 특정 데렉토리의 특정 파일 쓰기 작업을 통해서 인증 . 이 방식의 장점은 nginx를 중단시킬 필요가 없음. . 이 방법의 단점은 인증 명령에 하나의 도메인 인증서만 발급 가능 웹서버 . Nginx나 아파치와 같은 웹서버에서 직접 SSL 인증을 실시하고 웹서버에 맞는 SSL세팅값을 부여 . 발급이나 갱신을 위해 웹서버를 중단시킬 필요가 없음 . 인증서 갱신 시 상황에 맞게 세팅을 자동으로 업데이트 . 사용자가 세팅을 변경할 수 있지만 자동 업데이트 시 반영되지는 않음 Standalone : 사이트 작동을 멈추고 이 사이트의 네크워킹을 이용해 사이트 유효성을 확인해 Let’s Encrypt SSL 인증서를 발급하는 방식 . 80포트로 가상 staandalone 웹서버를 띄워 인증서를 발급 . 이 방식은 동시에 여러 도메인을 발급 받을 수 있음 . 그렇지만 인증서 발급 전에 Nginx를 중단하고 발급 완료 후 다시 Nginx를 시작해야 함 DNS : 도메인을 쿼리해 확인되는 TXT 레코드로 사이트 유효성을 확인하는 방법 . 와일드 카드 방식으로 인증서를 발급 가능 . 이 방법은 당연하게도 서버 관리자가 도메인 DNS를 관리/수정할 수 있어야 하며 . 인증서 갱신 시마다 DNS에서 TXT값을 변경해야 하므로 외부에서 TXT 레코드를 입력할 수 있도록 DNS가 API를 제공하는 경우만 갱신 과정을 자동으로 처리(클라우두플레어 API가 대표적인 사례)
렛칭크립토 인증서 발급방식인데
아마 webroot로 인증서를 발급받으신것같습니당
그래서 해당 인스턴스 내부에 위치한 자원을 확인하는 방식인데
ec2 내부로 접근을 못하고 있으니 발생한 에러 입니다
보통은 서버 내부와 프론트를 따로 하지 않고 nginx같은 로드밸런서에 인증 서버를 같이 두는 식으로 개발 합니다
netlify에 배포할 때 자동으로 https를 적용해줘서 webroot를 선택하는 단계는 보지 못했는데 한번 확인해봐야 겠습니닷!!
로드밸런서를 가장 앞에 두시고 리버스 프록시로 80포트로 443으로 리턴시킨 후 프론트를 바라보게 하고 도메인에 /api를 붙이면 백엔드 서버로 바라보도록 한번 개발해보세요 ㅎㅎ
@맷돌 @뚱뚱보가 되어버린 네오 두 분다 정말 감사합니다..! 망망 대해를 떠돌던 기분이였는데 희망이 보이네욧!
모쪼록 화이팅이에요
두 분다 정성스런 답변 정말 감사합니다 ㅎㅎ!!
성공하시길 바랄게요
넵!!!
리액트에서 setState가 비동기적으로 처리되는걸로 알고 있는데 그 이유가 불필요한 렌더링을 막기위해서가 맞나요?
넵! 제가 알기로는 setState 가 호출될때마다 렌더링되면 수많은 렌더링이 호출되기 때문에, 배치 업데이트를 사용하는 것으로 알고 있습니다…!!
혹시 제 답변이 틀렸다면, 다른 분들 수정 부탁드립니다!
혹시 부연설명이 너무 많으신 분과 소통을 할때의 팁 같은게 있을까요??? a에 대해서만 이야기 하는데 b,c에 대한 설명을 들어야하고 이거에 대해 이야기를 해야하고, 관계되는 개념도 아니여서 피로도를 느껴요 팁 같은것이 있을지 궁금해요
한귀로 듣고 한귀로 흘리기..
아하 감사합니다 !!
사회를 볼 수 있다면 타이머를 두고 얘기를 하는 방법도 있을 수 있구요 구두로 얘기를 하기 보다 문서를 먼저 주고 받고 설명을 받는 식으로 한번 조정해보시는 건 어떨까요?
개발 외적인 이야기도 해도되나요??
문서를 주고 받는 법은 생각해 보지 않았네요 매번 구두로만 소통을 해보려 했던것 같아요 - 문서로의 소통을 시도해볼게요!!! 감사합니다~!!
조금 눈치를 봐야 하는 대상이라면 미리 미팅 안건과 프로그램을 짜오고 시간을 미리 언급하면서 진행해보시면 좋을거에요
네! 괜찮습니다
안녕하세요. summernote 에디터를 사용하려고 사이트에서 script 코드를 복붙해왔는데 제가 작성한 css파일이 우선순위에서 밀려서 view에 적용이 안된 부분들이 몇군데 있는데
이번 안건은 OOO에 대한 거고 5분 정도만 같이 얘기해보시죠 이런식으로 뭔가 이유는 그 뒤에 또 논의해야 할게 있으니까 이런 이유들로 자연스럽게요 ㅎ
혹시 css파일의 우선순위를 정할 수 있나요?
나중에 호출할수록 우선순위가 높습니대
앗.. 감사합니다 해결했습니다!ㅎㅎ
아 vite 한글문서가있었네요...
영어 보냐고 오래걸렸는데...
D-2네요!!!
이번에 stateofcss보고 모르는게 너무 많아서 조금 정리해봤습니다 시간남으시면 한번 읽어보시고 피드백 부탁드립니다 ㅠㅠ https://t.co/hlwSJlePfF
근데 어려운 css들도 점점 많아지네요 찾아보면서 이해가 안되는거도 생기고 있더라고요
@슈슈슉슈슈슉 했습니다
오예 구경갑니다 감사합니다
일단 따봉 눌러드렸습니다
오 잘읽었습니다!
나중에 시간내서 2탄도 만들어보겠습니다
오 저도 조용히 기다렸습니다
쑥스럽게 인사하는 프로도님이 나갔습니다.
혹시 카카오 청년 전월세 보증금 대출 받아보신 분 계실까요? 얼마만에 돈 나오는지 궁금합니다 ㅠ
전 케이뱅크 에서 받아봤는데 여긴 일주일이면 다 되더라구요. 잔금처리 직전 단계까지요
적어도 3주전엔 해야된다고 하더라고요
헐... 집구하러 이제 가야하는데 ㅠㅠ 3주뒤 출근인데...
집도 바로 입주할 수 있는데가 많진 않아서.. 미리 구하셔야해요
그럼 한달정도 누구에게 신세를 지던지 잠깐 고시원..
저 지금 대출중인데 2주걸렸습니다
근데 금리가.. 변동금리라 2.7에서 3.9로 올라서 피보고있네요
저도 걱정이많아요 워낙비싸니까..
고시원이라도 잠깐들어가야하나
ㅠㅠ
지금 집값 떨어지는중이라 한달정도 고시원 살면서 천천히 알아보시는걸 추천드립니다 ㅠ
이제 1억빌리면 이자가 30이에용
월 30인거죠..?
오오! 잘 읽었습니다 감사합니다 올해는 유독 좀 몰아서 새기술이 많이 나왔네요 ㅎ
감사합니다!! 오늘 시간 없어서 다음에 나머지 더 해보겠습니다
네
내년에 금리 보고 전세갈지 결정해야겠네여..
떨어지는거맞나요..??ㅠ
흑염룡님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
흑염룡님 반갑습니다 어서오세요 :)
안녕하세요! 잘 부탁드립니다~!
네! 잘 부탁드립니다~ 프론트엔드에 대한 궁금한 이야기나 관심있는 주제 실무문제나 고민상담 내가 쓴 글이나 프로젝트 헝보 등 모두 다 환영합니다 ^^ 편하게 글 남겨주세요!
30이면 싼건가..
월세가 지금 거의 미친듯이 나가는데 ㅠ 백수 예정이라 걱정이네요
지난달까지 22였어요
와 지금 월세면 거의 대출을 2억이나 하고 있는거네요 ㅋㅋ
코딩잘해서 좋은집 사고싶네요 ㅋㅋㅋ
ㄷㄷ
서울살면 보통 월세 60나가지 않나요?
저도 내년에 2억정도 전세 생각중인데 일주일마다 점점 좋은집이 보이는듯해요
저도 다음주 월요일에 이사가는데… 2억짜리 전세 80% 전세대출 받고 3.83% 금리로 하니… 월 40~50만원씩 나가네요...
첫직장이 강남이라서 강남사는데
거의 월세…
잘하고 잇는지 모르겟어요 ㅋㅋ
저도 이사를 해야되는데
다음 좋은 회사 입사하면
저도 대출알아보고 집부터 사야겟어요 ㅋㅋㅋ
신입 응애 ㅋㅋㅋㅋ
지금 통근시간이이 5시간 예정이라
강남에서 출근해도 매일 지각합니다 ㅠ
눈앞이 깜깜하네요
하.. 빨리 입사부터 쫌 하고 집걱정 해보면 소원이 없겟어요 ㅋㅋ
개인 블로그 개발할 때 보통 포스트는 마크다운 파일로 작성하는게 일반적인가요?
velog는 마크다운에디터를 지원하니 마크다운으로 먼저 작성하시고 복붙후 재정렬작업하셔도되는데 티스토리는 지원안하지않나여??
아예 개츠비나 Next.js로 제로부터 만들 생각입니다
댓글까지 구현하시게요?
템플릿 없이 아예 첨부터 만드시는건가요?!
와우
사진
저도 그렇게 만들어보고 싶은데
저녁 드십쇼 행님들
일단 당장 디자인부터 어떻게 할지…
ㅠㅠ ㅋㅋㅋㅋ
마크다운 파일로 포스트 작성 -> fs로 파일 불러와서 파일마다 페이지 생성.. 이렇게 하는게 맞는 건가 싶네요
갯츠비로 사용중인데 되게편해요 ㅋㅋㅋ!!!
아 노템플릿으로..?
블로그 쓰시는 분들 ㄹㅇ 부지런하시네요… 일하는 시간 외에 쉬는 시간엔 놀기 바쁜데.. 보고 있으면 뭐라도 공부해야겠다고 느껴지는
갯츠비 템플릿에서 스타일 다 밀어버리고 file시스템 불러오는 gqlQuery만 참고하셔도 좋을것같습니다
네 템플릿 사용 안 하려고 하는데 빡센가요?
저라면 템플릿에서 주는 스타일만 안쓰고 그대로 사용해도 좋을것같아요
안녕하세요 반응형으로 웹을 만들고 있는데 네이버 스마트에디터나 summernote같은 텍스트 에디터 추천해주실 수 있을까요?
네이버 스마트 에디터는 반응형이 잘 안된다 그러고 summernote는 부트스트랩을 사용해서 제 css랑 충돌이 일어나 불안정합니다 ㅠ
스타터 템플릿 그거요?!
삭제된 메시지입니다.
넹
https://lexical.dev/ 페이스북에서 제작한 lexical 에디터 https://ui.toast.com/tui-editor NHN에서 제작한 Toast UI 에디터 등도 참고해보세요! (반응형 지원까지는 확인 못했습니다) 저는 회사에서 유료 에디터인 Froala 에디터 사용 중인데... 정말 에디터 고르기가 쉽지 않네요. 이번 FEConf에서도 네이버 스마트에디터 개발 관련 발표 보면서 에디터 개발도 진짜 고생이겠구나 싶었어요.
아이구 감사합니다! 참고 하겠습니다 ㅎㅎ
사이드 2~3달 전쯤 할 때 사용해봤는데 lexical은 뭔가 아직 별로였던.. toastUI 걸로 했었네요 저는 ㅎㅎ
오오 잘 읽었습니다. 덕분에 저도 css에 대해 무지하다는것을 깨닫고… 저도 블로그 써보려고 합니다..! 쏘스 던져주셔서 감사합니다 🙇♂️
싱글톤 디자인 패턴을 프론트엔드에서 사용하는 경우가 있을까요
개린삼님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
인프런 프론트엔드 강의를 보는 중에 강사님이 파이어베이스 config 설정 파일에 싱글톤 패턴을 사용하시는데 어떤 장점이 있는지 잘 모르겠어서 질문드립니다
사진
앵귤러에서 axios 모듈을 통해 인스턴스를 생성하고 이를 주입받아서 쓰는 경우? 정도가 있지 않을까요
안녕하세요 선배님들 궁금한게 하나 있어 질문드립니다. 저는 입사한지 아직 한달차라 사수님이 시키신 기존 코드 분석을 하면서 어떠한 기능이 쓰였는지 파악하고 이게 뭐지 하며 고민하고 공부하는 시간들로 시간을 보내고 있는데 연차 있는 개발자가 되면 일할때 어떠한 고민을 하시나요? 궁금합니당
앵귤러 프레임워크를 사용하신다면 굉장히 자주 사용해요
서비스를 root 로 띄워서 사용하는데, 웹앱이 동작하는 동안 싱글톤으로 관리되는 방식이에요
리액트 리덕스... 도 전역으로 하나만 관리되니까 싱글톤으로 볼 수 있지 않을까 싶기도 하구용
싱글톤이란 용어는 첨들어여
리액트에서 뭔가 하나의 인스턴스를 유지하면서 사용하기보다는 각 컴포넌트마다 상태를 관리하고 함수로 처리하는게 많아서 싱글톤을 볼 수 있는 케이스가 적은 것 같아요
아하! 넥스트js와 리액트를 사용하고 있습니다 OOP 디자인패턴을 잘 몰라서인지 몇번 봐도 모르겠어서 여쭤봤어요
아하아하
이 경우라면 파이어베이스를 실수로 여러번 초기화하거나 생성하는 동작을(한번만 만들어서 가져오면 되니까) 반복하지 않아도 된다는 점이 있지 않을까용
인스턴스 하나만 띄우면 되고, 초기화 로직 한번만 해놓으면 여러번 재사용 할 수 있으니까용
아핫!! 느낌은 이해했는데 설명해주시니까 더 와닫네요 갓돌님 감사합니다:>
링링님 언급하신 강사분 누구신지 알수있을까요?
*와닿네요로 정정할게요ㅋㅋㅋ한시간 코드 노려보면서 고민했는데 감사합니다!!
만들면서 배우는 프론트엔드인데요 우형 개발자님으로 알고 있어요! 강의 진행 빠른 편이라 만들기 전에 배우고 와야합니다 👍
저랑
같은거들으시는느낌ㅋㅋㅋ
옷ㅎㅎㅎ반갑습니다!!
저거하나듣고
사이드플젝 진행하려구요ㅋㅋㅋ
요새 취직시장 얼어붙었나요 어떻게 보세요
백엔드 공고보다 원래 프론트 공고가 더 적은 건가요??? ㅠㅠ 프론트 공고 요새 비교적 적더라구요 제 느낌에는
상대적으로 작년보다 어려워진 경제상황으로 인원 감축 분위기는 돌고있는데 코로나 IT 붐으로 유입된 신입 개발자 인력 풀이 이제서야 시장에 많이 풀리고 있는 상황… 지금은 확실히 작년보다 좋지는 않은 것 같아요 제 생각엔…
삭제된 메시지입니다.
그래도 잘하는 사람은 필요로 해서 특출난다면 어디든 가겠다만 유입이 늘면서 잘하는 분들도 같이 늘어버려서 ㅠㅠ
삭제된 메시지입니다.
윽 ㅜㅜ
저 취준때도 프론트가 적긴햇어요ㅠㅠ
근데 주식도 저가매수의 기회라는 말도 있잖아요.. 상황이 어려울때 꾸준히 잘 해나가면 상승장에 엄청난 빛을 볼지도..??
너무 기죽지만 말자구요!!
취업하신 선배님들 질문이 있습니다. 프론트엔드는 백엔드에 비해 기술 면접 중 cs에 대해 적게 물어보나요? 네이버 면접 후기나 다른 후기들 보면 cs에 대해 아예 질문이 없었다는 말도 많아서 여쭤봅니다.. cs보다 전반적인 프론트엔드 원리에 대해 시간 투자를 더 많이하는게 효율적일까요?
다 하세용
면접관마다 묻는게.케바케가 심합니다
ㄹㅇ 케바케..
저 같은 경우는 인성면접이 다엿어요. 질문딱 하나만 기술면접이엇고;
프론트 신입 공고는 항상 적었어요 ㅋㅋㅋㅋ
웃긴건 프론트 인재풀이 개발자중에서 젤 클거같은데 ;; ㅠ
전반적인 프론트엔드 원리랑 일반적인 cs랑 무슨 차이가 있는지는 모르겠는데 결국 같은 내용 아닌가요..?
백엔드 뽑고 프론트도 시켜서..?
인재풀이 젤 클거같다는게, 프론트엔드 개발자가 많다는 뜻이죠..?
아마 운영체제 이런거 말씀하시는듯한
네 취준생수
아하,,
하아
프론트/백이 분화되지 않은 회사도 많을 거에요. 퍼블리셔만 따로 있다거나 하는... 오히려 취업시장이 프론트/백이 나눠지면서 채용을 위해 회사도 맞춰서 프론트/백 분화하려고 시도하는 경우도 많은 것 같구요
3개월 수습인데 수습기간동안 70% 급여지급은
양아치회사인가요..?
사실 프론트엔드를 필요로 하는 회사가 생각보다 많은편이 아닌 거 같아서 ㅋㅋㅋ
다 주는곳들도있는데 ㅜ
근데 수습기간동안 재택입니다!
주1회 오프라인 모임이라는데
오히려 수습기간동안 저는 출근근무하는게 좋다고생각하는데
70%랑 재택 둘 다 마이너스 같아요...!
정규채용돼서 오프근무면
80% 봣어도 70% 은 ㅜㅜ
신입떄부터 배워야하지않나여 ㄷ
수습기간동안은 개발팀이 어떻게 일하는지도 더 알아보고 할수있는 기간이기때문에..
오프문화
다들 개발 문화는 어떠세요??
근데 인재풀이 커도
사람수는 적잖아요
뽑을만한
중소si 쪽은 프론트개발자말고 거의 퍼블리셔만 뽑고
엌
수습 때 재택을 해버리면... 물론 잘 챙겨주는 회사도 있겠지만 다들 바빠서 거의 방치되는 케이스도 종종 있다고 듣는 것 같아요. 이 때 출근하고 있다면 지나다니다 다른 분들이 어떻게 일하는지, 실무자들과 잡담하면서도 여러가지 인사이트를 얻을 수 있는데 재택 시에는 이게 쉽지 않죠.(수습이 끝나고 혼자 일할 수 있다면 재택이 효율적일 수 있겠지만)
수습기간 70% 지급은 크게 상관이 없지 않을까용..? 연봉협상만 잘되면...
그러기엔 100 주는곳도 요즘은 많아서 기분이 영 좋진 않을거같아요..
일단 70준다는거에서 좀;; 쌔하네요
보통 그리고 괜찮은 회사들 중에 수습 깎아서 준다는 이야기는 잘 못들어봤네요 ㅠㅠ
대우를 잘 안해준다느 느낌을 받는데
헉..70….
최초 경력이면 오프라인 출근하는 곳이 더 나을수도 있을거 같아요
재택은 실력되면 좋은 거ㅠ같아요
개인적으로 3출 2재 좋은듯…
70주는거면.. 별로일 확률이
요즘드 수습기간 70%가 있군여
여러분 신입 계약서 받을때 주의할 점 있을까요??
대기업도 수습 7~80퍼 받는곳 많습니다
돈보다는 수습 기간에 짤리는 사례가 있는곳이 무서워요
말이좋아 수습이지 채용전환형 인턴이랑 다를바가 없어요… ㅜㅠ
70퍼는심하다
답변해주신분들 감사합니다! 넵 네어님 말씀대로 운영체제나 네트워크, 자료구조같은 것에 집중해야되나 브라우저 렌더링, 자바스크립트의 최적화 같이 프론트엔드쪽에 좀더 치중해서 집중해야되나 궁금했습니다. 결국 모두 꼼꼼히 해야겠군요.. 감사합니다
수습 급여 깎는 회사인데, 좋은회사인 경우 못 본 듯 합니다. 직원을 대하는 태도가 처음부터 그 정도라는 얘기같아요.
Nextjs 404페이지에서 getServerSideProps 사용못하나요..??
넵 그땐 ssg가되어버려용
아하…
처음알았네요
FE는 그렇세많이필요한 직무가아닌데취준생이 많다니
몸값떨어지는소리가 들리네요 ㅠㅠ
취준생이 fe 를 많이 노리는듯합니다
근데 자리도 많지 않나요?
f e는 기술자체가 문턱이 낮으니..
자리는 오히려 백엔드가 더 많을걸요 ㅋㅋㅋ
프엔이 자리가 적어서 그렇지 인원은 그렇게 안많을걸요
배울수 있는 기관도 많이 없어서
역사가 짧아서 시니어가 적긴 할듯
주니어가 과공급이고 시니어가 많이 부족하다는 느낌이었어요
주니어는 확실히 과공급인듯요
프론트/백이 분화되지 않은 환경이라면 프론트 롤을 분리할 작업을 할 수 있는 설계 가능한 시니어가 먼저 있어야 주니어들도 채용할 수 있는데...
프론트 시니어는 엄청비싸게 구하고있죠
시니어의
요건이뭘까여
어려운 문제를 가이드없이 해결 가능하다.
어제 본거긴 한데.. 생각나서 올려봐요 ㅋㅋ
헉
인프라공부를 열심히..
요즘 들어 느끼는건데 코드 밖의 세상에도 관심을 많이 가져줘야할거같아요 저두..
프엔 국비 들어가도 일러 포토샵 배우더라구요..
가끔 스스로가 게을러지는 느낌들 때 포프님 영상 찾아봐요 울고 싶을 때 망치로 때려주심ㅎㅎㅎ
여러분께서는 자주 애용하시는 다이어그램 그리는 사이트가 있으신가요? 처음 이용해보는데, 생각보다 많네요..!
draw.io 맨날 요것만 써요!
figJam을 알고난후 draw.io를 버렸습니다 단 개인은 무료이지만 협업은 유료입니다.
오..! 정말로 감사합니다🙏🏼
피그잼 진짜 좋아요!
포프님 기준주니어되려면 어느정도되야할지..
그냥 버그를 해결하지 못하면 주니어라고 하시더라구요
삭제된 메시지입니다.
삭제된 메시지입니다.
삭제된 메시지입니다.
반대로 써서그런거죠?
포프님 멋있어요
저 말씀이실까여,,, 걍 다른 곳에 질문올리려고 지웠습니다,,,
사업별, 규모별 다 다르죠
보던중이었는데 해결되길 바라요^^; 전이만 자러
아무도 답장 없으셔서... 아무도 안보시는줄 알고 지웠는데 이럴수가 ㅜㅜ 다시 올리겠습니다
잘 주무세용...
사진
마크다운 파서를 이용해서 데이터를 합쳐주었더니, TS가 해당 object내부에 있는 date 속성을 추론을 못합니다. 이 경우에 타입을 강제해주는 수 밖에 없을까요? (타입 강제할거면 타스 왜쓰나 싶은데.. )
리턴되는 데이타 내부에 여러가지 속성이 들어가는데, 그중 하나가 date (날짜)에요. 요것이 리턴될 친구들의 모습인데
사진
함수에 리턴타입을 지정해놓아도 에러터지고
사진
리턴타입을 지정안해도 에러터지는 상황입니다...
사진
저게 근데.. date: a 가 맞나요?
공식문서 코드 복붙해온거라 ㅋㅋ 맞을거에여..
date가 겹치는데..
옵치한판하고 볼께요 ㅎㅎ
주무시러 가시는 줄 알았는데!!
옵치하러!!!
이기고 오세욧
어떤거 말씀이실까욤?
테스트해보고올게요 잠시만요
넵넵
date순으로
정렬하시는거죠?
네네 맞습니다
그럼 sort((a,b)=> a.date - b.date
이런식으로해야하는거같은데 다른문제일까요
이케 이름 바꿔서 할당 받을 수 있나봐용
제가 아는 방식은 return 값으로 정렬하는것뿐이긴한데
슈슉님이 해주신걸로도 사용할 수 있을 것 같아요
여튼 말씀해주신대로 sort(a,b) => 뭐시기
사진
해당 타입이 적용되는 부분이 없는 것 같아요
방식으로 해도 안되는건 동일합니다
어떤 말씀이신지 조금 더 설명해주실 수 있으실까여?
타입 지정 해주신 부분이 getSortedPostsData 인거구
타입 지정 안된 칭구가 allPostsData 라서
네네
getSortedPostsData().sort 가 아니라서
AllPostsDataProps 타입은 상관이 없는 것 같아요
앗
allPostsData 는 fileNames.map 인데
음.. 타입이 any 로 잡혔을라나 어떻게 추론됐을지는 모르겠네요
matter 가 gray-matter 같은데
이슈가 하나 있더라구요
네네 그거 마자여
앗 이슈가..? 확인하러 갑니다
4.0.2 에서 matter 의 data 타입이 { [key: string]: any; } 인 것 같아요
왜냐면 matter 입장에선 파싱하는 순간에 발리데이션을 할 수 없기 때문에
타입을 보장할 수 없다는게 이유인데요
json 과 같은 이유에요
matterResult.data는 타입을 반환하나요?
...긴 이야기를 짧게 말하자면, 타입가드를 이용해주시면 될 것 같습니다
제가 설치한 버전은 "gray-matter": "^4.0.3",이긴한데... 아마 같은 타입일것같고....
타입을 반환안해주는 것 같습니다
아니.. 죄송합니다 맷돌님이 말씀하신 타입으로 반환됩니다
typeof 말씀이신거죠? 검색해보니 일케 나오네용 감사합니당,,
앗 아뇨 그
ㅠ
function isType(value: any): value is MyData {}
요런 형태의 함수 말한거였어요!
....? ㅎㅎ; (완벽히 이해했음)
is를 써야한다는 얘기신걸까여... 이게 타입가드인가여?
요기 예시 코드가 괜찮은 것 같아요
오... 레퍼런스 감사합니다,,,,
링크좀 알려주실수 있나요>?
value 가 true 라면(함수가 true 를 리턴한다면) value 는 MyData 타입이다
함수가 true, false 를 반환할지는(그러니까 추론하려는 타입이 맞는지 확인하는 방식은) 함수 내부 로직으로 구현해주시면 돼요
테오님이 말씀해주신 것 처럼, 사용하려는 곳에서부터 거슬러 올라가서
해당 데이터가 시작되는 시점의 변수(또는 반환되는 부분)의 타입을 확인해주시면 갈피잡기 좋은 것 같아요
https://nextjs.org/learn/basics/data-fetching/blog-data 튜토리얼이라서 코드 다 섞어야하지만;; 이게 코드입니다
https://github.com/jonschlinkert/gray-matter/blob/master/gray-matter.d.ts interface GrayMatterFile<I extends Input> { data: { [key: string]: any } content: string excerpt?: string orig: Buffer | I language: string matter: string stringify(lang: string): string } 이게 return 타입이구 data의 타입이 없어서 그렇네요
음음... 그렇군여 is 뭐시기 안써봐서 ㅋㅋ 보내주신 링크부터 봐야겠네여 감사합니다
와아 타입 선언 파일까지 확인해주셨군요..
이모티콘 즐코딩하세요! 내일을위하여
와 감사합니다... 문제는 제가 타쓰 초짜라서 봐도 잘 모르긴하는데.......... 계속 볼게욧.... 오밤중에 감사합니다...(__)(--) 굿밤되세용
이모티콘 답변 주신 분들 모두 감사합니다... 삽질 좀 더 해볼게여..
흥미로운 질문과 답변..언젠가는 이해할 날이 오면 좋겠네요.. 눈도장이라도 찍어 봅니다 감사합니다
이모티콘
ㅋㅋ 점점 괴이한 무언가가 되어가는데..
ㅋㅋㅋㅋㅋ화이팅입니당
ㅋㅋ카카오는 공감버튼이 몇개없어서 아쉽네여. 제 심정을 나타낼 공감이모지가 없음..
공감합니당ㅋㅋㅋ
아 얼탱이 나가는일이 생겻습니다
필요해서 인간한테는 듣고잇엇는데
몽고db 사용자 권한 설정안해주면 작동 안되는거얏네요...
인강*
아 자동완성 되서 글이 이상하게 적혓네요
엄지척 프로도님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
스프린트 신청했는데 개인 사정으로 취소를 희망하면 스프레드시트에서 이름 삭제하면 될까요..? 갑작스럽게 말씀드려 죄송합니다..!
네~ 알겠습니다. 괜찮아요 :)
엄지척 프로도님 반갑습니다 :)
꼭 참여하고 싶었는데 아쉽습니다..! ㅠ
엄지척 프로도님이 나갔습니다.
36번행 비워두었습니다
!!
네 확인했어요~ 다음 번에 함께 해요!
사진
혹시 이렇게 하는걸 뭐라고 하나요?
함수를 변수에 할당하는건가요 ? ㅇ_ㅇ
별다른 명칭은 없어요!
개념적으로 따지자면...
일급함수! 로 볼 수 있을 것 같아요
우선 네네!
useDispatch 라는 함수를 실행해서
나온 함수를 dispatch 라는 변수에 할당한거에요
감사합니당 ㅎㅎ ㅎ. ㅎㅎㅎ ㅎㅎ 늦은시간까지 ㅠ ㅠ ㅠ ㅠ
맷돌킹돌님
네! 킹한갓부중님
사진
오.. 작업하시던 소켓이군요
고객문의 였나요
네 맞아요.
잘 되는 것 같은데요?
이모티콘
구현은 성공했는데 하나 궁금한 것이 스크롤이 채팅할때 아래로 최신화되서 움직이게 하고싶은데 이때 어떤 요소인가요? 요소만 알려주시면 찾아서 추가하고 싶습니다.ㅠㅠ
scrollTop?
음 우선 바로 떠오르는건
오!
요거 좋은 것 같아요
생각하는걸 하나씩 만들고 어려운 거, 여기 분들이 힌트주시는걸로 해결할 때마다 쾌감이 지금 장난 아니어서 점점 빠져들고 있습니다.
상태관리때문에 REDUX 공부도 시작했어요. 공부할게 많아서 끝이없어서 좋아요 ㅋㅋ; 멈추지 않아도 된다는 뭔가 앞길이 계속 생기는 기분이랄까
감사합니다!
scrollHeight도 같이 찾아보세용
오옹오
보통 이케 막 공부거리 생기면 너무 많이 쌓이고 달려도 끝이 없는 느낌이여서
막막할때가 있더라구요
근데 "오히려 좋아" 라고 하시니
이모티콘 열쩡맨이야
저는 앞길이 안보이는 게 아니라 계속 보이는게 좋더라고요. 이번 feconf 갖다오고 다음 프로젝트에는 디자인 시스템도 만들어서 적용해보고 싶어져서 빨리 이 프로젝트를 끝내고싶습니다.. 이번에는 UI랑 비지니스 로직을 완벽하게 분리하지 못해서 만들고 보니 제가 봐도 지저분하더라고요..
허ㅓㄱ
feconf 다녀오셨어요?!??
짱 부러워요
이번 feconf 너무 좋았어요 ㅎㅎㅎ
아~~ 맞아요 맞아요 컨퍼런스 다녀오면 다른분들 아이디어나 현장 분위기에 감화되서
막 프로젝트 만들구 작업하고 싶은 느낌 뿜뿜
헉 ㅠㅠㅠㅠ 못간게 더 한이되는군요
유튜브라도 돌려봐야지...!!
오거나이저분들 점프수트 멋있던데 하나 갖고싶더라구요
기대했던 것보다는 시작도 30분이나 딜레이되고 조금 아쉬운 발표들도 있었는데 힌트를 많이 얻었어요. 공부할 것도 많이 얻었고.. 상태관리에 있어서는 라이브 코딩하는데 못알아듣는게 많아서 부족함도 많이 느꼈어요ㅠㅠ
헉 탐난다
저도... 동행한 지인이랑 티말고 그거 주지 했습니다.
음음음 내 자신의 부족으로 인해 놓치는 정보가 있따면 되게 아쉽긴 하더라구여
내년 conf에는 못알아듣는게 없게 빡세게 공부해야죠!!아자아자
가보자고!
이모티콘
scrollTo(0, 해당 요소.scrollHeight)로 해결했습니다. 엔터칠때 해당요소의 스크롤 길이 끝으로 보내버리기~
J님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
춥네요..
안녕하세요 질문사항 있어서요! 저는 디자이너에서 백엔드국비학원듣고 백엔드개발자 취업했다가 안맞아서 프론트엔드 진행중인데 프론트엔드는 전에 직업이 디자이너였어서 재밌는데 혼자 일하는게 잘 맞아서 웹 홈페이지 유통하고 싶은데 백엔드부분이 약해서 워드프레스나 이런거 이용하고 싶은데 요새는 그런 워드프레스나 아임웹 중 어떤게 수요가 괜찮을까요?
둘중에선 워드프레스가
더좋다고 생각합니다
아 그런가요? 감사합니다!
워드프레스 유튜브 구글 교보문고등 찾아봤는데 별로 없어가지고ㅜㅜ 수요가 어떻게 되나 잘 몰라서 여쭤봣습니당!
J님 반갑습니다. 어서오세요 :)
오늘 스프린트 참가들에게는 공지메일을 전달했습니다. 혹시 메일을 받지 못한 참가자분이 있으시면 알려주세요! 내일이네요~ 기대가 되고 떨립니다. ㅎ 잘 부탁드려요
기대됩니다!!
요새는 웹 사이트 개발들이 워드프레스와 같은 솔루션이 아니라 웹 개발을 직접 하는 시대다 보니 그러한 학습수요가 적어서 그럴거에요. 웹개발자가 되기 위해서 워드프레스를 배워야겠어! 라고 생각하는 사람이 없는거겠죠. 그렇지만 워드프레스는 여전히 점유율은 굉징히 높습니다.
아 좋은 정보 좋은 답변 감사합니다!
다만 프론트엔드로 전향하고자 하신다면 학습에는 크게 도움이 안되실거에요. 워드프레스보다 더 나은 서버리스도구들이 많으니 - Google App Engine이나 AWS나 Firebase나 - JAM Stack쪽으로 한번 파보시는 것도 추천을 드려봅니다
스마트스토어 부터 시작해보시는건 어떨까요?
네 한번 정보 찾아보겠습니다 감사합니다!
오호! 잘 읽어보겠습니다 좋은 정보 감사합니다!
카페24나 고도몰, 아임웹은 커스터마이징만 잘되시면 만들기는 쉬운데 처음 운영할때 다소 난이도가 있습니다
어느정도 규모가 되고 만드시는게좋아요
오호 좋은정보 감사드려요!😊👍
기대되네요! 후기들이 좋아서
이모티콘
와..스프린트..
사진
나중에 꼭 참여해보고시퍼요
ㅋㅋㅋㅋㅠㅠㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋ 인도인 강의 공감되네요 ..
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 너무 공감가는 짤이네요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅎㅎ님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 ㅎㅎ님 반갑습니다. 어서오세요!!! :)
삭제된 메시지입니다.
오늘까지 휴가인데
내일 회사갈 생각하니
벌써부터 어지럽네요 ㅋㅋ
연휴동안 넥스트, 리액트 쿼리 공부한다고
하나도 못쉬엇네요 ㅋㅋ
혹시 div 2개 놓으면 자동으로 간격이 생기는데
이 간격은 보통 어떻게 줄이시나요?
걍 margin값을 -로 추가하시나요?
기본세팅으로 모든 간격 없애놓긴합니다.
사진
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
뜨악ㅋ
사진
json tree 구조를 N개 만들려고 하는데.. 텍스트만 넣으면 자동으로 코딩만들어주는 코드는 없을까요?
ㅋㅋㅋㅋㅋㅋㅋㅋ
앜ㅋㅋㅋㅋㅋㅋ
군대 외박 나갔을때 여인숙 에어컨이 저랬었는데 생각나네용 ㅜ
에어컨 하나로 방 두개를 커버하는건가
전 거진 istj네요
혹시,, 면접 보시분들 중에서
성격의 장단점도 물어보셨나요?
이력서에 써있긴한데,,
똑같은걸 똑같이 외워서 말하면 그럴까요
전 intj
저두 intj 나왔네여 ㅋㅋㅋ 원래 istj 인뎅
Yaml이나 toml로 쓰시고 json으로 export하시는 것은 어떠신지요??
^
jjeong🤍님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
jjeong님 반갑습니다. 어서오세요 :)
안녕하세요! 반갑습니다🙂 이제 코딩 갓 코딩배우기시작한 코린이예욥! 잘부탁드립니다🙌🏻
어서오세요! 이 곳은 프론트엔드에 대해 궁금한 것들을 물어보고 아는 것은 알려주면서 함께 성장하고자 하는 곳입니다. 내가 모르는 것은 다른 사람도 궁금해할거라는 생각으로 부담없이 궁금한 것들 편하게 물어보세요 :) 잘 부탁드립니다.
한페이지에서 api5개 콜을 하는데 하나라도 에러나면 에러팝업같은걸 띄우려고할때 Promise.all에 api다넣고 catch로 잡으면될까요..? 아니면 api마다 팝업을 띄우는게 나을까요..? 그러면 5개중에 2개에러나면 또 팝업이 2개뜨는거라 그것도 이상해서요..
allsettled가 아마 그 역할을 할거같은데요
다섯개가 제각각인건가요?
Api를 다섯개나 나눠놓은건가
무슨일있어도 한번에받아야하면
하나로받으면안되나요?
굳투고님이 나갔습니다.
지연시간이 좀걸리겟져?
Promise.all 쓰는게맞습니다
Post 요청을 3개정도 연달아서 해본적 있는데요,, error 상태값 하나 만들어놓고 순차적으로 요청을 실행해서 첫요청을 제외하고 이후 요청 중 하나라도 에러가 나면 요청 자체가 실행이 안되도록 조건문을 넣었슴다... 다시 말하면 if문으로 첫 요청을 제외한 이후 요청들에 if(!error){} 요런식으로 감쌌슴다.. 제가 코린이라.. 이 방법이 맞는지는 모르겠네요;;
Allsettled랑 같은개념아겟죠
스프린트 공지 혹시 사라졌나요?
옹...방금 검색해보고 알았네요.. 배워갑니다..
못찾겠어서,,
저도 같은 상황에서 all사용했습니다
네 마감이 되어서 내리려고 했는데 삭제를 눌러버렸어요. 왜 그러시나요?
일정관련 같은거 확인좀 해보려했어요 ㅎㅎㅎ
톡게시판 '공지': 오랜만의 스프린트 소식입니다!! 구글 스프린트 12기를 모집해봅니다. 기획부터 설계 디자인 프로토타입 테스트까지의 5일간의 협업을 경험합니다. 완성이라는 목적보다 협업을 경험하고 타 직군들의 업무를 이해하고 빠르게 기획부터 배포까지의 한 사이클을 익혀보는 것을 목적으로 합니다. (프론트엔드 외 디자니어/백엔드/기획/UX님도 정말정말 환영합니다!) 날짜 10/12(수) ~ 10/17(월) 밤 11시 *토, 일요일은 팀끼리 자율적으로 시간을 사용하게 됩니다. 최소조건 - 스프린트인 만큼 평일 매일 밤 11시 최소 2~3시간의 온라인 미팅 시간 확보는 꼭 필요합니다. - 실질적인 개발은 주말에 하게 됩니다. 주말 2일 전부를 개발에 투자할 필요는 없지만 여유시간은 확보해주세요 :) - 팀 프로젝트인 만큼 중도포기 하지 않을 수 있어야 합니다. https://docs.google.com/spreadsheets/d/1M_wTmJrE7HSG149hJ0BZHrvml39CE24mkYWly
ㅇ
삭제된 메시지입니다.
JS / TS 차이점이 뭔가요?? JS후 TS 학습이 필수인가요??
안녕하세요, 학교 수업과제로 http 모듈을 사용해서 node.js로 html파일을 response해주는 과제가 있는데요, server에서 파일을 읽어서 데이터 값을 가지고와서 html에 넣어서 res.send해주어야하는데요, 서버에서 템플릿 리터럴 사용해서 html 코드를 작성해서 res.send를 해준다면 서버에서 읽어온 파일 값으로 보내줄수있다고 생각하는데요, 정적 html에 data를 어떻게 넣어주어야할지 감이 안와서 질문을 드립니다!
ts는 자바스크립트의 dlc라
같이하셔도 되고
따로하셔도 되는데
본판인 js는 필수죠
js는 인터프리터 언어로 동적 타입언어라서 런타임중에 의도하지 않은 에러가 발생해서 그를 방지하고자 ts를 사용합니다!
html에 변수로 할당해서 넣어주거나, ejs나 pug를 사용하면 됩니다
저는 TS 필수라고 생각합니다
감사합니다! 과제 의도가 ejs나 pug는 아닐거라 생각하는데 html에 script작성하지않고 변수를 선언할 수 있나요??
제가 한번 더 알아보고 질문드리겠습니다! 감사합니다!
const variable = 'helloworld'; const data = `<!DOCTYPE html> <html> <head> <title>Document</title> </head> <body> <div>${variable}</div> </body> </html>`; res.send(data)
이렇게 보낸다는 의미인가요?
아뇨아뇨,., 정적 html에 데이터를 추가할수있는지 궁금했습니다 ㅎ,,,
Ts는 미리 시간있을때 겅부하세요 안그럼 저처럼 현업와서 뚝배기깨지니깐..
이모티콘
이모티콘
이모티콘
클린코드x 더티코드o 얏호우
뚝배기깨지면서하면 장점 :
금방배움
ㅋㅋㅋㅋㅋ
금방 못 배운 사람은 죽었기 때문,,
이게 돈받으면서하니까
배울때 집중력이다르더라구요..
ㅋㅋㅋ 살아 남아야하기 때문에 어쩔 수 없음…
이직..이직 하고싶어요..
뚝배기 깨져보고(?)싶다
동료가 잘 배우길 원한다면 뚝배기를 깨서라도 알려주기 vs 그래도 뚝배기는 좀..
맞아요 js를 먼저 학습하시겠지만 개발환경은 ts로 두고 하는 것도 추천드립니다. ts에서는 js는 돌아가게 되어있고 자동완성이나 에러검출면에서 월등히 낫습니다 ㅎ ts는 지금시기에는 필수입니다
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
튜뷰님은 그러시군요..!
받는 돈에 비례하는 주인의식
혹시 입사 첫날에 계약서를 쓰는걸로 들었는데, 그전에 연봉이 퇴직금 포함인지 아닌지에 대해 확인할 방법이 따로 없을까요?
어지간히 이상한데 아니고서는 퇴직금 포함 안할겁니다 불법이라
아 불법이에요??
네
처음알았네요 감사합니다 안심하고 가야겠네요 ㅋㅋㅋ
최종합격과 동시 또는 이후에 오퍼로 받은 사항들 없으실까요?
전 최종합격만 와서 연봉, 식대지원여부 기타 궁금한점 문의했었습니다 출근 전이시면 물어보셔도 됩니다 그런거
전 추가로 포괄인지 비포괄인지 여부도 물어봤었네요
ts는 필수다 메모…
ts가 필수였다니... ㅠㅠ
저도 이번에 플젝하면서 처음 적용해봤는데
타입만 잘 지정해놓으면 편하더라고요...
TS강의 추천 가능한가요..
자바스크립트 모던 딥다이브 난이도, 내용 정도의 ts 책 있을까요? 있으시면 추천해주세요~!
TS를 안쓸이유가없어요
이펙티브 타입스크립트요
ts는 귀찮고 어렵고 배워야할것이 아니라 개발을 편하게 해주는 넘나 좋은것..
편하고 안전하게..
리액트 propTypes는 타스 사용하면 사용안해도 돼죠?
이모티콘
네
jsdoc , propTypes 슈퍼셋이 TS라고 보면되요
이펙티브 타스 메모...
근데 개발자 진짜 평생 공부해야하네요... 누군가는 게임 퀘스트 깨고 기술 익히는거마냥 재밌다고 하시던데, 저는 솔직히 참 힘듭니다
ㅋㅋㅋ...
삭제된 메시지입니다.
취업준비 하실 때 요즘은 토이프로젝트가 필수 잖아요.. 혹시 토이프로젝트 진행하실 때 어떻게 팀원을 꾸려서 하시나요??
처우협의 다 하고 메일 받았습니다 ㅎㅎ 복지같은 건 정리된 문서가 있었는데, 식대가 지원되긴 하더라구요. 포괄인지는 잘 모르겠지만... 아무래도 포괄일 거 같은 느낌?
스타트업 포괄일 확률이 높다고 들었거든요..ㅠㅠ
포괄 아닌회사를 찾기가 더 어렵지 않나여
대기업 빼곤..
여전히 잘못된 이야기를 전파하는 사람들이 너무 많은 것 같네요
삭제된 메시지입니다.
다 회바회 사바사입니다
직접봐야알아요
여전히 포괄인 회사가 더 많고 대기업조차 포괄인 경우가 더 많습니다
포괄이 디폴트아닌가요 보통..
포괄 아닌회사들도 오늘까지 끝내야 하는데 야근 승인 받는것도 눈치보고 하던데.. ㅎㅎ
대기업은 거의 포괄이라고 보시면…
포괄 아닌 경우가 드물기 때문에 비포괄이 특별하게 느껴지는 것 같습니다.
오히려 포괄이 디폴트라니 맘이 편한거같기도하네요
포괄이면 야근을 지양하는 문화가 강하게 박혀있습니다 ㅋㅋㅋ
ㄹㅇㅋㅋ
보통은 포괄이어도 야근 등 초과 업무 수행 시 식비/택시비or주유비지원/보상휴가 등 제도가 있으니 잘 물어보세요
뚱인데요님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
다른건 없고 야근식비만 있더라고요..ㅋㅋㅋㅋ
지양이요!?
야근을 잘 안시키려 하는거죠
보통 저녁 식비 같은 경우에는 2시간 또는 3시간 규정 같은 것들도 있기 마련이라서 잘 알아보면 좋을 것 같아요
헉 왜일까요??
응..?
포괄이 연봉에 야근추가수당을 포함한다는 뜻 아닌가요?
야근해도 돈못받으니까 안하려고하죵
돈 못받으면 불만이 쌓이니까 ㅋㅋ
회사도 줄 마음도 없고
아 저는 또 대표나 임원들이 야근 시키는걸 지양한다는 뜻인줄 ㅎㅎ
포괄임금제 = 야근해도 응 돈 안준다
지양 = 지향과는 반대의 의미, 하지 않는다는 의미
팀분위기 말한겁니다
ㅋㅋㅋㅋㅋㅋ..!
팀분위기면 저도 그렇게 녹아들거같아요..ㅋㅋㅋ
제가 잘못말한줄 ㅎㅎ
희망연봉 말한 뒤에 회사의 연봉 테이블이랑 연봉 레인지 묻는 건 마이너스나 실례일까요?
야근이라니 ㅜㅜ
말 안해줄 거 같은데 ㅎㅎㅎ
물어보셔도..ㅋㅋ
신입기준으론 연봉 테이블 있을거에요 근데 말 안해줄거 같네요 줄 수 있는 최대한을 주는거다 라고 말할거니까
희망연봉말씀드리면 조건과 맞지않다면 해줄수있는 연봉을 말해주겠죠~
최대한 적게주려고 하겠죠
최대한짜게주려고..
ㅇㅇ
전 다른회사 붙어서 입사전에 좀만더올려달라고했습니다
그래도 1년만에 신입 연봉 꽤 올라간거 같아요 저희회사 기준으로
400~600정도 올라갔더라고요
요즘 신입 취업이 어렵나요?
얼마 정도 인가요???
작아요
3700이하 인가요?
작은 회사라서...
ㅋㅋㅋ
네 이하에요
저는 4500불렀는데 5000준다고 한 회사도 있긴했어요
ㄷㄷ
들어보니 내규인거같더라구요
대신 성과에 따라 연봉인상이 신입기준으로 많게는 40퍼센트도 올려주더라고요
와 대박 그 이유가 뭐라고 하던가요? 혹은 생각하시는 이유가 무엇인지
그냥 신입 기준이 5000이었습니다...
아 동연차 연봉 테이블이 5천인건가요
네네
ㄷ??? 대겹이에요?
빅테크나
연봉테이블 물어봣을때 알려주시는 경우 한번 잇었는데 더 많이 못주신다고 못박는 경우 였었던 적이 있었어요
스타트업이었습니다
감사합니다
우아..
연봉 테이블은 없는데 제가 제시한 희망연봉 최솟값으로 제시했고 그 연봉이 재직자 (주니어) 기준 높은 수준이라는데 사실 이겠죠..? 저랑 비슷한 공부 기간과 수준의 동료는 저보다 200 더 받고 가서 200더 올려달라고 하려고 했거든요..
물론 동료는 타회사 입사한 상황입니다
찔러보는건 좋을 것 같네요
찔러봐서 안된다고 입사취소할건아니니까요 ㅋㅋㅋㅋ
그냥 찔러보세요
돈주는사람에게 내 가치를 설득해야하는게 중요하죠.. 친구는 더받았는데요? 이런건 안먹힐테니.....
카운터오퍼 혹은 증명해야내야할거에요 이유를
연봉 협상할때 개발 외적인 스킬이 있으면 어필하는게 좋을까요? 주니어입니다
안녕하세요! 혹시 궁금해서 그런데 개발할때나 현업에서 prototype 을 조작하신 경험이 있으신가요? 있다면 어떤 케이스였나요??
부어님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
제이쿼리를 공부해볼까 하다가 요즘 거의 안쓴다는 포스트를 보고 요즘 제이쿼리 대신 어떤걸 많이 쓰는지 궁금해서 들어오게 되었습니다
순수 자바스크립트를 사용합니다 ㅎㅎ
제이쿼리랑 대치되는것을 비교하자면
감사합니다
제가 일이있어서 연가가 필요한 상태인데, 회사에서 내년 연차 올해 쓰게해주겠다는데, 제가 내년 초에 바로 이직을 준비하고 있습니다. 문제가 될까요?
문제가 당연히 되지않나요..?
유급휴가를 내년껄 땡겨쓴건데
병가를 쓰는게 맞겠네요 감사합니다.
이렇게 되면 이야기 잘 드리면 다음달 월급에서 제외되고 지급해드리지 않을까요..?
혹시 인사기록카드를 작성해달라고 하는데 인터넷에 쳐서 보이는 폼 아무거나 골라서 작성하면 될까요..?
따로 양식 없는지 물어보구, 없다 그러면 인터넷에 있는템플릿으로 작성해도 무방 할듯여
감사합니다.
입사전이시라 그렇겠지만~ 회사 관계자와 소통해보는편이 더 좋을것같아요~ 어차피 곧 얼굴맞대고 같이 일할 분이기도하고! 여기서 답을 찾는것보단 사내관계자분께 답을 얻는게 더 정확, 빠르기도하니깐여
문제 안되요
퇴사하실때 마이너스 연차만큼 퇴직금에서 공제처리 됩니다
1년미만이라 퇴직금이 없으면요..?
월급에서 깎지않나요?
그럼 마지막 월급에서 공제되겠죠
마지막달월급
혹시 너무 방해될까봐 싶어서 여기다 질문 자꾸 하게 되네요. 조언 감사합니다 ㅎㅎ
조직 적합성 면접? 에서는 보통 어떤걸 물어보나요??
주말에 뭐히세요..
궁금한 게 있는데 주니어가 카운터 오퍼 할 때, 스톡옵션+현금 다 합한 금액을 제시해도 되나요 아니면 현금만 제시해야 하나요?
신입 때에는 개발외에 회사 도메인에 관심있는지 물어봤네요(차 관련사업이면 드림카있는지? 스포츠 관련 사업이면 즐겨보는 경기 있는지? 특수도메인이면 이쪽커리어로 쭉갈건지?) 그리고 전 대학생때 휴학을 했어서 그때 뭐했고 뭘배웠고 가치관 형성된 경험담 이야기를 많이 나누었네요 개발자가 왜하고싶은지… 꿈이 있는지.. 롤모델이 있는지 이런것도 물어봤네요 ㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 아 급 빵터졌네요
아하 그렇군요 ㅎㅎ 감사합니다!!
여담이지만 다들 은행사 어디 주로 쓰시나요? ㅎㅎㅎ
햐...졸려죽겠네
저는 농협쓰는데 별로라서 바꾸려구요
혹시 Next.js나 TS 인강 추천해주실분 계실까요?
저도 TS강의 찾아보는중인데...
전 신한요
TS 괜찮은거 있으며선 @태그좀 부탁뎌르요!!!
프로그래밍 갤러리에서 물어보니 공식문서면 된다고 하는 재능이 출중하신분들이 있기도 하고
캡틴판교님꺼도 괜찮다고들었어여
대부분
제로쵸나 캡틴판교 아니면
드림코딩
강의 추천하네요
리액트 기본적으로 하실 줄 안다면 유튜브 코딩앙마거도 나쁘지 않은 것 같습니다.
헐 진짜 감사합니다. 이제 1년차인데 입원치료를 해야해서 입원했는데 산기요라 병가는 최대 30일이라 아끼고 있고,, 다른 분들도 연차로 때울 수 있으면 연차로 때우라고 하셔서 알아보고 있었습니다. 감사합니다 ㅠㅠ
감사합니다!!
드림코딩 TS강의가 드림코딩 중에서 가장 값어치 한다고 해서 드림코딩쪽 결제할까 고민중입니다 저는
리액트에서 쓰는 TS를 원하시는건가요
드림코딩 달러로 결제되서 환율때메 비싸짐ㅠ
맞아요 그래서 20프로 할인하던데
아니면 정말 TS를 원하시는건지?
그래도
비싸요
흠
리액트에서 쓰는 ts을 가르치는 강의가 있나요?
대부분 그냥 ts만 가르쳐서 리액트에서 응용하기가 조금 힘들더라구요
드림코딩은 리액트랑 사용하는것을 안가르쳐주지 않나요?
ts강의 들으면 두개 다 커버가 안되나요?
둘이 많이 다른가요?
프정자라 차이점을 잘 캐치 못하겠네요
노마드코더 TS무료강의 들어보세요
들을만하던데
리액트애서 이용하는 타입들같은게
꽤 종류가 많아요
ReactNode ReactElements 이런것도 쓰다보면 알게되는거라
아 기본 ts랑 리액트 이용ts랑
이분 영상 좋아요
다르군요
지원이 나올거같아서 기왕이면 유료여도 퀄 좋은 TS or Next.js 강의를 듣고싶어서요!
리엑트 타스는 직접 부딪혀보는게 최고인거같긴 합니다ㅋㅋㅋ
222
이모티콘
ㅋㅋㅋㅋ맞아요
배울게늘었군요
아 하긴 VScode가 타입 알려주긴하더라고요 ㅋㅋ
별 타입이 다있네...라며 쓰면서 배우는
저는그냥
대충 적어두고
마우스슬쩍올리면
노마드 TS 무료에요
ㅋㅋㅋㅋㅋㅋㄲㅋㅋ 아
vsc가알려주더라구요
ㅋㅋㅋㅋㅋㅋㅋ
그 블록체인 강의였나 그거맞나요
?
ㅋㅋㅋㅋ지니어스
Next.js 강의는 없을까요..?
노마드 ts 듣다가 감을 못잡아서
하차했는데 다시 들어봐야겠네요
next는 유데미꺼
있더라고요
아 코딩 때려치우고싶
next 패캠에 토스분 강의하나 있긴한데 들어보진 않았네요
일단 독스 한바꾸 돌아보고 강의 필요한지 생각해보시죠 ㅋㅋㅋ
next쓰려는 이유가
개인적인 의견이지만
있을때 공부해도 안늦어요
패캠은 절대 듣지 않는걸 추천드려요
그냥 리액트의 슈퍼셋느낌
저는 노마드 무료 ts 들어보고 이번에 프로젝트에 적용해봤는데 type error 박박떠서 당황스럽긴해도 DX적으로 좋다고 느꼇어요
패캠 안좋다곤 하는데 인강이라는거 자체가 강사에 따라 다른거라서 ㅋㅋ..
인프런의 제로초님의 ts 강의는 어떤가요? 들어보고싶은데
패캠 좋은 강의도 있어요
인프런에 안좋은 강의도 있는거구여
아 제로초님이 아니구 캡틴판교님 ts 강의요!
드림코딩은 타입스크립트를 OOP와 연관해서 강의해주세요
패캠이 안좋은 이유는 패키지로 팔아서 ㅠ 필요없는 강의까지 들어야한다는거..
패캠은 개별강의로 듣기엔 너무 비싼거같아요..
음... 취준 중인데 지난 프로젝트에 TS 배워서 도입해봤거든요... 찍먹 느낌으로. 그러면 다음 프로젝트에는 Next.js 배워서 찍먹보다는 TS 깊게 더 파는게 맞을까요?
그건 강의 내용보단 BM에 관한 내용이라서 ㅋㅋ;..
비싼건 인정이요 ..
근데 요즘
아 저는 강의 내용 말한게 아니었어요 ㅋㅋ
신입한테 next.js ts
다 요구하던데요
Next 찍먹이라도 해보고 취준할지 ts를 깊게팔지... 고민...
솔직히 우리나라 신입 기준 세계에서 탑급이라고 생각합니다;;
요구사항에 Next.js있는곳이 많아서 고민입니다 ㅜㅜ
ts는 생각보다 별거 없고
그러면 리액트로 먼저 개발해보고
next도 많아졌나요??
세상...
공식문서보시면서 react -> next 마이그레이션 하는 리팩토링해보세요
ssr이 필수긴하니..그런듯요
ssr은 필수는 아니에요 ㅋㅋㅋ
그런가요
리액트 ts를 더 깊게 파시는걸 추천합니다
하여튼 우리나라 신입 기준 너무 높은것 같아요 하하...
아예 새로운 프로젝트를 해야해서요! 리팩토링쪽은 지금은 못할거같고
기본적인 ts 강의보다는 리액트 ts 위주로 파는게 조금 더 좋을까요?
고객에게 노출될정보가 많은 서비스다 -> ssr 유리 백오피스 같은 내수용 서비스다 -> csr ssr 둘다 상관없다
뭐가 이리 자꾸 생기는지.. ㅠ
그러게요 ㅠㅠ
next는 애초에 공식문서좋아서 그거 보고 해도 괜찮을걸요
룰루님 프사 그림이었네요;
속았습니다
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
엌
ㅋㅋㅋㅋㅋㅋㅋㅋ
눈속임 통했다면 제프사는 성공한겁니다
ㅋㅋㅋㅋㅋㅋㅋ
유튜브 ‘점핏’채널에서 제로쵸님 강연하시네요
관심있으신분들 가보셔용
패캠에서 김민태강사님꺼 들어보신분 계신가요~? 시리즈로 구입해볼까하는데 어떤지 궁금해요!
링크 공유드립니다!
박종승님이 나갔습니다.
사진 2장
"react": "^18.2.0" "react-dom": "^18.2.0" "typescript": "^4.8.4" "compilerOptions": { … "jsx": "react-jsx", … } 이렇게 설정되어 있는데, 기존에 있던 디렉토리에서는 에러가 안뜨고 새론 만든 경로에서는 Cannot find name 'React' 에러가 뜨는데 이유를 알 수 있을까요?
책 추천 부탁드립니다! 실무에서 사용하는 내용 위주로 html, css 전반 훑어볼 수 있는 서적 있을까요?
엄지척 제이지님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
리액트 네이티브에서 스타일컴포넌트로 스타일링 하고 있는데 글로벌 스타일링하려면 어떻게 하나요?
귀여운 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
네이티브는모르지만
리액트할때처럼
import해서쓰면
가능하지않을까요...?
글로벌 컴포넌트 없나용??
네 공홈 보니까 createGlobalStyle 자체가 web only 에여
파일맨위에 import React from "react 해보셔요
이거 안하고 싶어서.. ㅠ
next에서는 저거 안해줘도 되던걸로 아는데
환경이 next 인가여
react에서 return 시 하나의 태그로 감싸져야하는 이유가 있나요? 리렌더링 이슈때문에 감싸주는건가요??
하나의 노드만 뱉어야하기 때문아닌가용
한컴포넌트당 하나의 노드
라기보단 jsx의 리턴타입 땜인가
기본적인거 같은데 갑자기 궁금해졌습니다 ㅎㅎ
jsx 문법을 react가 변환하는 과정에서 React.createElement(요소, {어트리뷰트}, 자식노드) 형태로 변경되기 때문에 필요한거예요
사진
유데미 react 강의에서 딱 들었던 내용이라서 ㅋㅋ..
오 감사합니다~~
문서에도 잘나와있네영
프론트 서버 ec2에서 s3, cf로 변경하고 비용 줄으신 분 계신가요 ?
혹시 RTK Query 사용해보신분 계신가요?
ec2 사용한 이유가 있나요? s3대신?
기존서버요 !
변경하려고 하는데
비용적 측면에서 나은가 해서요
회원가입 페이지를 만들고 있는데 fetch로 api를 연결한 후에 에러 처리를 어떻게 하면 좋을지 고민이 되어서 질문드려요. 지금은 status code에 따라서 200대면 성공으로 400번대면 error message를 상태로 받아서 보여주는 식으로 처리하고 있는데 이렇게 처리하는게 맞는 방법인지 모르겠어서 질문드려요.
사진
모달창 만들때 모달창 바깥쪽 누르면 모달창 꺼지는 식으로 개발하시나요?
저희회사는 기획서에 따라 달라유
ux 생각하면 그게 디폴트지 않을까요
저희도 기획에따라 다릅니다
항상은 아니군요..
TS로 개발하면 꼭 JS로 변경해서 공유,배포 해야하나요?? React로 개발할 때 JS / TS 개발환경이 따로있나요??
삭제된 메시지입니다.
1.TS가 빌드할때 어떻게 변환되는지 알아보세영 2. tsconfig 를 확인해보시면 환경분리가 어떻게 되는지 아실수있을거에요
즐기는자가 거지된다님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 선배님들
https://yozm.wishket.com/magazine/detail/1376/ 테오가 작성한 글인데 이게 도움이 많이 되실거에요 TS는 결국 JS일뿐인데 러닝커브를 슈퍼셋으로 와닿게 해주는데 도움이 되는 글이에요
안녕하세요 즐기는지가 거지된다님~~ 반갑습니다 :)
엄지척 제이지 귀여운 라이언님도 환영합니다!! :)
질문이 있습니다 혹시 query의. Selectmenu 사용해 보신분 계신가요?
Jquery
질문에 답을 해주는 건 아니지만, setMessage를 중복해서 사용하는 방법 보다는 해당 함수 스코프에 임의에 데이터를 만들어서 처리하면 setMessage를 한번만 쓸 수 있다고 생각합니다
사진
사진
같이 고민해주셔서 감사합니다. 참고해서 수정해볼게요 코드중복이 줄어서 훨씬 보기 편해지는 것 같네요 감사합니다!
www.naver.com.document.apple 에서 apple 을 제외한 www.naver.com.document 가져오려면 어떻게 해야하나요 ㅠ 감사합니다
다들 취준 집에서 혼자하시나요
정규식 or 점으로 나뉘는게 확실하다면 점 기준으로 스플릿 후 앞에서 n번째 인덱스까지 잘라서 join
넹..
저는 부트캠프 들을 돈 없어서 혼자했어요
네.. 그렇게했었습니다 ㅎ
참고가능한 자료들을 많이 찾습니당
즐기는자가 거지된다님이 나갔습니다.
사소한질문이지만 부탁드립니다! jsx작성하는데 요소의 컨텐츠로 동적구문을 작성하는 중괄호를 뭐라고 지칭하나요?!
동적 구문 지시자..?!
사진
글 작성하는데 이걸 모르겠어서 쓸데없이 길어지는걸 해결하고싶어요
저 궁금한게 있는데 마우스오버시 이벤트를 그냥 hover로 처리할수있다면 useState로 onMouseEvent 처리하는것보다 hover로 하는게 일반적인가요??
사진
고냥 중괄호라고하네요 리액트공홈은
저는 swtich case 종종써서 올려봐요
아하.. 그래도 답변감사합니다..!
같이 고민해주셔서 너무 감사합니다ㅜㅜ 제가 아직 잘 몰라서 이렇게 status code를 기준으로 처리해줘도 되는지부터 고민이 되었던 것 같아요. 이렇게 처리해도 괜찮나요?
이런 에러가 뜨는데 어떻게 하면 해결이 될까요??
사진
저도 이거 고민해봤었는데 이벤트 하나 만들어서 함수 재활용이 가능하면 이벤트, 그게 아니라면 style hover로 선택했거든요. 아무래도 useState 쓰는게 렌더를 한번 더 한다고 생각되서, 다른분들은 어떻게 생각하실지..
안녕하세요 선생님들 혹시 아래 코드에 콘솔 1이 찍히는 이유를 모르겠습니다. if (2 === 4 || 6 || 9 || 11) { console.log('1'); }
하나하나 비교하셔야죵ㅋㅋㅋ
연산자가 어떻게 묶이시는지 확인해보세요~
6이나 9나 11은 트루늬깐뇨
&&하면 안 찍히겠쬬
6 9 11 이 왜트루인가용? 2 랑 비교해서 같을때만 트루 아닌가요?
|| = or 로 생각하시면 쉬울듯 햡니다
js는 0 > 10 > 100 이렇게 이어서 연산을 못해요
JS가 0이 아닌 수는 true로 취급합니다
2 === 4 || 2 === 6 이런식으로 하셔야합니다
아;
와우
개멍청..
네 감사합니다 !!
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
하나씩 비교하는 줄알았습니담
원래 처음에는 헷갈려요 ㅎㅎ..
저 혹시 이거 왜 에러가 나는지 리코일 써보신분들 있으면 알려주시면 감사하겠습니다~
사진
타입에러인듯요
effects가 왜 할당할수 없는지.. 어떻게 해야 하는지 모르겠네요ㅠ
위에 타입에
effect가없어요
interface에요?
네
거기에 추가를 해주면 다른 에러가 나오던데요..
사진
ts에서 interface의 object 키값을 모르고 value만 정의할 때
interface schemaType { [key: string]: propsType; }
이런식으로 쓰면될까요?
AtomOptions라는 타입의 필드가 어떻게 구성되어 있는지 살펴보세요
옵셔널하게 적용해보세요
사진
옵셔널로 하니 첫번째 에러는 그대로 남았어요~
그 text, id, category도 같이 옵셔널로 해보시면 어떻게 되나요?
effects는 배열형태인데 any로 하셔서 그런거아닌가여
any는 지양하셩
하셔요
사진
그래도 마찬가지네요ㅠ
사진
음 <IToDo[]> 라고 정의했는데, default 값이 {} 객체 형태이여도 괜찮은건가요?
그리고 IToDo interface에는 key, default 키를 갖고 있지 않아서
interface랑 맞춰줘야대요 아에
타입 정의를 다시 하시는게..
타입에대해서 공부해보시고 오는게 좋을것같아요
배열인지 객체인지 아직 잘 모르시는것같은데
타입은 배열로선언하셨는데 객체에 넣고 계시고있는거에용
타입을 배열로선언하고 배열로 넣고 있는것 같은데요.. 뭐가 잘못 된건지… ㅠ 모르겠네요ㅠ
사진
타입을 일치시켜야하지 않을까 조심스럽게 이야기해봅니당..
이렇게 interface에 타입 추가 했는데 이상해진것 같네요
벗어나는 이야기지만 혹시 테마 뭐 쓰시는지 알 수 있을까요??
기본테마 아닐까요 ?.?
사진
네 기본이에요~
recoil에는 key와 default만 들어가야하지않나요?
사진
사진
사진
effects?
컴포넌트를 매개변수로 넣어줄수있나요?
옵셔널이라는것 같아요
둘다 같은 코드인데 5번째줄에 주석이 없으면 useState에 오류가 생겨요.. 제가 어떤걸 잘못했을지 모르겠습니다.. 평소에 사용하던것처럼 사용했는데..
그냥 린트설정입니다
그건 잘 모르겠네요ㅠ
사진
구글링해서 해결해보겠습니다! 감사합니다!
혹시 이 에러를 아시는 분 있나요?.. 리액트 플레이어에 유튜브 URL을 넣었더니 발생한 에러인데 생겼다 없어졌다를 반복합니다ㅠㅠ
가능합니다 JSX는 함수로 반환되는 값이라
타입은 JSX.element 주면 됩니다
감사합니다!!
전 별로엿습니다..
캡판
function님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요
위에 에러난것 이것 보고 해결 했습니다~
interface 타입 선언과는 상관 없는 거였네요~
전 ts말고 일단 JSDoc먼저 쓰려고 합미다
참 신기한 코드들로 되어있어서 난감한 상황이지만 JSDoc으로 시작해서 차근차근 ts로 넘어가보고 싶네용
안녕하세요 혹시, AWS 공부하기 좋은 책 있을까요? 최종 목표는 code commit 에서 새로운 브랜치를 생성해서 code build 부터 deploy까지 자동화하는 것입니다.
ts 이야기 많길래 끄적 해봤슴미다..
차근차근 하는거 좋아여 근데 Jsdoc 문법 배우는것도 꽤 공수 들어가여
그러게요 그거 익히는거보다 a:string 이 더 빠르고 강력해서..
진짜 쓰지못할상황아니면 ts 로 이주하는게 더 가성비좋을거같은데 사정이있겠죠.. ㅠㅠ
지난달에 jsdoc 하면서 엄청.. 괴로웟어여…
ㅋㅋㅋㅋㅋㅋ
오 사실 사정이 굉장히 주요합니다..
ㅋㅋ
하지만 배우면 좀더 타쓰를 이해하게 되…ㄹ 거에요…
근데 @ts-check해야만 타입체킹되나용
jsDoc은 어디에 쓰여요?
벌써 기억이 안나는군여.. 쓰라고 듣긴햇는데 =_=
문서화 할때 썼습니다
공문에도 다 들어가는걸로 보아 넣는게 맞는듯요
모듈 클래스 문서화요
오호 그러면 런타임 에러도 잡히나용
블로그에 글쓰실때 어떤 목적으로 쓰시나요?? 저는 혼자 트러블슈팅한거 기록해서 다음에 비슷한 문제 생기면 열어보려고 남기거나… 책 요약한거 복습용으로 남기거나 그랬는데
면접에서는 남을 위해 정보전달하는 글을 좋게보는 경향이 큰거같기도 해서요 ㅠㅠ
대부분 정보전달보다는 문제해결에 점수를 더 주지 않을까요
JS 하고 ts JS하고 react 어떤 걸 먼저 가는게 나을까요? 빠른 취업 기준입니다
헉 그런가요??
React 다뤄보는개 필수임가요??
정보전달은 너무 많기도 하고 변별력이 없는 경우도 없어서 문제 해결과정을 볼 수 있는 블로그가 더 좋은 점수를 받지 않을까 싶은데 ㅎㅎ
같이해도 될듯요
오 같이해야조 ㅎㅎ 요즘 라이브러리나 프레임워크 하나 이상은 꼭 다룰줄 알아야 하는거 같아요
ㅜㅠㅜㅠ 그렇게 봐주신다면 넘 좋겠네요..! 감사합니다 ㅠㅠ 지금까지 쓴 글 다 뜯어고쳐야하나 생각하고 있었는데 혼자 뚝딱뚝딱 한것도 좋게 봐주시는 분이 계시는군요!!
ㅋㅋ 강의들엇는데 기억하나도 안나네요..
이모티콘
누군가 답변해주시길..
걍 타쓰 써야겠다 이러면서 잊어버렸습니다.. 기억 한구석으로..
제가 느끼기엔 그랬습니다.. 저도 늅이라.. ㅋㅋ 장담은 못드리지만 무지성으로 글 복붙하는 블로그가 많아져서 오히려 그런 쪽을 더 좋게 보는거 같아요
복붙블로그는
왜 운영하는건지 이해가...
비공개로 게시하는걸 까먹은걸까요 ㅠ
useState 에서 set 함수를 자식 props 으로 내리고나서 받을떄의 타입이 무엇일까요 ? 감사하반디ㅏ
안녕하세요 function님!! 반갑습니다 환영합니다!! 여기는 프론트엔드에 대해 궁금한 것을 물어보고 아는 것은 알려주고 공유하면서 함께 성장하고자 곳입니다~ 그밖에 관심사나 얘기를 나누고 싶은게 있다면 편하게 글 남겨주세요 :)
좀 이름긴타입인데...
setStateAction 어쩌구..
에디터에서 마우스오버 해보시면 타입이 나와요
생긴대로 그냥 (state:T)=>void 하는 경우도 봤구..
const [value, setValue] = useState(); 한다음, setValue에 올려보시면 돼요.
처ㅓㄴ재
천재
감사합니다:)
이벤트 타입이나 ref나 다른거도 그냥 올리면 나오긴해여
천재2
감사합니다 :!!
저도 천재라고 해조여
이모티콘
바보
이모티콘
잡채하세여
ㅈㅅ 합니다 맛저하세요 :) 감사합니다
끝끝내 천재라곤 안하심ㅋㅋㅋㅋㅋ 맛저하십쇼~
혹시 netlify 배포할때 깃에 있는걸 배포하려는데 레포지토리 자체가 안뜨는건 어떤 문제일까요?ㅠ
권한 없어서 일수도..?
네틀리파이한테 깃허브 레포 권한 줘야할거에여
레포지토리가 비공개 상태는 아닌가요?
접근할수잇게
이모티콘 늘 감사함다 여러분
아무것도 모르는 늅이가 운좋게 입사해서 고난길을 걷느라 걱정이 많은데 인사이트를 주셔서 넘 감사해용
근데 지난번에 작업한건 뜹니다..;;
public인데 다른게 비공개로 설정된 걸 말씀하시는지 궁금합니다.
버셀같은 경우에는 레포마다 권한 따로주던데 네틀리파이는 어떤지 모르겟네여
헉 감사합니다. 다른강의 혹시 들으신거 있으신가요?
사진
읽을 수록 정말 좋은 책이메요
사진
ㅠㅠㅠㅠ 이 에러의 원인을 찾습니다ㅠㅠ 다 만들어서 배포하겠다했더니 배포에서 막힐 줄이야ㅠㅠ
그거 듣구나선 뭐 따로 들은거 없고 걍 회사코드 보면서 눈에 바르는중이여…
아 ㅋㅋㅋ 감사합니다
ㅋㅋ 강의 좋은거 알게되면 저도 좀 공유해주세여
감이 영 안잡히네여
혹시 버셀에서 파이어베이스 연동하려면 별도 필요하나요.. 파베 오류가 떠서요ㅠㅠ
에러도 같이 올려주시면 좋을 것 같아용
사진
킹맷돌님 등장!
짱돌입니다; 킹은 빼주세요
오옹 에러 메시지가...
버셀로 배포된 해당 도메인은 파이어베이스 프로젝트에 등록되어 있지 않다구 하네요
국비생님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
...npm start로 프로젝트 돌리면 잘되는데 배포를 하니까 안되는건 무슨 연유일까요...ㅠㅠ 인증키도 잘 들어가있는데ㅠㅠ
html css 끝내면
아 어디있나 싶었더니 설정에 있네요...
자바스크립트 해도 될까요?
같이해두되요
맨 왼쪽에 탭에서 Authentication 을 들어가신다음에
Settings 에 가신 다음에
맨 아래에 승인된 도메인에 가시면
끝낸다는게 없어요 그냥 같이 하셔요 아직도 html css도 모르는게 많습니다
도메인을 추가할 수 있어용
거기에 vercel 로 배포한 링크를 추가해주시면 돼요!
사진
사진
사진
안녕하세요..! 혹시 질문 하나 해도 될까요…?🥺 곧 정규직 전환하면서 연봉협상을 하게 되는 프론트엔드 주니어 웹개발자예요!! 디자인학과 출신인데 혹시 연봉협상할 때 웹디자인을 할 줄 안다는걸 어필하는게 가산이 될까요 마이너스가 될까요?? 고민이 너무 많이 되어서 단톡에 여쭙게 되었습니다 ㅠㅠ…
deep dive 책으로 시작해도 될까요?
딥다이브는 내용이 무거워서
음.. 꼼꼼하게 훑고 가고 싶으시다면 정말 좋은 선택이에요
와우 감사합니다!!
다만 이해가 안된다거나 좀 막히는 부분이 있을 수 있어요
저는 딥다이브로 입문했었는데… 너무 분량이 많아서 힘들었어요
ㅋㅋ..ㅠ
하나 개념 파악하는데 한세월 걸렸지만
답변 감사합니다
이해도는 높아진거같아요
얇은거 하나 먼저 1독 하시구 나중에 읽으시는게 더 좋을거같아요!!!
열일님은 어떻게 시작하셨어요??
말씀안하시는게 나을거같습니다~~~~
오픈채팅 진작 들어올걸 그랬네요 생각도 못했네 ㅜㅜ
괜히 디자인 시키실수도 있고 퍼블리셔부분 아니면 별 이득이안돼서.. 저도 디자인부분은 항상 이력서에 빼고 기재해요
앗 혹시 연유를 여쭐 수 있을까요
잡부가 될 가능성이 너무 높을까요..?!
ㅏ하
아하!!!
감사합니다… ㅠㅠㅠㅠ
저는 드림코딩 유튜브
네네 잡부가능성도 높고 figma를 다룰줄 안다 정도만 얘기해주시면 될거같아요
어느정도 프론트엔드 개발자로서 실력이 준비되어있다면
모든 사람이 동일 했을 때
한번 싹 돌리구!! 딥다이브 다시 읽었어요
나는 이런 부분에서 메리트가 있다라고 표현할 수 있는 부분이 될 수 있겠지만
넵넵
연봉엔 영향없고 일만 늘어나실 겁니다..
혹시 궁금한거 여쭈어봐도 될까요? 갠톡주시면 감사드리겠습니다.
학부를 전공했다하여 과연 이 사람이 검증된 실력이 있는가? 까진 연결되진 않을 것 같아요
네넵!!!!! ㅎㅎㅎㅎ
아아 답변 감사합니다 ㅠㅠ
선임분들 말씀 들어보니 초봉이 생각보다 적을거같아서
그리고 정규직 전환이 예정되어있다면 이미 팀에서 좋은 결과가 있으신거 같아 내규 따라가시면 될 것 같아요 ㅎㅎㅎ
화이팅 이빈다
아아 ㅠㅠㅠㅠ 감사합니다
정진하겠습니당
nextjs에서 emotion css prop으로 넘기는 스타일링이 가끔 안될때가 있는데 왜이러는지 아시나요???
저는 좋다고 생각해요 프론트 업무하시면 디자이너랑 소통 되게 많이할텐데 저는 장점이라고 봐요 디자이너 경력이 있다고 디자인을 시킨다면 그 회사가 이상한거 같아요 안그런 회사라면 무조건 좋다고 봅니다
회사에 디자이너분이 적어서 수정 업무가 넘어올 확률이 있을거같아요
😂😂
아이쿠
입 싹 닫고 있어야합니다
ㅋㅋ
제가 후회한 점은
회사에 너무 많은 능력을 가지고 있단걸 공개하면
본인이 집중할 수 있는 범위의 한계의 일을 시키더라구요
모든걸 다하게되는 마법
그러면 정작 본인의 업무 그 이상을 하게되면
아하…
깊이있는 업무, 나만 해낼 수 있는 업무의 자리가 사라져서
지금은 깊이를 만드는걸 추천드려요!
R&R이 명확한 회사면 시키지 않아요!
맞습니다
각자 포지션에서 더 잘하는 사람들이 있기 때문에..
오히려 큰 기업은
안그런 회사를 가게 된다면 말씀하세요 디자인과 프론트는 엮을 장점이 큰거 같아요 개인적으로
작은 회사면 조금 애매할수도 있구요..
프로대 프로로 만나기때문에
깊이있는 업무를 할 수 있다는게 장점이죠
아 이렇게 많이 말씀해주셔서 정말 감사합니다
어떤 방향성으로 가야할지 감이 잡히네요
부럽네요 ㅜㅜ
ㅠㅠㅠㅠㅠㅠ… 너무 감사합니다
분리된 회사로 가시면 됩니다~!
분리된 회사로 이직해서
어필해야겠네요!!!
이모티콘
열심히 하는 사람은
모든게 복리로 되돌아옵니다 ㅎㅎ
저도 그걸 믿고 꾸준히 공부중이고
억까당한만큼 성장한다는 마음으로..
ㅋㅋㅋㅋㅋㅋㅋ
모두 파이팅하죠..
파이팅합시다!!!!
답변해주신분들 너무 감사합니다
좋은밤되세요!!!!’
사진
귀여워욬ㅋㅋㅋㅋㅋㅋㅋㅋ
이모티콘
결국 중요한건 프론트 업무 능력인데 디자이너 부족하면 디자인 떠 넘길 가능성이 있어보이네요. 프론트는 디자인이랑 상관없구영
디자인 업무 맡게됨 -> 디자인 업무 있으니까 프론트 업무 무거운건 안되겠네 하고 간단한 프론트 업무만 맡게 됨 -> 이도저도 아니게 됨
이게 젤 걱정됩니다 제 경험담이기도 하고...
갠톡 주세요!ㅋㅋ
디자인 전공이 어필할 점은 디자이너 분들과 소통을 원할하게 할 수 있다는 점이지 디자인을 할 수 있다는 점은 안될 것 같아요 ㅠ 프론트가 디자인하는건...노우...
아하…
갠톡을 어떻게 드리는게 좋을까요..?!?
제가 방법을 잘 몰라서… 멀티 프로필로 바꿨는데 혹시 보내실 수 있나요?
안녕하세요..! 최종 면접 결과를 2~4주 안에 주신다고 했는데 이럴때는 4주까지 기다려보고 연락이 없을 시 문의해 보는게 맞겠죠..? 불합격도 연락 주신다구 해서…지금 2주 조금 넘었는데 궁금해서 다른 일이 손에 잘 안잡히네요…
4주.. 오래걸리긴하네요 ㅠㅠ
ㅜㅜ
진짜 길게보는군요,,
사진
우아.. 구글이 이런걸 추가해서... 사파리에서는 파베인증이 안되네요ㅠㅠ
와우.. 4주는 너무 길다
그냥 머리 비우고 다른곳 지원해보세요 ㅋㅋ 그게 맘편해요
오늘 개발하면서 알게 된 것 공유합니다.
안녕하세요. 리액트로 자동로그아웃 기능을 구현하고 싶은데 외부라이브러리가 필요할깡ㅅ
jwt로 하시나요?
L님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 L님 반갑습니다 :)
안녕하세요 ☺️
개발자 분들께 재미있는 이벤트 공유 드리러 왔습니다!
+_+
아뇨 외부라이브러리 없이 10분 후에 로그아웃되게 하곺싶급니다
사진
안녕하세요🤓 스마트한 인재들을 위한 소셜 클럽 Geek Haus 입니다. 긱하우스 런칭을 기념하기 위해 다양한 IT 및 스타트업 인재들이 모여 할로윈 분위기를 함께 즐길 수 있는 특별한 네트워킹 파티를 준비했습니다 🥳 긱하우스의 첫 네트워킹 파티에 여러분을 초대합니다! 💌🥂 ▪️일시: 10월 27일 (목) 오후 8시 - 12시 ▪️장소: 서울특별시 강남구 신사동 663-9, 포레스타 (압구정로데오역 도보 4분) ▪️드레스 코드: Black and White ▪️Ticket: ₩30,000 더 많은 정보와 티켓 구매는 아래 링크에서 확인 해주세요: ➡️ https://bit.ly/geekhaus-party 현직 또는 예비 스타트업 & IT 업계 종사자 분들께도 공유 많이 부탁 드립니다 🙆🏻♂️ 파티에서 뵙겠습니다!👻🎃
혹시 버셀 프리뷰 프로덕트 다 url이 랜덤으로 바뀌는데 잡을수있는 방법이 있을까요?
오오~ 조금 더 설명해주실수 있나요?
룹피님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
파티 관련 정보는 첨부한 링크 한번 보시면 좋을 것 같습니다 🙂 만약 보시고 더 궁금한것 있으시면 말씀 해주세요!
안녕하세요 룹피님 반갑습니다 :) 어서오세요~
반갑습니다~~:)
jwt안쓰시면 세션 사용하시나요? 서버랑은 연동되는거죠?
Geek을 위한 파티라...소리없는 아우성 같은 느낌이군요
ㅋㅋㅋㅋ
어서오세요!! 이곳은 프론트엔드에 대해 궁금한것을 물어보고 아는 것은 알려주고 공유하며 함께 성장하고자 하는 곳입니다이런것도 물어봐도 될까 눈치보지 말고 편하게 글 남겨주세요~ 꼭 질문이 아니라도 나누고 싶은 관심사가 있다면 편하게 글 남겨주세요
에잇볼님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 에잇볼님! 반갑습니다 :)
반갑습니다:-)
어서오세요!! 프론트엔드에 대해 언제든지 묻고 답하고 관심사를 공유 하는 공간입니다~ 편하게 글 남겨주세요 :) 잘 부탁드립니다
혹시 해커톤 나갈 때 꿀팁 있을까요
팀빨이 80%라서 운명에 맡겨야합니다
어떤 방식으로 하는 건가요 전혀 모르는 사람이랑 하는 방식이에요?
자신이 만들고 싶은 것보다 해커톤에 심사 기준이 있을텐데 꼼꼼히 읽어보셔서 그거에 부합하는 아이템을 만드는게 좋습니다.
처음에는 친해지기 위한 대화를 많이 나눠보시면 좋을 것 같아요 사적인 대화보다는 성향을 알아가는 이야기들이요 MBTI도 좋구요 특히 일에 대해서 좋아하는 것 싫어하는 것 자기 이용법이나 알려주고 싶은 단점 같은거요~ 충분히 친해진만큼 결과가 좋은 것 같아요. 여기서 친하다는 의미는 내가 어떤 얘기를 한던지 눈치가 보이지 않는다 그런 거를 의미합니다
기술보단 완성도... 완성도 보단 참신한 아이디어..!!
사실 그냥 백엔드 거의 없이 프론트만 crud 페이지라도 참신함으로 상받은거 본적이있어요
짧은 시간이라면 오히려 더 저렇게.. 괜히 외부 인증 API 다 지도 API 다 끌어오고 쓰려다가 예상치못한 변수로 시간만 날아가는 경우가 너무 많았어요…
(경험담)
세션 사용하고 서버와의 연동은 없습니다
sessionStorage.clear()로 저장된 토큰값 삭제하면 되지 않을까요?
서버 없이 프론트에서만 하시는거면 약간 야매(?) 로그인 같은데 그냥 로컬스토리지에 로그인 유무 저장하고 setTimeout 걸어서 삭제하는 방법밖에 안떠오르네요,, 대신 보안에는 취약할거에요
vite conf가 진행중입니다! (자막없음 주의!) https://www.youtube.com/watch?v=WHcmXlei33I
다들 출퇴근(편도) 몇 분~시간까지가 무리없이 할만하다 느끼시나요??
1시간이요!
저는 시간 보다 환승안하고 갈 수있는 방법이 있는가가 좀 더 중요한거같아요
두시간이어도 원큐에 가나 안가나가 차이 많이나요
환승 3번해서 30분 보다 환승없이 1시간..
가는길에 책도 읽고 드라마나 영화도 좀 보고...헤헿
하지만 환승하려면 긴장의 연속이라 넘나 불편..흑흑 출근하면 이미 피곤
맞아요 환승 없으면 한시간.. 아니라면 40분도 힘든것 같습니다
회사까지 한시간 반 걸리는데 .. 지옥같습니다
잡소리긴한데.. 출퇴근때 지하철에서 강의들으려고 아이패드 샀는데... 넘 무거운데 혹시 이렇게 하시는분들 어케 들고 보시나여..
목 꺾는거 넘 불편하고... 그런다고 높이 들자니 손목아프고..
ㅋㅋ
출근길이 원만하신가 보군요
아뇨 ㅋㅋㅋㅋ
일부러 급행대신 완행타고 천천히가고 있어서 그나마 좀 한산합니다... 여튼 어케 봐야할지 자세가 좀...? 의문..?
부족하지만 이번에 인턴으로서 워크샵을 준비하면서 느낀 것들을 적어보았습니다. 저처럼 아직 사회 초년생이거나 일하는 방법을 터득하지 못한 개발자분들에게 추천드려요!
삭제된 메시지입니다.
헛헛;;
감사합니다 ㅎㅎㅎ
아니에요 ㅋㅋㅋㅋ
괜찮습니다
얼렁 읽어볼게영
내용은 실수 투성이가 자아성찰한 내용이에요 ㅋㅋㅋ
그 고가의 아이패드를 보는 나를 보는 사람들의 시선을 의식하며 성공한 개발자라는 자부심을 가지시고 어깨를 으쓱하시면 어께와 연결된 승모근이 힘을 보태주지 않을까요..
근데 워크샵은 대부도가 국룰인가요 저희도 글로갔는데 ㅋㅋㅋ
이거 아바타 아시는분잇나요??!!
아이패드 프로인가요
저는 여기서 만들었습니다 ㅎㅎ
아하
아는회사원들 프로필이 저거길래
디자이너가해준줄알고잇엇는데
같은게보여서 놀랬어요
성공한 개발잨ㅋㅋㅋㅋㅋㅋ 아닌데요… 다들 걍 힘들어도 들고 보시는건가…흠
고가의 아이패드..
에어에여.. 전 무겁더라거여 손목슈슐도 햇어서=_=;
저도
왼손목수술해서 출근시간에는 팟캐스트마냥 들을수있는 유투브 들어영
글쿤여 인강 화면보려고 산거라 흠.. 자세 실험좀 해봐야겟네여 뭐가 편하려나
파이어베이스 blaze 요금제 사용해보신분 있으신가요?? cloud function 사용하려고 하는데 blaze 요금제로 사용해야 한다고 해서 ㅜ
저는 가벼운 저려미 안드로이드 패드를 E book으로 쓰고있어서 흑흑 거치대 괜찮은거 있을거같은데 좀 거추장 스럽긴한데
크
침대 핸드폰거치대 누워서 목걸이 거치대 아이넥업: 네이버 쇼핑 - https://naver.me/FLK8IYWO
샵검색 : #아이스테이션 pmp
요런거써봤는데 개꿀이에요
예전에는 이런 pmp로 인강 들었던 때가 있었는데...
아니..유물을..
샵검색 : #FireHD10
저는 요거 예전에 사서 잘 쓰고있어요 PDF및 동영상 머신 ㅋㅋ
샵검색 : #아이패드 스탠드
이런것도 있어라구요
유튜브에 리뷰도 있을텐데...
제가쓰고잇는데
개꿀입니다
샵검색 : #아이패드 스탠드
앗 더보기 한다는게
저것도 고장나긴 하더라구요...
꺾이는 부분이라 해야하나
앗 출퇴근길용은 아닌걸루..ㅋㅋㅋㅋㅋ 공유 감사합니다
seok님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
챙님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
이모티콘 다들 어서오세요~
자바스크립트 변수/함수를 자동으로 export 해주는 vscode extension을 개발했습니다😄 많관부 많사부~ https://marketplace.visualstudio.com/items?itemName=Jinho1011.auto-export-js
사진
호옹 재밋네요!
오로
오오
궁시렁 프로도님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세용
이모티콘 어서오세요!
팩토리패턴 + 생성자 함수 패턴으로 자주 했었어요 요새는 클래스형태로 하고있구요
용어가 확실한지는 모르겠습니다..
그렇군요 감사합니다! 🙇♂️
루루님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
루루님이 나갔습니다.
코코디딩님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
태평님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
삭제된 메시지입니다.
삭제된 메시지입니다.
사진
ㅋㅋ 합성같이 보이네영
사진
seok님 챙님 궁시렁 프로도님 코코디딩님 태평님 모두 모두 반갑습니다 밤새 많은 분들이 새로 오셨네요 +_+ 모두 모두 환영합니다 :)
이곳은 프론트엔드에 대해 궁금한 것들 관심있는 것들에 대해 물어보고 아는 것들은 서로 알려주고 공유하면서 함께 성장하고자 하는 공간입니다 프론트엔드에게 혹은 프론트엔드라서 하고픈 이야기들 얼마든지 편하게 글 남겨주세요 ㅎ
리액트에서 함수나 변수에 명명규칙이 있을까요??
실무에서는 따로 규칙이 정해져 있나요??
컨벤션으로 정하고 하죠
사진
신청하신분계십니까
오.. 저런게 있었네요 덕분에 방금 신청했습니다
저용!
사진 2장
프리즘 어떻게 만들었나 궁금해서 까봤는데 저런게 나오네요 ㅎㅎ
초보입니다 ! 리액트에서 오류나는 파일 *전체 주석*처리하고 npm start 했는데 오류나는 파일 때문에 실행이 안되는데 어떤이유로 그런걸까요?
코드가 없으면 추측으로밖에 도움 못드립니다
오류나는 파일을 임포트하는 곳이 있는데 전체주석해서 export하는게 없어진거 아닐까요
일단 중요한건 오류 메시지입니다
사진
여기서 50%로 하면 중간보다
더치우치는데
어떻게 하면 가운데로 올수있을까요?
고수분들이
margin: 0 auto ..?
오류 메시지 한글화해주신다면
margin-left: "auto", margin-right:"auto"
margin: 0 auto ..?
요게 안먹어요!!
아ㅣㄴ네요요
레프트 라이트 따로줬더니 먹네요!!
감사합니당!!!
margin-left: calc(50% - 125px); 이렇게 해보세요
margin: 0 auto가 적용이 안되는데 left, right 따로 auto 주면 적용되는 경우가 있군요..
margin-left: 50%; transform: translateX(-50%);
선풍기 바람 쐬는 어피치님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
이모티콘 날이 춥습니다. 환절기 감기 조심하시고! 오늘도 화이팅 입니다!!
이모티콘
파이팅이 진짜 파이네요..
선풍기 바람 쐬는 어피치님 반갑습니다 :)
안녕하세요! 궁금한게 있어서 질문드립니다. 디자인 가이드가 있는 상태에서 vue로 UI개발(퍼블리싱)할때 vuetify를 보통 사용하나요?
혹시 Try catch 잘쓰시나요
throw new Error 할떄 오브젝트형태로 날려보신분계신가요?
보통 스트링만 받는거같은데
앗 안녕하세요, 잘 부탁드립니다! :)
엄청많이씁니다.
아.. 지금해보니
그냥 Error객체없이
throw [object] 하면되네요 ㅋㅋㅋ
async await구문으로 처리시 트라이 캐치로 예외처리해요
좋은 코드는 아닌데 예를들면
사진
이런식으로 썼었네요
좋은코드가 아닌 이유가 있을까요?
axios 모듈에서 화면에 관련된 기능을 호출하고 있습니다.
alert("로그인이 필요합니다.")
앗
감사함니다
분리 해야하는데, 귀찮아서 우선 저렇게 처리 해놨어요.
async await으로할떄 잘맞죠
then으로 이으면
거의 끌어올리기 엄청시전해야되서
던질건 받아서 던지고 받아서던지고..
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
혹시 이런 에러 보신적 있으신분들 계신가요...?
사진
여러분 포트폴리오 어떻게 만드셨나요??
fe 복제본이닷
PPT?
혹시 og image 세팅하실때 프로젝트 내에 이미지 넣어두고 상대경로로 세팅해도 정상적으로 나오나요? 보통은 CDN 에 이미지 경로를 사용하긴 하는데
넹 잘 나오더라구요
넵잘나옵니다
리액트에서 부모에서 자식으로 함수를 전달해서 자식의 상태를 받아오는 방식에서 질문이 있습니다.! 검색해도 잘 안나오네요..
사진
기본이 이러한 방식인데
사진
fy님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
component C에서 component A로 직접 보낼수는 없나요?
그래서 전역상태관리 라이브러리나 context api를 써여
직접 구현해서 실습해보고싶은데 실력이 부족해서..
선배님들 혹시 이미지에 lazy loading을 적용하려 하는데, height가 %로 돼있으면 기능하지 않는 게 맞을까요?
next인가요?
아 직접 구현해보니 되네요
사진
상태관리 props drilling으로 찾아보시면..
사진
저 그림에서 Item 컴포넌트에서 만들어진 객체가 굳이 List 컴포넌트를 거쳐갈 필요가 없을때 바로 Cart로 보내지는 방식이 가능한지에 대해 궁금했는데
해보니까 가능하네요 ㅎㅎ..
저 방식은 이해했습니다!
아 아래 사진이 전역으로 관리하는 방법이군요
감사합니다 !
으쓱으쓱 어피치님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
이거에여
간단하게 만들다 중단한게 있는데 저도 거기서 헥갈려서,,
ㅎㅎ 감사합니다 다들 맛있는 점심 드세요~
졸린 무지님이 나갔습니다.
사진
혹시 Corps 에러인데 해결방법이 res.setHeader('Access-Control-Allow-origin', '*'); res.setHeader('Access-Control-Allow-Credentials', 'true'); 를 설정을 해주라는건데 이게 어떤건지 아시는분 있나요? ㅠㅠ
헤더에 값을 넣기 위해서는 백엔드 쪽에서 response헤더에 넣어줘야하는 것으로 알고 있어요 프론트에서 request 보낼때 넣어주는 것도 있던 것 같은데 기억이 잘 안나네요..
Response헤더에 프론트에서 값을 넣어주는 것은 설정이 불가능해요ㅜ
네ㅠㅠ..서버리스 만들려고했는데 어렵네요ㅠㅠ
저 혹시 어떤 폰트 사용하세요? 넘 가독성이 좋아서요
자바스크립트 변수/함수를 자동으로 export 해주는 vscode extension을 개발했습니다😄 styled components 쓸 때 유용해요ㅎㅎ https://marketplace.visualstudio.com/items?itemName=Jinho1011.auto-export-js
사진
👻님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
유령이모지님~~ 반갑습니다 어서오세요 :)
안녕하세요 🙂
fy님 으쓱으쓱 어피치님도 인사가 늦었습니다 환영합니다 :)
이곳은 프론트엔드에 대해 궁금한걸 물어보고 관심사를 공유하고 아는 것은 알려주면서 함께 성장하고자 하는 공간입니다~ 눈치 보지 말고 궁금한 내용이나 얘기 나누고 싶은 고민 있으면 편하게 글 남겨주세요
네! 감사합니다~! 앞으로 잘 부탁드립니다🙇🏻
안녕하세요~
프사가 시원하네요! ㅎ 잘 부탁드립니다~
루루루님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 루루루님 반갑습니다 :)
Mui를 custom css overiding해보신분 계실까요??
오 질문이 무엇이죠
궁금하네요
저도 하고 있어서 ㅋㅋ
Mui 를 styled component와 결합하는데, 그 안의 것들 css 커스텀 할 방법이 있나해서요. 클래스명으로 해도 적용은 안되서.
input props?
로 안에 스타일 지정했던것 같아요
mui 버전 몇쓰세용
5이상 쓰시는 거면
혹시 이미지 태그안에 Src 추출하는 정규식 있으신분 계신가요?
import { styled } from '@mui/material/styles' 으로 스타일드 사용하시면 될거에요
그러면 이제 조금 다르긴하지만 스타일드를 원래 문법처럼 사용하실 수 있습니다
사진
이런식으로?
5인데 styled d아래처럼 해도 안되 더라구요 ..
사진
안녕하세요! 반갑습니다~~~~!
약간 구지 샘플코드로 짜보면, 아래와 같은 셀렉트를.. 디자인을 바꿀라 하는데 제약이 좀 많더라구요… dropdwon div색상이나 border를 바꾼다던가..
삭제된 메시지입니다.
사진
mui가 스타일 커스텀이 좀 어렵긴 하더라구요
저도
스타일드로
바꿔서써용
antd랑 styled component가 더활용이 비효율적이라 해서 mui를 채택했더니 커스텀 은근 어렵네요 저런 경우는 저런 디자인을 싹다 오버라이딩할 방법은 없을까요?
dropdown이나 focuse 등..
클래스 네임을 진짜 잘보긴 해야하더라구요
중간에 띄어쓰기 된 부분 사이에 콤마 넣어보면 어떨까요
mui의 functionality를 유지한 상태에서 스타일 전체를 오버라이드하고싶으시면
@mui/base 나 @mui/unstyled 찾아보셔도 괜찮을거같습니다
멋지심미다.. 전 아직 mui를 잘 몰라서! 답변이 좀 너무 뉴비같았네용
unstyled의 경우는 functionally 이 없지 않나요
혹시 이 문서대로는 해보신 적 있으실까요? https://mui.com/material-ui/react-select/#customization
둘간에 차이가 있었던거같은데 기억이 안나서 둘다 적었습니다…!ㅋㅋㅋㅋ
음 그런데 사진 보니까 & .MuiMenu-list 라고 작성되어 있는데 &.MuiMenu-list <- 이렇게 해도 적용이 안 되던가요? 저는 스타일드 안에 mui 클래스명으로 조작해서 사용하고 있어서요
정 안 되면 클래스명 직접 주입해서 사용할 수도 있어요
이걸로 했을땐 완전 커스텀화 한계가 좀 잇더라구요 dropdown 나올시의 커스텀이라든가
사진
혹시 이런거 구현할때 팁같은게 있을까요??
도 같은경우엔 구까지 한번 더 들어가야해서 조금 헷갈리네요..
생각하는 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
중첩된 배열 사용하기 안 헷갈리게 타입 정리 잘 하기,,
안녕하세요
이모티콘
혹시 제가 초보라서그런데
질문해도되나요?
안녕하세요!! 생각하는 라이언님 :)
한녕하세요!
얼마든지 질문 마음껏 하세요!
감사합니다.
제가 공부하면서
사진
웹페이지를 하나 만들고있는데 우측 빈공간에
사진
약간 심심이 같은 채팅 이런걸 넣으려고공간을 해보고있는데
사진
여러 방법을 시도해도 이렇게되고.. 잘모르겠어서 도움을 요청하려고합니다..
같은 이름에 대해서 고민해보기 이전에 차트로 그릴때 구명칭을 키값으로 했었는데, 북구 서구 동구처럼 같은 이름이 있어 에러가 났었습니다.
이 문서에 mui/base 이용해서 CSS 커스터마이징하는 예시가 잘되어 있는것 같아요!
그
주소같은 경우는
여기보시면
depth로 구분하는 곳도 있는데
json으로 만들어서 관리하시는게 개발하시긴 더 편할거에요
다들 감사합니다!
잠와....
ㅜㅜ
블럭을 무너트리는 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 리덕스 관련 질문이 있습니당.. 액션생성 함수의 payload값을 객체로 지정을 해둔 상태인데요 혹시 다른 값을 유지하면서 하나의 키 벨류만 변경 가능한가요? payload : { a: string, b: string } 라고 할때 dispatch에서 스프레드 연산자로 기존 값 유지하고 b만 바꿔보고싶었는데 원래 안되는건지 문법을 잘못쓰고있는지 잘 모르겠습니다ㅜㅜ
안녕하세요 저 소켓 관련 질문이 있습니다..! 현재 같은 서버내에서 api랑 ui가 배포되어있는데요 socket으로 subscribe하면서 데이터를 받아오는데 주기적으로 kafka데이터를 서버에서 쏴주고 있는데 첫번째 데이터만 받아오고 이후에 데이터는 못받아오고 있습니다ㅜㅜ 혹시 어디를 더 봐야될까요... connection도 잘 됩니다,.,
그러시군요 구체적으로 어떤 부분에서 어려움을 느끼고 있으신걸까요?
블럭을 무너뜨리는 라이언님 반갑습니다 어서오세요 :)
여기 왼쪽은 그대로 유지하고 우측공간에
다른 무언가를 추가하고싶습니다.
반응형 웹으로 하고있어 줄이면 같이 줄고,.
css에서 position:fixed와 right, bottom값을 주시면 원하는 곳에 무언가 배치를 하실 수 있을 것 같네요
한번 해보겠습니다.
{...payload: b: "변경된 다른 값"} 이거 말씀하시는건가요?
어떤식으로 쓰고 있는데 안되는지도 알려주시면 답변 드리기 쉬울것 같아요 :)
혹시 코드로 봐주실수있나요
제가 무엇을 잘못하고있는데?
혹시 디코 들어오실 수 있나요? 이걸 글로 계속 설명하면 많이 핑퐁을 해야 할 듯 하네요
혹시 제가지금 밖에나와서
5시쯤 가능할까요
혹시 영어이름 짓는 팁 있나요?
영어이름만 벌써 하루넘게 고민하고있습니다 ㅋㅋㅋ
그러신구요~ 시간은 장담 드리기는 힘들것 같네요. 지금 답변을 드리기가 어려운 것은 원하고자 하는 의도를 정확히 파악을 못해서 그렇습니다. 채팅봇 같은 레퍼런스를 넣고자 함이 맞는거죠? 지금 보내준 코드를 보면 우측 반을 잘라서 배치하고 있는데 이런걸 의도하셨는지가 궁금했어요 ㅎ
제이지 어때요?^^
영어이름은 닉네임을 말하는 건가요? 변수명을 말하는건가요? ㅎ
닉네임입니다 ㅎㅎ
네 이런식으로 작성을 해봤는데 나머지 속성값이 없다고 에러가 나와서 헷갈리네요… es6 스프레드 문법을 찾아봤는데 제가 잘못이해한건지ㅠㅠ
ㅋㅋㅋㅋㅋ 센스있으시네요 제이지 좋긴한데 오픈챗 닉네임같아서 ㅎㅎ
카카오에 예능으로 짓는 분도 많다고 들었는데
예능/기억에 남는/무난한/멋진
이런 범주를 나눠보세요
zzz
dispatch(액션생성함수({…payload, b: “blabla”})) 문법을 아직 제대로 이해 못한걸까요ㅠ
payload가 선언되어있나요?
payload가.. 네~~
payload는 어디서 온건가요?
ㅋㅋㅋ같은 질문인것같네요
사진 2장
이런식으로 생각했습니당..
payload가 userData객체니까 스프레드 연산자를 사용하면 다른 값은 유지하고 원하는 값만 업데이트 할 수 있지않을까 라고 생각하고 접근해봤습니다
userData는 함순디 어떻게 spread를..
아니에요. userData은 함수인데요
저도 그게 좀 헷갈리긴했는데 userData 함수 인자가 객체로 넘어가는거 아닌가 생각이 들어서ㅠ
지금은 스프레드 연산자를 사용해야할 이유가 없는 코드에요 인자값에 들어가 있는 userData라고 생각했던 값은 어디에서 오나요?
typeof userData 하시면 function나오실거에요 object가 아닌
스프레드 오퍼레이터를 사용할수있는건 객체혹은 배열이에요
dispatch(userData({...payload, b: "..."}) payload은 어디에서 왔을까요?? 그 전에 어딘가에서 선언되어야 할텐데
지금 공부중이신거에요? 아니면 뭔가 개발을 하고 있는 중이신가요?
api 질문인데
공부중입니다!
해도될까요 ㅠ
질문 눈치보지 마시고 그냥 물어보셔도 될거같아요
좋은분들이 대답 잘 해주십니다!
https://github.com/twitterdev/Twitter-API-v2-sample-code/blob/main/Recent-Search/recent_search.js api 질문인데 해도되는지 여쭤봅니다…. const token = process.env.BEARER_TOKEN; 요 부분에 트위터 bearer token입력하라해서 제꺼 발급받아서 입력했는데 식별자 또는 키워드는 숫자 리터럴 바로 뒤에 올 수 없습니다.ts(1351) 이런 타입스크립트 에러가뜨네요 ㅠㅠ 그대로 복사해서 입력했는데 왜 이렇게 되는지 알고싶습니다….
이모티콘 payload를 선언을 안했네요..제가 잘못 생각한거같습니다
제 생각에 env파일이 없어서 그런거같기도한데
그러시군요 배운 문법을 이해하려고 이렇게 저렇게 실험중이신거 같은데 잘못 적용을 하고 계신 상태라 해결법을 알려드리기 힘드네요. 동작을 하고 있는 예제를 가지고 이것 저것 수정해보면서 공부해보시것도 도움이 되실 것 같아요 :)
요거 보고 바로는 아니지만 지금은 이해가 갔습니다!
const token = '개인키' 이렇게 입력하셨다는건가요? 아니면 .env 에 별도 키 저장해서 가져다 사용하샸다는걸까요
const token = process.env.트위터토큰키 이렇게 입력했습니다
저렇게 사용하시려면 env파일에 본인이 원하는 변수로 지정하셔서 그변수안에 트위터토큰값 담아서 쓰시면 될것같아요
env파일이 없어서 생기는 문제 같기도 한데 일단 만들어보겠습니다 ㅠ
.env 안에 토큰키를 담아서 변수 명을 '트위터토큰키'에 넣어서 사용하시면될거같아요
.env 파일 : 변수 = 토큰키 해당 파일 : const token = process.env.변수
이거 참고하시면 좋을것 같슴다
리터럴 에러는 아마 토큰키에 숫자랑 문자열이랑 합쳐있어서 에러나는거같습니다
혹시 env.토큰키를_요기에_직접입력하셨나요?
그러신거같아요
깃헙에 설명서 읽어보고 제 토큰키 그대로입력했습니다 ㅠ
삭제된 메시지입니다.
울고있는 어피치님의 코드를 공유해주셔야 핑퐁이 더 쉬울거에요
CRA환경과 CNA환경에서는 환경변수 키 넣어주는 방법이 따로있어요
사진
제가 <ul> 이랑 <li> 써서 목록을 만드는데 스크린샷처럼 다음줄부터는 일정한 간격으로 일치한 라인을 유지하지 않는데 어떻게 해야할까요?
토큰키를 알고싶은건가요?
농입니다
사진
ㅋㅋㅋㅋ 그런건아니고
이런식으로 일정해야되는데 다음줄도
코드를 보고싶어서 그래요
어차피 환경변수명으로 가려져있으니 상관없을걸요
process.env.twitter_token; 요부분은 .env에 변수로 뒀어요
li line-height로는 안될까요?
어느환경에서 실행하신건가여?
리액트에요?
node.js
리액트는 아니고
JS입니다
dotenv 쓰셨나요
env연결은 되셨는지가 궁금
line-height은 높이아닌가여?
당연히 리액트 넥스트 환경이라고 생각했네요
아 제가 잘못읽었습니아!
질문이 다소 추상적으로 느껴지는 것 같습니다.. ㅎㅎ
line-height는 글자 사이의 줄간격입니다.
아 찾았네요 제가 list-style-position: inside; 로 되어있어서 그런데 list-style-position: outside; 로 하고 margin-left값 주니 되네요
옆에 백엔드 하시는분이 const prompt = require("prompt-sync")(); const dotenv = require("dotenv"); dotenv.config(); 이걸 추가해서 코드를 넘겨줬는데 env파일 다시 설정해야겠어요 ㅠ
네 질문이 아니라 양옆간격을 줄여야했는데 line-height으로 알려주셔서 말했던거라
네 화이팅입니당
네 제가 잘못봤습니다 죄송합니다
환경변수가 연결되었는지부터 확인을…
그렇군요! 암튼 해결돼셨다니 축하드립니다 :D
되셨다니 <<
감사합니다~ ㅎㅎ
혹시
.parenet_element:has(>.child_element) img{}
브라우저 호환성 이슈 없이 스타일 선언할 수 있는 방법이 있을까요?
has 는... 대체 불가능으로 알고 있어요
JS를 이용해주셔야 하지 않을까 싶습니다
흑흑
사진
달리를 써서 현재 프로젝트 아이콘을 만들어봤는데 생각보다 너무 퀄리티가 좋네요.
사진
혹시 사이트프로젝트 하시다가 로고 만드실일 있으면 사용해보셔도 좋을듯합니다.
c
와!! 감사합니다!!
오 좋네요
몇 가지 궁금한게 있습니다. 서버쪽 지식이 없어서 그런데요 ㅠㅠ 도메인 구입하고 aws에 배포하고 나면 네이버나 구글에서 검색했을 때 해당 사이트 뜨나요,,?
그건 검색엔진노출 되는법을 검색해보시면 나올겁니다
현재 커머스 사이트를 하고 있는데, userId 같은건 처음 로그인할때 쿠키에 담아 놓는게 좋을가요?
삭제된 메시지입니다.
Naver search advisor, google search console에 등록해야하는게 맞는거죠?
다들 거북목이나 체력 관리? 어떻게들 하시나요?
해야되는데
못해서
문제에요
퇴근하면 침대 눕기 바쁜데 운동 어떻게하지..
그래서 저는 출근전에 6시에 운동해요
대단하시네
저두 퇴근후에하면 개인시간이너무없어져서
아침으로바꿨어요...
운동할 시간이 그때만 고정적으로 가능해서 ㅠㅠ 야근 하거나 약속있으면 맨날 빠지니까요
점심시간에 산책하고 퇴근시간에 한시간 걷습니다
야행성이라 아침에 뭘 못하므로..
프로젝트 진행하시면서 어려운 점들이 무엇무엇 있으셨나요??
이거까지는 잘모르겠어요 seo 노출되는걸로 생각했습니다
감사합니다!
react ts에서 setState가 props로 잘 안넘어가는데
setSchema as React.Dispatch<React.SetStateAction<SchemaType>>
이런식으로 구현해도 될까요?
head 태그만 잘 작성하셔도 뜹니다 만드신 사이트 크롬에서 개발자도구에서 Lighthouse 돌려보시고 SEO 점수 확인해 보세요 뭐가 부족한지도 알려줍니다
기존의 있던 프로그램을 디자이너와 협업해서 새롭게 퍼블리싱하고 별도로 추가 기능을 개발한걸 이력서에 뭐라고 써야할까요..?
as를 쓰면 않좋나요?
여기계신분들께 궁금한게있는데요 취업할때 팀프로젝트 필수로해야할까요? 원래 국비다녀서 포트폴리오 하나만들고 취업하려했는데 떨어져서 혼자 포트폴리오만들면서 취준해야할거같아서요ㅜㅜ
as 로 해주시기 보다는, props 로 받는 곳에서 보여주신 것 처럼 받아주시면 어떨까 싶어요
필수는 아니긴합니다. 있으면 좋은 가산점 같은거에요. 협업 경험에 대해서는 분명이 면접때 물어볼만한 내용이니까요
interface Props { setSchema: React.Dispatch<React.SetStateAction<SchemaType>>; }
오키에서 한번 팀프로젝트할사람 구해봐야하나ㅜㅜ 답변감사합니다
setSchema: | React.Dispatch<React.SetStateAction<SchemaType>> | React.Dispatch<React.SetStateAction<RootSchemaType>>;
사진
이렇게 시도해봤습니다. 근데 가만히 생각해보니 다운캐스팅이 무조건 필요한거같아서 as를 써주는게 맞는거 같습니다 감사합니다!
forwardRef 사용중에 질문드립니다. 타입스크립트 환경인데, 타입 지정이 안되는 이유를 모르겠습니다 ㅠㅠ
forwardRef<DomType,Props>(props,ref)=>{}일거에요
확인했습니다!!! 감사합니다 :)
사진
전 이렇게썼었네요
등운동해야죠
개발자들 전부다 거북이 ㅠ
많은 사람들이 거북이 🐢
뜨끔해서 허리핍니다
공부 빡시게 하고 헬스장 가야겟어요 ㅋㅋㅋ
넥스트 하니깐 울고싶네요 ㅋㅋ
넥스트~레블
리덕스는 더 괴롭고 ㅋㅋ
zzzz
상태관리, 비동기처리 프론트 2대장
헉 해결되었씁니다 감사합니다 ㅜㅜㅜ !!!
아하... 그렇군요 ㅠㅜ
css 고수님들 accordian 기능을 직접 구현하려 하는데 css transition이나 animation으로 하려했더니 fade-in 기능과 fade-out 기능이 동시에 작동을 절대 안하는데 혹시 어떤 좋은 방법이 있을까요ㅠ
max-height로 높이주고 거기에 transition줘서 변경시키면 됩니다
height은 그냥 두고 max-height으로 조작하면 될까요?
넵
닫혀있을때는 0열려있을때는 크게
아코디언이면 absolute한 돔을 transform해보세요
유의점은 object fit이나 오토 같이 고정값이 아닌것들은 안돼요
absolute 써보려다가 포기했었습니다 ㅜ
근데 transition이 현재
fade-in이 되고 그 다음에 fade-out이 되는데
동시에 되지는 않습니다
이게 지금 문제입니다 ㅠ
제가 생각했던게 아니었나보네요 혹시 gif나 코드보여주시면..
사진
상태를 업데이트하는 시간 문제이겠네요
이렇게 했더니 트랜지션 하나되고 그다음 트랜지션이 됩니다
@유용태 (teo.yu) 혹시 지금 디스코드 가능하실까요?
사진
html부분이
저렇게 잡혀있는데 width100%
로 해도 안됩니다..
근데 width 1920px
로하면 가운데로가면서 잘갑니다!!
어떻게 해야하나요...
사진
width 100%는 부모 element 넓이의 100%라는 뜻이기에 부모 element들도 봐보세유
왕초보 질문입니다! react에서 axios를 사용해 회원가입을 구현하는데, redux를 사용하지 않고는 안되나요? redux를 아직 잘 몰라서요!
상관은없어요
아뇨 가능합니다!
axios와 redux는 아예 다른애들입니다
웹님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
네.. 예제를 찾다보니 다 redux와 함께 사용을 해서 꼭 필요한 건가 헷갈렸어요!
질문이 있습니다. 프로그래머스로 예를 들어서 https://career.programmers.co.kr/competitions/2924 해당페이지에서 https://career.programmers.co.kr/competitions/99999와 같이 컨텐츠가 없는 페이지로 이동하게 되면 404page가 나오게 되는데요. 99999에 대한 컨텐츠가 없다는 것을 확인하려면 CSR에서는 마운트 이후 데이터를 확인해 데이터가 없을 경우 404로 redirect 시키는 방법이 될텐데 이 경우 랜더링이 되고나서 redirect되므로 404가 뜨기 이전에 기존 페이지가 잠깐 뜬 다음 보여지게 되고, SSR의 경우 기존 페이지가 보여지기 이전에 미리 서버에서 데이터를 체크하니까 기존 페이지 보여줌 없이 바로 404로 redirect해서 껌뻑임 없이 유저에게 바로 404를 보여줄 수 있을텐데, CSR에서도 껌뻑임 없이 바로 404를 보여주는 등의 같은 방식의 처리가 가능한가요?
redux는 전역에서 관리할 상태가 있을때 좀 더 편리하게 관리할 수 있도록 하는 도구(?)인데 전역상태관리가 필수적이라면 리액트에 내장되어 있는 context로 대체 할 수도 있고 전역상태관리가 필수적이지 않다면, localStorage | sessionStorage, cookie 등을 활용하여 진행이 가능할 것 같습니다~ 제가 잘 말씀드린건지 모르겠네용
csr 환경에서 protected route 처리 이외에 가능한게 있나여?? 저두 궁금
이걸 해결하기위해서 적용했던걸 남겼던 블로그글인데 혹시나 도움이 될까 …싶어서 링크 올려요 https://velog.io/@endmoseung/%EC%9B%90%EC%B9%98%EC%95%8A%EB%8A%94-%EB%8F%84%EB%A9%94%EC%9D%B8-%EC%9D%B4%EB%8F%99-%EB%A7%89%EA%B8%B0Protected-Route
근데 저것두 우선 서버에서 처리하는게아닌 컴포넌트 마운트이후에 동작하지않나여?
브라우저에서 모든걸 해결하려는거니 마운트 이후에 되는것가튼뎁..?
전 리덕스 대신 리액트 쿼리로만 서버에서 받은 데이터를 전역 상태로 사용할수있는지 궁금합니다 그리고 이 둘을 같이 사용하는게 가능한지도요
네 맞아요 그럼 원하던 답변이 아닐수도 있겠네요 ..ㅜㅜ
리액트 쿼리랑 넥스트 스타트업에서 신입한테 많이 물어본다는거 맞졍?
그게 리액트쿼리가 밀고있는 방법일걸요? 리액트쿼리를 쓰면 서버상태 모든걸 관리하니 클라이언트 상태가 없어질거라 하는데
자료 감사합니다.
그러면 리액트 쿼리가 떵크 대신 시용하는건가요?
사용
리덕스 썽크대신 사용하는가에 대해서 여쭤보신거면 사용법에 대해서 차이가있을것같네요
localStorage를 사용해 해봐야겠어요~ 감사합니다!
반환타입을 서버상태라 정의하면 서버상태로써 모든 컴포넌트에서 사용하니
데이터 페칭 이후 이 페이지에 갈지, 404로 갈지에 대한 결정을 서버에서 하느냐 브라우저에서 하느냐로 나뉘는데 브라우저에서 하는 방법으로 나뉠텐데, 브라우저에서 할 경우 무조건 기존 페이지를 보여줄 수 밖에 없는가.. 가 고민이 되는 것 같네요 당연하 보여줄 수 밖에 없는게 맞는 것 같기도 하고요..
고냥 편하게 api 페칭 라이브러리라고 생각하시면 편할거에요
브라우저에서 서버상태와 지속적으로 동기화시켜주는 라이브러리라고
떵크는 페칭용으론 안쓰나요? 보통 ajax로 비동기 요청시 쓰는거같던데
제가 깊이는 안써봐서 잘모른느데 아마 그렇게 쓰일거에요
음 그럼 떵크는 동기화가 안되나용?
근데 지속적으로 동기화시켜주지는 않잖아여
아아 네네;
stale-while-revalidate 전략을 바탕으로 서버 데이터를 관리한다고 보시면 될 것 같습니다.
https://tanstack.com/query/v4/docs/overview 문서읽어보면 싱싱한 상태를 유지시켜준다는 패러다임이 와닿으실겁니당
기존에 데이터를 클라이언트 상태와 함께 관리(리덕스 사용하거나 사용하지 않거나) 했을 때 비대해지고 따로 캐싱 등을 구현해야 하고 로딩이나 에러 상태 등을 따로 관리해야했던 걸 도와주는 라이브러리라고 보시면 될 것 같아요.
여러가지 답변들 감사합니다! 꼼꼼히 체크해볼께요!!
아 감사합니다
궁금했던게 어느 예제를 보니 어느부분은 떵크로 처리하고 어떤건 리액트 쿼리로 해서 둘의 차이(차이보단 쓰임)가 궁금했습니다 ~
혹시 context api 많이 사용하시나요?
제가써보니까
리액트쿼리는 캐싱이필요한 반복되서 불리는정보에적합합니다
예를들면 me같은…?
혹시 모노레포로 작업하시는분, 패키지들이 많아 파일구조가 복잡해질때
vscode에서 조금더 편리하게 셋팅할 수 있는 방법이 있을까요?!
코드몽키님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
레이아웃이 아무리해도 안잡히길래 엄청난 삽질을 했는데 *에 boxsizing이 잡혀있었어요ㅠㅠ
보통 reset css로 그렇게 설정하죠
props drilling 을 피하기 위해 기본적으로 쓰고 있습니다. 사실 Redux 와 React Query, react-router-dom 도 다 context api 를 이용하는 구조입니다
redux가 아니라 react redux의 구조 아닌가용
아 맞습니다.ㅎㅎ react 에 국한입니다
뭔가 app단에 provider 같은걸로 감싼다 => 내부에 comtext api 있다는걸 의심
이런느낌..??
맞습니다 아마도 99% 확률…
생각해보니 그러네요
노션이나 슬랙에서 url 작성하면 미리보기 기능은 open graph 이용해서 표현하는건가요??
넹
오호..그렇군요 감사합니다!
사진
이런형태.. CSS로 가운데 십자부분 어떻게해야 투명하게 만들수있을까요..
background 그대로 드러나게..
이미지에요 ?
예시는 일단 이미지로 가져와봤는데..
삭제된 메시지입니다.
그냥 png로 떄려박는게 가장 쉬울까요?
before, after 해서 만들어도 될거같은데요
css 명령어
이미지가 젤 편하죠 ㅋㅋ
before after로 작대기 두개 만들어서 가운데에 박으먼 되죠
공부는 어떻게 공부합니까?
유튜브나 인프런에 차고넘쳐요
반복숙달의 영역이라고 생각합니다..
오 다들 감사합니다 before after먼저 써봐야곘네요…
아 영상으로 명령어 배우나요??
근데 저런 아이콘은 보통 현업에선 걍 이미지로 박습니다
선택자랑 우선순위는 보면 좋더라고요
구조를 굳이 복잡하게 만들 필요가 없고 아이콘마다 어떤건 하드코딩 어떤건 이미지로 만드는것도 좀 아니기도 하고
인프런 무료에도 많습니까?
이미지로 하셔요 ㅎㅎ 뚫려서 뒤에 있는 컨텐츠가 드러나게 한다고 하셨는데 before after 모르시는 상태에서 저거 구현하려면 마스크도 구현해야해요 ㅎㅎ 이미지가 편할 듯 보이네요 ~
저는 html,css는 기본적인 이론만(flexbox같은) 유튜브에 무료강의로 듣고 실제 제가 좋아하는 웹들을 정적으로 클론코딩해보면서 공부했어요. 강의는 드림코딩 유튜브에 CSS강의를 들었어요
시간은 돈주고도 못사는거라서 같은 시간들여 공부할거면 유료강의 구매하셔서 좀더 퀄리티 좋은 수업듣는게 좋다고 생각합니다 ㅎㅎ..
유료 무료는 차이가 좀 커요
이모티콘 일할때 빨리해야한다는 생각에 사로잡혀서 코드가 더럽네요..ㅎ 어떻게 고치죠ㅠㅠㅠ
빨리해도 코드는 예쁘게 짤 수 있고 코드가 예뻐야 더 빨리 짤 수 있다는 생각을 가지고
고치는게 당장 힘들다면 고치기보다는 이게 왜 더러운 건지 안 그럴려면 어떻게 해야하는건지 오답노트마냥 습관적인 패턴을 좀 연구해보시면 좋아요
웹에이전시에 국비지원으로 퍼블리셔로 처음입사하면 월급은 최저부터 시작인가요?
먹보 네오님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
그래서 어떤 특정 리팩토링 패턴이 연구가 되면 날잡아서 같은 류의 패턴을 일괄적으로 한번 적용해보세요
신입연봉을 제시 받으시겠죠
최저입니다
회사마다 신입연봉은 다릅니다. 그 회사가 최저를 주는거구요
근데 대부분의 회사는 어떤가해서 어쭤봅니다!
요구사항을 빠르게 달성하고 리팩토링을 하면 어떤가요? 그러다 보면 기능구현 하다가도 어떻게 코드를 정리해야할지 길이 보이실 것 같아요
보통 퍼블신입은 최저를 많이받습니다
엔테크서비스가
최저보단 많이 받을것 같긴 해요
일하다가 아무말 던져버렸네요
감사합니당!
ㅠㅠ감사합니다
연봉 100억 받고시퍼용 헤헤
저는 일 안하고 1000억쯤 받고싶어용 히히
1억만 받아도 행복할거가가툥...
사진
100억에서 1000억..
사진
이모티콘도 네오님ㄷ이 더 크네요
1억 드렸습니다
허걱..정말 감사합니다
다들 내일 출근하지마세요!
헉.. 회사분이신가요?
nx 모노레포에서 cypress component 테스팅 세팅하기가 힘들어서 storybook이나 testing-library로 넘어가려고 하는데 혹시 실무에서 component testing 어떤 라이브러리 사용하시나요?
정확히말하면 cypress 지금 말하신 라이브러리의 용도가 다릅니다
테스팅의 목적이 어떤건가요?
테스팅이 없는 회사는 어떻게 생각하세요? ㅋㅋ ㅠㅠ
그 테스팅을 네오네오님이 넣어주시면 되죠!
업적 추가
이력서 한줄 추가
말그대로 컴포넌트 테스트를 위해서 입니다.
Cypress에서 테스팅 라이브러리와 스토리북과 같이 component 테스팅을 beta이긴 하지만 지원하는데 모노레포에서 설정하기가 까도로운거 같네요
업는회사 많아요ㅠㅠ
많아용 ㅠ
그렇군요..
어쩔수 없는거 같아요 ㅜㅜ
왜 일을 만드냐고 한소리들었어요 ㅋㅋ ㅠㅠ
ㅠ
음 정확히 말하면 cypress의 역할이 component testing 보단 e2e 테스트로 받아들이시는게 좋을 것 같아요
있으면 좋죠 한소리 들을 말은 아닌거같아요
그래서 혼자 컴포넌트나 함수 위에 주석으로 테스트 할만한 것들을 적고있어요..
비슷한 테스트 방식은 rtl가 더 적합할거같은데
미래의 누군가를 위해
사람은 적고 일은 많으니 뭐 하나 도입하거나 리팩토링 할 엄두가 안나네요 ㅋㅋㅋ ㅠ
실제 프로젝트에선 상태가 다양하게 섞여있어서 실제로 개발할때 있어선 공부 를 따로 할 팔요가 있더라구요
멋진 사수가 되시겠군요ㅎㅎ
functional testing 에 대해 한번 찾아보시는걸 추천드립니다!
하지만 엄연한 목적은 cypress를 쓰시다 오시면 답답하실 수 있습니다
현실적으로, 당장 주어진 일이 근무시간 풀로 써도 하기 벅찬 정도면, 그 상황에서 테스트는 일을 만든 거일 수도 있는데, 그래도, 그런거나, 리팩토링할만한 요소들은 조금씩 챙겨놨다가 나중에라도 처리하시면 좋을 것 같아요!
저는 테스트 단위를 기능단위가 될 수 도 있지만 유저 스토리 단위로 짜고 있어요
제로초님은 프론트부분 테스팅은 TDD보단 BDD로 하라는데 관련 예시들이 없어서.. 포기;
네네 맞아요 그래서 제 추천은 유데미에 bonnie가 강의한거 추천드립니다
cypress를 사용하면 rtl을 사용할 필요가 없다는 생각이 들어서요~ e2e를 지원하는게 기본 컨셉이기는 하지만 올인원 툴이기도 하니까요. 물론 모노레포 세팅에서 막혀서 못쓸거 같지만요.
답변 해주셔서 감사합니다!!
오 감사합니다
ㅜㅜ 아쉽네요 그런데 이제 조금의 차이라면
아니다 충분히 가능할거같네요!
선배님들 요즘 배민 회사 분위기 어떤가요?? 그런데야 가면야 물론 좋지만!!
요즘 배달어플 욕도 많이먹고 코로나수혜도 끝나고 배달비도 비싸고 그래서 궁금하네요…
개인 이용은 많이 줄었는데, 회사같은 단체 이용은 여전히 엄청 많다고 하네요
날 추워지면 이용이 또 많아지지 않을까요?
악플보다 무플이 슬프다고... 사용자가 많아지면 자연스레 욕은 많이 먹게 되는 것 같아요. 지금도 일 많고, 많이들 재미나게 일하고 있어요 !
언젠가 큰 기업에서 한번 일해보고 싶네요 부럽슴다
ㅋㅋ
대감집 노비 어떨지 궁금하긴 하네요 ㅎㅎ
대감집이라는 것보다, 노비들이 많다보니, 노비들끼리 뭔가를 할 수 있다? 가 장점인 것 같아요 ㅋ
ㅋㅋㅋㅋㅋ
그게 반란이면 안되겠지만 -_-;
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
그래도 대감집 노비는 대감집에서 먹다남은 음식이 소고기일듯요 ㅠ
반란 일으켜서 잘되는 케이스들도 있는걸요
저는 사실 그러고 싶어요..ㅎ
테스트 코드에 일 만드냐고 말들으셔서 화나셨군요 ㅋ ㅠ
큰기업 출신 멋진 스타트업이 많이 나오더라구요
아이 그게 아니에요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
혹시 현업에서 react나 next 사용하실때 번들러를 swc로 사용하시는 분 계실까요? 아직 emotion에 대한 지원 미비 등 아직 현업에서 쓰기는 힘든가 여쭤봅니다!
누누님이 나갔습니다.
회사에서는 웹팩 말고는 보지 못했어요
next.config만 조금 수정하면 최신 next swc에서도 emotion사용 가능할거에요
Next는 기본 빌드 툴이 swc 에요
혹시 궁근한게
바벨설정으로 styled-component 쓰면
swc disable되는데
swc로도 가능한가요?
Styled component는 swc에서 지원되지안나요
그럼 disable되면 자동으로 웹팩으로 빌드 되는건가요?
제가 잘 몰라서 여쭤봐용
플러그인있어요
아하 한번 해볼게요 감사합니다
Next 쓰면서 disable 따로 해본적이없어서 그건모르겠네요
CS 지식 확장을 위해서 틈틈이 정처기 공부하는 거 어떻게 생각하시나요! 비전공자이고 JS랑 리액트만 패서 어찌저찌 취업은 했는데 갈수록 CS부채의식이 느껴져서요
정처기를 따로 공부하는거도 좋지만 그냥 운영체제 공부하시고 네트워크 공부하시고 그래보세요 ㅎㅎ
취업이 되셨으면 굳이 정처기로 한정 안하셔도 됩니다
취업한 비전공자들을 위한 CS 스터디 같은거 수요가 좀 있을거 같아요 ㅋㅋ
be전공자 ㄷㄷ
경력 면접인데도
be 전공자 스터디 ㄷㄷ
비전공자에 서류가 빈약해서인지 cs 공부 여부도 물어본적이 있어요
한번쯤 해보면 도움되긴 할것 같아요
감사합니다!
감사합니다! 네트워크도 공부계획에 있습니다 다람쥐책요 사실 코드 고민하는 거에 비해서ㅠㅜ공부하는 건 재밌는 것 같아요ㅎ
수요 여기요!
주니어 동안은 좀 물어보긴 하더라고요
저도 필요합니다 ㅜㅜ
누누님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
이모티콘 안녕하세요.
저랑 같은 고민하시는 것 같아요 ㅎㅎ
국비 끝나고 이력서 작성하는데 정말 쓸 말이 없네요. 깃허브와 블로그의 중요성을 이제야 깨닫습니다.... 이제부터라도 매일 써야겠어요
혹시 어떤 부분에서 CS 부채가 느껴지셨었나요? 저도 프론트엔드 개발자인데 저는 아직까지 그런걸 느껴보지 못해서 궁금합니다!!
저는 백엔드나 서버 개발자와 대화할때 많이 느꼈습니다
저도 공감. 저는 정확히 말해 CS? 는 아니지만 네트워크라던가 인프라같은 부분에서 리액트만 바라보고 있다보니 제 스스로가 반쪽짜리 개발자라는 생각이 들었어요. 웹서버는 뭔지, 어떻게 내가 만든 리액트 프로그램이 배포가 되는지. 도커, 운영체제 등. 이런것들이 어떻게 작동하고 돌아가는지 갈증이 생겨서 저도 정처기는 아니지만 틈틈히 공부하고 있네요.
아하 프론트엔드에 국한해서 그런것을 느끼는건 아니군요..
라고 한 백번정도 다짐했지만 제 블로그 글이 10개가 안되는군요
ㅋㅋㅋㅋㅋ
네! 근데 뭔가 프론트엔드를 더 잘하고 싶은 마음에서 저런 갈증이 생긴 것 같아요!
브라우저에서의 new Date()랑 nextjs middleware에서 사용하는 new Date() 표준 시간이 다른데 왜이러는지 아시나요??
배포랑 도커는 한번 해보시면 재밌어욤 쿠버를 배워보고싶은뎅 흑흑
그러면 CS공부하기 적합한 책이나 자료는 어떤것이 있을까요?
과목별로 유명한게 따로 있더라구요
운영체제 반효경교수님
밖에 기억이 안나요
네트워크는
Http 완벽가이드
이게조아요
Hilaris님이 나갔습니다.
나는 http 통신도 뭔지 모르고 Get요청 날리는 바보다
포스트만 날리는
금융바보 여깄습니다
나는 바보다
포스트맨?
POST 일 것 같아요 ㅎㅎ
드디어 오늘 스프린트 시작하는군요..
미들웨어는 코드가 서버에서 돌수있어요 서버에서 돌면 서버 시간으로 생성되서 다를수 있어요
처음 페이지 진입시에는 보통 서버에서 돌고 화면 이동시에는 브라우저에서 돌꺼예요
요즘도 서울에
자바 국비과정 있나요,,?
개많아요
무료요
아고 무료를 빼뭇네,,
자비부담 다 있지않나
전액무료로 홍보하는 학원들도잇는데
이게 맞나,,싶어서요
국비지원이 전액 무료아닌가요?
자비부담 비율 잡는곳도 잇더라구용
국비는 대부분 무료에요 ...
aha..
감사합니다
질문드립니다!! 리코일이나 리덕스같은 상태관리 라이브러리 사용할 경우에.. A페이지에서 input 2개를 입력받아서 결과를 B페이지에서 보여주려는데 입력값 2개를 각각 다른 store(atom)에다 저장해야할지 하나에 둘 다 넣어야할지 모르겠네용 뭐가 더 나을까요?? 후자는 {input1: "", input2:""}처럼 객체로 관리할 생각입니다!
묶여서 움직인다면 같이 별도로 움직인다면 따로
일거같아요
감사합니다! ㅎㅎㅎ
대기업은 국비지원이 해당안된느군여,,
재직 중이시면 지원 힘들죠ㅠ 취업지원목적이라서요~
감사드립니다 !
여기에 자세히 나와있어요
자비부담금, 지원대상 관련
감사드립니다 튜브니
님
주햔님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
오늘 fleet 퍼블릭 베타 공개됬던데
써보신 분 있나요오~?
혹시 기술 서적 중에서 추천해주실 만한 책 있을까요?
면접 시 기술서적에 본 것 중에 기억에 남는것이있냐는 질문에는
JavaScript 책도 해당될까요?
오 다른분이 쓰시구 후기남겨주셨는데
빠르고 좋다 해주셨어요
그렇지 않을까요? 기술서적이긴 하니까..
당연하죠
워니님이 나갔습니다.
감사합니다!!
호호 부는 튜브님이 나갔습니다.
배포 한번 하고난 이후 repo는 비공개로 다시 전환 못하나요?
L님이 나갔습니다.
@유용태 (teo.yu) 테오님 스프린트 디스코드 수락이 안되는데 어떻게 해야할까요?
음료수 마시는 어피치님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
배포와 레포의 공개비공개 문제는 연관없습니다
블럭을 무너트리는 라이언님이 나갔습니다.
아 ㅠㅠ 잘못 확인하고 있었네요 감사합니다!
삭제된 메시지입니다.
삭제된 메시지입니다.
삭제된 메시지입니다.
생각을 더 해봐야겠당 핳 ..
이모티콘
React.FC를 굳이 사용하지 않아도 되는 경우는 어떤 것들이 있나요
굳이 안써도 다른방식으로 타입을 줄수있는 방법이 여러가지가 있대요
안녕하세요 스프린트 12기에 지원을 했었는데 오늘 갑자기 사정이 생겨 불참했습니다ㅠㅠ내일부터 다시 참석하면 될까요??정말 죄송합니다ㅠㅠ
아직 진행 중인데 들어오셔용
앗 현재 게더타운에는 들어와있습니다! 디코로 들어가면 도리까요??
피그잼으로 오세요
디코는 문제 있어 따로 링크 드릴게요
넵!!빨리 가도록 하겠습니다!!
♾️님이 나갔습니다.
전에 React.FC 를 안쓰는편이 좋다.. 라는 이야기가 나와서 찾아봤는데
React.FC의 단점밖에 없네요 ㅋㅋ;
암묵적으로 children 을 내려받게끔 하구.. 제네릭 사용이 불가능하구..
오 Select.Item 같은 형태를 "Component as namespace pattern" 이라고 하는군요?
암튼 해당 형태로 사용하는것도 불편하구..
그나마 장점이라면 리턴타입을 강제한다는건데
다른 컴포넌트에서 JSX 스타일로 작성하면 어차피 에러메시지 보여주니까 생략해도 별 문제 없단 의견이네요
이모티콘
테오 혹시 스프린트 참여이후 닉네임 바꿔두 되나요?
recoil 처음 사용해보는데 여러 state를 사용할때 대체로 관련된것끼리 한 파일(혹은 atom)에서 관리하시나요..? 혹은 모든 state는 따로따로 atom으로 두나요?
먹보 네오님이 나갔습니다.
사진
흐아 어제 야근해서 스프린트를 참여ㅠ못했네요
오늘부터 제대로 참여하겠습니다 ㅠㅠ
여러분 프론트엔드가 뭐냐고 정의하면 무엇이라고 생각하시나요?
유저의 경험을 실현하는 개발자?
https://euncho.medium.com/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C%EB%8A%94-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80-30919634f80d 개발쪽은 한마디로 정의하기 어려운것들이 있는거 같아요
혹시
제가 궁금한게
브라우저에서 어플리케이션을 개발하는 엔지니어용
Front가 있고 end가 있는데
End는 왜 붙은걸까요?
앞단
뒷단
이렇게 보시면되용
ㅋㅋㅋㅋㅋㅋ 깔-끔
End가 끝을 의미하는
ㅋㅋㅋㅋㅋㅋㅋㅋ
단
프론트엔드는 유저(클라이언트)에게 보여지는 환경을 개발하는 엔지니어
End가 아닌가요?
端
한자가
샵검색 : #끝 단
백엔드는 유저가 요청한 데이터를 서버에서 가공하여 관리하는 엔지니어
이거에용
아~~~
그래서 앞단 뒷단이라고 생각하면되요 ㅋㅋ
문과 경혐을 여기서 살리는군요
단이
그런 의미군요!
End가 그렇구나 감사합니다!
그렇쳐
앞에 보이는 것 > 사용자 눈에 보이는 것 > 사용자 눈에 보인다? > 사용자의 시선의 흐름 > ux(시선의 흐름)
요정도로 생각하고 있습니다
감사합니다!
@맷돌 님과 많은 분계서 답을 주셨는데 단점밖에 없어서 ㅋㅋㅋ FC쓰지않고 class컴포넌트의 반환타입은 ReactNode function컴포넌트의 반환타입은 ReactElement로 명시해주고 사용하고있어요!!
저두 회사에서 FC는 안쓰고 개발하는 방향으로 하자고 얘기들엇어여 같은 이유로!
추가로 엘리먼트타입과 노드타입에대해서 자세하게 설명해준 스택오버플로우 공유드립니당 https://stackoverflow.com/questions/58123398/when-to-use-jsx-element-vs-reactnode-vs-reactelement
여러분 질문이 있습니다. React-query를 사용하실 때 변경이나 수정이 아닌 단순한 데이터 조회를 위한 post의 경우(그렇게 만들어진 Api)에도 useQuery를 사용하지 않고 useMutation을 사용하실까요?? 어떻게 하시는지 궁금합니다!
Get은 useQuery post는 mutation
써요
저는 데이터에 수정사항이 발생하는 경우에는 useMutation 사용하고, 단순히 데이터를 가져온다라고만 하면 useQuery 사용할 것 같습니다!
아 조회를 위한 post;
데이터 조회만을 위해서 post를 사용하는 경우는 RESTful 하지 않은 것 같은데 어떤 경우인가요??
클릭시 생기는 조회는 mutation 상시로 받아야 하는 데이터는 useQuery써요
넵넵 조회만을 위해 사용하는 post 입니다.
흠… 기존 백엔드 쪽 로직들이 많이 그렇구 구성이 되어 있습니다. 특정 데이터를 바탕으로 조회를 해야하는 경우에 대부분 post로 구성되어 있어요.
함수콜 하고 데이터가 변경되면 뮤테이트, 변경없다면 usequery
쿼리 스트링으로 구성이 되어 있다면 좋았을텐데, 당시의 특정 스펙으로 인해서 post를 선택했었지 않나 싶어요!
답변 감사합니다!!
아하 네 그럼 저도 말썽쟁이 네오님 처럼 유저의 인터렉션을 받아야 이루어지는 조회는 mutate 아니면 query를 쓸 것 같아요..!
가져오는 요청이지만 파라미터로 URL같이 긴 값을 보내야할 경우 BODY에 담아야 할 수도 있습니다. 이때 GET과 BODY를 쓸지 Post와 body를 쓸지는 애매하군요 https://leedo.me/m/34
부끄러워하는 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
리액트에서 나중에 테스트 코드를 쉽게 적용하기 위해 함수들은 전부 따로 빼서 다른 파일에 저장하는게 좋을까요?
질문이 있습니다!! 컴포넌트 props 타입지정할때 React.FC를 사용하지 않는다면 어떤 식으로 제네릭을 넘겨주게 되나요?? 원래는 const Component: React.FC<Props> 이런 방식으로 했는데 React.FC에 대해 안좋은 의견이 많아보여서 여쭙습니다!
const Component = ({}: Props) => { }
저는 요렇게 사용해요
리턴에 JSX 들어가면 알아서 추론해줘서 리턴타입을 기재안하는 편입니당,,
맷돌아니고 갓돌..
저도 맷돌님과 동일하게 사용합니다
사진
이거보단
사진
이게 낫다는거지여?
JSDoc을 쓰려니까 더 어려운거 같기도하고…?
오
저거테마
뭔가요??
material theme palenight 이라고 함미다
오호
감사합니당
react앱을 docker로 로컬에서 띄웠는데 You need to enable JavaScript to run this app. 이런 메세지가 뜨는건 왜그런지 아시는분 잇을까요??...ㅜㅜ
css로 궁금한게 있습니다! div{ & > p {…} > p {…} } 이렇게 있을 때 & > p와 > p의 차이는 뭘까요!?
이모티콘
오 넹넹
React.FC<JProps> 는 제대로 동작 안할 것 같은 느낌이 들어요
맷멘
React.FC 가 프롭스를 나타내는게 아니라 컴포넌트 타입 그 자체인거잖아요?
아 생각해보니까 저거는 잘못치기도 했네요
ㅋㅋㅋ
아항,, 머슥
제가 머슥이져..
이모티콘
머테리얼테마가
글씨체까지는안바뀌네용
이모티콘
ㅋㅋㅋㅋㅋㅋ
폰트는 JetBrains Mono 입니다
검색하셔서 다운바드세용
감사합니닼ㅋㅋ
폰트가탐났었어요...
JetBrains 폰트 예쁘져 ㅎㅎ 웹스톰 쓰고 싶다앙 그치만 너무 비싸 ㅋㅋㅋ
저는쓰다가
적응못하고다시 vscㄹ왔습니다..
동일합니다!
오호.. 저는 예전에 인텔리제이 써봐서 그냥 둘다 좋더라구여 근데 웹스톰은 뭔가 제공해주는 기능이 짱짱이라서 그런 부분이 좋고 뷔에스코드는 움 그냥 가볍고 테마 커스텀이 쉬워서? ㅋㅋ
요런고 확인할때, sassmeister.com 을 이용해요
바로바로 컴파일한 결과를 보여줘서 비교하기 좋더라구요
맷멘
사진
재맨,,,,,
🙏
도커로 띄운 후 브라우저로 접속했을때 해당 문구가 나온다는거죠?
혹시 브라우저에서 JS 가 disabled 된건 아닐지 확인 한번 해봐주실 수 있으실까요?
감사합니다!! 근데 동일하다면 & > p 이렇게 쓰면 더 좋은 이유가 있나요?
어.. 개인 취향일 것 같아요
저는 귀찮아서 > p 로 적는 편이에요
호오 뭔가 다른 이유가 있는줄 알았어요..ㅋㅋㅋㅋ
이모티콘
해당설정은 확인햇습니당ㅜㅜ
저 문구가 브라우저 화면에서 나오는게 아니라 콘솔에서 api 호출했을때 preview에서 나오고 잇습니다
아하 이해했어요
리액트 앱과 백엔드를 같이 배포하고 계신걸까요?
아니면 프록시 서버 세팅을 해주셨다거나
api 요청이 리액트로 배포된 서버에 가고 있는걸로 보여요
백엔드가 아닌!
You need to enable javascript.. 문구가 리액트 index.html 에 있는 내용인데
리액트 서버는 리소스 말고는 모든 요청을 index.html 로 돌려줄테니까
api 응답을 index.html 해준게 아닐까 싶어요
서버는 이미 aws에 배포되어있고 프론트는 로컬에서 작업할때 http-proxy-middleware로 proxy 구성해주고 있었습니다.
아항
도커에서는 어떻게 돌고 있는지 알 수 있을까요?
별도의 express 로 배포중이라거나?
nginx에 배포했습니다
아항...
프엔님들~~~ 다 퍼블리싱도 하시나요? 아니면 프엔업무만 따로 작업하시나요~~? 다들 업무환경이 궁금해서용
퍼블리셔 있는 회사에서 프엔업무만 하시는분도 계시려나요~~~
로컬에서 docker를 띄울때도 proxy 설정이 들어가야되는건가요?? 빌드될때는 proxy는 빠지고 빌드될거같은데
그 http-proxy-middleware 가 실 배포때는 적용이 안돼요
CRA 에서 데브서버 돌릴때 적용되는걸로 알고 있어요
도커로 띄울땐 요청을 nginx 가 핸들링해줄거라서
nginx 에서 프록시 설정을 별도로 해주셔야 할 것 같습니다
그럼 해당 이슈가 cors 땜에 생기는게 맞는걸까요??
앗! 아뇨 cors와는 조금 다른 이야기인 것 같아요
만약 그렇다고하면 로컬에서 도커를 띄울땐 해당 이슈가 발생하고 같은 aws에 배포하면 발생안하지 않을까 싶어서요
아하...ㅜㅜ
동일하게 문제가 발생할 것 같습니다 ㅠㅠ
배포에선 프록시 라이브러리 안되면 어쩔 수 없이 exress 같은 서버를 돌려야할까요?
리액트쓰면서
CRA 페이지에 있는 프록싱 관련 내용에 짤막하게 지나가는데
퍼블리셔가 잘없지않나요...
사진
서버에 구현된 핸들러로 요청을 처리한다구..
사진
사실 cors는 백엔드에서 처리하는게 맞긴 해서..
아! 그쵸 cors 때문에 프록시 처리를 해주셨다면
백엔드에서 cors 를 허용해주고, 프론트에서 요청 보내는 주소를 바꾸면 되는거니까..
음.. 로컬에서 도커를 띄워서도 확인해보고싶은데 뭔가 혼란스럽네여ㅎㅎ
이모티콘
EC2 express 돌리면 비싸서 ㅠ
람다? 요청 받을때만 함수 실행해서 데이터 반환하는건 어떤가요?
그쵸오..? 개발할때 프록시 기능을 사용했고, 프로덕션에서도 사용하려 하신다면
프록시 처리 가능하게 서버가 있어야 할 것 같아요
express 라면 http-proxy-middleware 를 그대로 쓸 수 있을테니까 좋은 선택이 될수도 있겠네요
흐음 ㅜ
넵
넵! 감사합니당
🙏
화잇팅이에요...!
이모티콘
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 아 케장콘 정말
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
웃음벨,,,
이모티콘
React.FC의 단점은 어느정도 이해했는데 여기서 혹시 특정 상황에서는 React.FC를 썼을때 더 좋은 경우도 있을까요? 있다면 어떤 경우인지가 궁금해요
훅을 쓸 수 있는게 최고 장점 아닌가요?
아! 네넵! 사실 바로 떠오르진 않네요
사진
궁금한게 있습니다! 두 개의 차이점을 알 수 있을까요~
여러분 함수 작성할 때 function 키워드 사용과 화살표 함수 사용 중 어떤 것을 선호하시나요..?
저는 화살표 함수를 선호합니다
리액트 컴포넌트라는게 조금 더 눈에 잘 들어올 것 같아요 React.FC<{}> 로 추론될테니까.. 근데 그마저도 타입 생략하는 경우에요 JSX.Element 로 추론이 되더라구요
id 에 value 가 언제 채워지느냐에 따라 다를 것 같아요
Primitive type(원시타입), Reference type(참조타입)으로 나뉘어지는데
저는 선언형으로 바꿨어요
getElementById().value 는 문자열.. 그러니까 원시타입이에요
가져오는 그 순간의 값을 복사해서 id1 에 넣은거구
id.value 는 클릭했을때 그 순간의 value 를 가져온거라
바뀐 value 를 보여준거구, id1 은 업데이트 되지 않으니 빈 값이 나온게 아닐까 싶어요
네! 감사합니다!!
개인적으로는 함수 선언문(function)을 선호 합니닷
함수(메서드) 내부라면 화살표 함수로 변수 할댕해서 적고있어요
저도 큣돌님과 같습니다
@큣돌
이모티콘
그렇다면 현재 진행중인 프로젝트에서 컴포넌트가 대부분 React.FC로 되어있는데 그냥 function으로 바꾸는게 좋을까요?
react에서 routing 이루어졌을때 이전 url에 query params는 원래 유지되어 있나요?
ex) /test?query=123 => /test2 => /test?query=123
위 스크립트에서 -p 의 의미가 --project와 동일한 의미인지 궁금합니다
사진
요건 예시를 든 라우팅 이동 순서입니다
먹보 네오님이 나갔습니다.
같은것으로 확인했습니다
앗! 아뇨! 사용을 지양해야 한다, 있어선 안된다는 뜻은 아니었어요
해당 타입을 명시하는 이유가 타입스크립트.. 추론이나 문제점을 컴파일타임에 잡기 위해서인데
해당 타입을 명시하지 않더라도 해당 이점들을 얻을 수 있어서
굳이 쓸 필요는 없다! 는 뜻이었어요
이미 있는 코드를 지울 필요는 없습니다. 명시적이니까요! :)
어떻게 이동하느냐에 따라 다를 것 같아요 뒤로가기라면 유지가 될테고, 그게 아닌 Link.. 같은 방식이라면 거기에 맞춰진(to=..) 값으로 이동할거에요
재귀!!!
어제에 이어 axois + 회원가입 하고 있는데.. 404 Not Found 에러가 나서요! 코드 한번 봐주실 수 있을까요…?
사진
404면 url주소 맞는지 확인을 해보세요! 에러 메세지에서 api요청 보내는 주소
캡처 이미지에 수정을 안했는데 http://localhost:3000/SignUp 페이지 주소 썼거든요! 그래도 에러가 나더라구요
저 주소가 잘못된걸까요?
네트워크 요청 탭에서 어디로 요청하고있는지 확인해보시겠어요??
+ localhost:3000 api서버가 열려있나요?
기뻐하는 라이언님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
3000/SignUp에 요청 되고 있어요
웹사이트에서는 폰트 색이 black인데 반응형으로 모바일에서 접근하니까 폰트 색이 blue로 뜹니다 왜그러는지 알 수 있을까요???
사진
왜 프론트에게 요청을보내고계신가염
앗?
아.. 저 못알아들었어요 ㅜ ㅋㅋ
음
axios 요청을 받아줄 api 서버가 따로 있어야 해요
post에대한 요청과 응답해줄 서버가 따로 없나여?
아니면 next 사용하셔서. api dynamic route 사용하시는겁니까
그냥 리액트로 axios를 사용해서 회원가입을 하는중이었고
이것이 아니라면 웹서버와 웹클라이언트가 무엇인지를 알아보셔요~
api 서버는 아예 생각을 못했네용 ㅜ
http 통신에대해 생각해보시면됩니당
네 찾아보겠습니다
감사합니다!!
안녕하세요 웹퍼블리셔 1년차입니다 프엔 공부중에 접속하게되었습니다~!
반갑습니당
흑백이님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 흑백이님 반갑습니다 :)
안녕하세요 반갑습니다 ^^
기뻐하는 라이언님도 어서오세요 :)
저는 개발직군에 있진 않았지만 가까운 기획쪽에 있다가 이제 제대로 프론트 공부를 시작해보려합니다!
gatsbyjs랑 gh-pages로 배포할때 질문이 있는데요. 제가 'gatsbyBlog'라는 레포지토리로 배포를 하면 'https://[usename].github.io/gatsbyBlog'라는 url에 배포가 되는데 gatbyjs는 build를 'https://[username].github.io'에 해버려서 배포가 정상적으로 안되는 상황입니다
이때 어떻게 해야할까요
1도 모르는데 혹시 다음 링크가 도움이 될까요? https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/how-gatsby-works-with-github-pages/
자꾸 튜토리얼페이지가 뜹니다 ㅠㅠ
Hilaris님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
gatsby-config.js 옵션 중에 path prefix 거 있어요 그걸로 검색해보세요~
matt님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요! 부트스트랩 관련 질문 드립니다. 제작중인 웹 페이지에 Carousel Slide를 넣고 싶은데, Bootstrap Docs를 보고 직접 넣는 건 어려워서 3.4.1 버전 기준으로 Carousel을 구현한 게시물의 코드를 긁어 넣었더니 Carousel 자체는 잘 동작하는데 기존에 flex 등으로 배치한 레이아웃 등이 망가져버립니다. 제가 Javascript를 거의 모르는데 예시 탬플릿 그대로 쓸 거 아니면 당장 Carousel 슬라이드 구현은 보류하는 게 좋을까요?
잘 동작한다고 하셨으니, 거기다가 css를 다시 설정하면 되지않나요?
아 그러면 망가지는 부분 css만 다시 설정해보겠습니다
프론트린이님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
직장일과 프론트엔드 공부를 병행하시는 분들 중 새벽에 공부하시는 분도 계신가요?
직장일이라면
3개월과정 부트캠프와 개인공부로는 프론트엔드 직무로 취업과 실무적용으로는 아직 어렵다고 생각해서 일단 직장생활을 안해봐서 뭐든 경험해보자 싶어서 스타트업안에서 다른 직무(3d vista작업)로 취업했는데 새벽 기상이 쉽지않네용^0^...
nuxt로 주업하고 next 공부해요
전혀다른분야말씀이시죠?
네! 3d모델링 데이터로 3dvista작업하는 일을 맡아서 하고있어요! 자스나 리액트도 아직 알아가는 중이라 더 깊이있는 공부가 필요해서 별도로 더 공부해서 다음 회사때 프엔직무로 이직하려고 결정내렸습니다,,,ㅎㅎ
개발직무를 하는 곳도 붙었는데 현실적으로 실무에 투입되기에는 교육과정 시간도 너무 적었고 부담이커서 1년도 못버티고 나올 가능성이 커서 그나마 회사에서 따로 새로 프로그램을 배우고 적용하면서 개발관련 공부를 하자는 목적으로 다른 비개발직무에 들어왔는데 막상 아쉽기는 하더라구요...ㅎ 혹시 저같이 다른 분야에서 프엔공부하시는 분 계실까싶어서 시간짬내서 공부하시나 궁금해서요!
gatbyjs에서 createFilePath를 사용할떄 pathPrefix를 적용할수있나요?
ㅠㅠ 저는같은분야라서 여유롭게공부하고있는데
건승하십쇼ㅠㅠ
그래도 붙은 이유가 있지 않을까여
회사가 충분히 뽀롱님은 해낼 수 있을 거라고 생각해서 뽑은 걸텐데
용기내서 가보셨어도 괜찮지 않았을까여..
콘솔 창 찍었을 때 두 개의 값이 다릅니다ㅜㅜ 그 이유를 알 수 있을까요??
저도 제가 잘할거란 확신은 없었지만 일을 하면서 배워보자는 마인드로 전 그냥 갈거거든요
사진
그러네요
사진
붙으신적있으시니
계속지원하면서 공부하시면될것같아요
맞아요 제가 용기가 안나서 못갔어요ㅠㅠ 무엇보다 회사 기술이사님이 보안인증관련 회사다보니 엄청 보수적이고 실수하면 안되고
이런걸 강조하셔서 비개발직무가 아닌 개발직무갔다고 내가 과연 더 오래다닐 자신이 있을까 싶더라구요,,
뭐 선택은 뽀롱님이 하시는 거니
뽀롱님도 자신만의 생각을 갖고 선택하신거니
너무 후회는 하지 마셔용
더 좋은 기회가 올 거예여
감사합니다! 직장경험 자체가 없어서 조금 마이너스 요인이 있다고 생각했는데 여기서 직장생활해본다 생각하고 개발직무에 지원해보려구요!
저도 직장경험 전혀 없었는데
그냥 개발직무 왔습니다
혼나면서 배우고 있어여
ㅋㅋㅋㅋㅋㅋ
감사합니다!! 이 선택이 최선이라고 선택했는데 뭐든 아쉽나봐용
ㅋㅋㅋㅋㅋㅋㅋ제가 혼나는 게 두려웠나봐요
이모티콘 더 좋은 곳 가시길 응원합니당
저도취준할때들었던건데
원래 시작은 두들겨맞으면서 배운거졍ㅋㅋ
완벽한준비는 어차피없다고
감사합니다!!!'
삭제된 메시지입니다.
어느정도했다싶으면 지원하라합니다..
id는 유일한 값이어서 하나의 요소만 나오고 클래스는 중복가능해서 해당하는 요소들 전부 나와여
맞아요ㅠㅠ 성향상 실무투입할 수 있는 어느정도 갖춰진 상태에서 가고싶은 마음이커서 그랬나봐요ㅎㅎㅎㅎ
완벽하게는 아니더라도 초기보다 더 열심히 준비해서 더 좋은 곳에 가겠습니다 감사합니다,,,🫶🏻
분명 더 좋은 곳 가실겁니다
화이팅
그럼 클래스 이름을 삭제하고 다시 찍으면 null값이 아니라 해당하는 값이 나오는 건가요???
이모티콘 혼나면서 배우는 것도 용기 있고 더 공부하고 도전하는 것도 용기 있다고 생각합니다! 화이팅입니다!
사진
null값이 나오네요..ㅜㅜㅜㅜ
잘보시면 메서드임이 getElementsByClassName 입니다 메서드이름이 명시적으로도 복수개를 받기때문에 HTMLCollection이 나오는게맞아영
메서드임 -> 메서드이름
스크립트 파일 import를 body 안에 해보세요
server api 는 aws를 보통 사용하나요? 다른거 Mock 서버 사용해도 되는걸까요?
아! 그럼 id는 어떻게 되는지 알 수 있을까요??
감사합니다!!!😭
네, 감사합니다~
aws사용하면 결국 클라우드사용하는거라 과금되실텐데(프리티어가 아닐때) json상하차하셔도 되고요 msw같은 모킹서비스워커로 대체해볼수도있고요
악 철진님!오늘도 좋은 말씀 감사드립니다 😭
ㅎㅎ mdn찾아보시면 다 나오지않을까요
mdn보시면 반환타입에 대해서 다 기술되어있습니다 확인하세요
더 찾아볼께요! 감사합니당..
네! 감사합니다!
안녕하세요 선생님들! 리액트 쿼리 질문이 있습니다! 1번 컴포넌트에서 get요청으로 가져온 값을 2번 컴포넌트에서 getQueryData로 가져오는걸 공부중인데요 새로고침시 다시 get요청 작업도 이루어지고 쿼리키도 있는걸 확인했는데 undefined로 나오는 이유가 뭘까요ㅠㅠ
기타치는 튜브님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
졸려 죽겠네... ㅋㅋ
스크립트 잘 하고싶어요..
뭘 공부해야 후딱 늘까요?!
일해보면 늘어요
이모티콘 일은 하구 있는데.. 더 빨리 늘고시포요
저두 그렇네여...
잘하고싶다...
나만 바보야
무슨 소리세요
제가 제일 바봅니다
히 히 ..
헤히..헤헤 저 한 그ㄹ 잘 모ㄹ 라여
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
console로보신건가요?
새로고침시 받아온 데이터가 반영이 안되길래 console.log로 찍었더니 undefined가 나오네요 (새로고침 안할때는 잘받아와집니다!) 궁금한 점이 새로고침시 api 요청도 새로해서 다시 받아오고 devTool에 쿼리키도 보이는데 왜 undefined로 나오는지 이해가 안되네요ㅠㅠ
console찍히는시점이
더빨라서그럴수도있는데...
네트워크로가서
보셔요
오호..
혹시 프로그래머스 문제 푸려고 하는데 문제 리스트 페이지가 이상하네요… 혹시 저만 그런가요?
데이터를 받아서 저장하려고하는데 undefined로 저장되어서 그랬습니다ㅠ
데이터 받아오는 시간이 있어서 데이터 받기전에 콘솔이 먼저 동작하는거같습니다
안녕하세요. 제가 오늘 면접을 다녀왔는데 프론트 쪽을 자바스크립트를 하되, 씨샵으로 개발을 많이 할거라고 하는데 씨샵에 대해서 어떻게 생각하시나요..?!
기타치는 튜브님이 나갔습니다.
씨샵은 하실수있나요?
풀스택인가요…?
한번 더 끌올해보겠습니다 .>!
임베디드쪽인가요?
씨샵은 처음인데 알려준다고하는데 솔루션회사이고 조직관리하는 솔루션입니다!!
메신저 쪽지 조직관리 이런 기능하는 솔루션입니다!
Ui, UX의 끝판왕
script가 head에 있어서 DOM이 만들어지기 전에 id, class를 탐색해서 null, []이 출력된거예요
C# 진영에서도 Blazor로 개발하는 프론트진영이 있긴할걸여
근데 아마 커리어적으로 결이 달라질수는 있겠죠
그쵸ㅜㅜ 커리어적으로 달라질 건데 고민이네요,,
프론트엔드 지망할꺼면 ... 전 안할거같아요
그렇군요,,
업무때는 안써봤는데 redux할때처럼 카테고리별로나눌거같아요
리액트도 안쓰고
사실 그런곳은 인력충원자체가 어렵기도하고.. ㅋㅋㅋ
사실 씨샵 고급개발자로 성장하시면 좋아요
아 정말요?
게임 개발조 가능하다고 그러시던데,,
그럼여 C#자체가 좋은 언어에요
근본언어인걸요
그렇군요!!
유니티였나 그쪽이 게임개발을 이걸로 하던거같기도하구요
C#이 나쁜 언어는 아닌데 프론트랑은 성격이 조금 안맞는것같아요
저두 C#으로 개발하는 회사에 지원할까 고민했지만 커리어적으로 결을 달리할수있기에 지원하지않았습니다
유니티가 C#으로 하긴해요
근데 우선 면접만보신거니까 ㅋㅋㅋㅋ 결과듣고생각하세용
그렇군요!!
게임개발 쪽이라면 해도되지만... 프론트 더군다나 웹쪽이면 비추천해요
이게 사실 불가능에 가까워서 ;
요즘 1년차는 이정도는 할줄 알아야 한다
생각해보신분 계신가요
1년이 넘지는 않았지만.. 사고만 안치면 된다고 생각합니다..
신입이 이정도는 할줄안다랑 1년차랑 다루지 않다고 봅니다 전
다르지
솔직히 회사마다 1년차분들의 차이기 엄청 클거같아요..
그래서 원하는 기준치도 많이 다를듯 싶어요
저두 궁금하다
회사마다 물론 다르겠지만 여러분은 어떻게 생각하시나여
사고...?
사진
안녕하세요! 아까전에 리액트 쿼리 질문한 사람입니당 디버거를 활용해서 까봤는데 쿼리키는 있는데 state안에 값이 undefined로 찍히는게 다른분들이 말씀해주신 데이터를 받아오는 과정?이라서 비어있는거로 이해를 하면 될까요???ㅜㅜ
아 스테이터스가 loading이네요 조금만 더 잘 살펴볼걸ㅜㅜ
잘 돌아가는 코드 날린다거나, 깃 브랜치 이상하게 만들어서 다 꼬아놓거나.. ㅋㅋㅋ;; 이런거 없이 시키는거만 잘 하면 되지 않을까요.. 기대를 안하시는것 같은데
일년차인데도 기대를 안할까요...?
얼마나 다녀야 기대하나요? 기대받기전에 이직준비하겠네
ㅋㅋㅋㅋㅋ
zzzz 그러게요.. 제가 다녀보고 알려드릴게요 ㅋㅋㅋ
앗
이모티콘
코드날리기 ✅ 깃 브랜치 꼬아버리기 ✅
제가 생각한 1년차 느낌은
업무를 해낸다 였어요
일단 뭘 만들순있다
FE주니어님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
너 이 기능 뽑아와 했을때 질문을 하던 삽질을 하던 뭘 해서라도 만들어 오는?
물론 상황ㅇ에 따라 일정 조율도 필요하겠지만
이모티콘 다들 힘내세요
간단한 기능에대해서는 시간을 예측하고, 해결한다?
오 맞아요
혹시 현업에 있는 분들중에 백엔드에서 주는 데이터가 말도 안되게 큰 경우가 있나요..? 컨트롤러 하나로 몇 개의 요청을 처리해서 그런지 데이터가 엄청 방대하고 심한 경우 데이터를 5~6 뎁스까지 들어가서 뿌려야 하는 상황이에요..
잘 쪼개서 달라고 요청해보세용...
현재 작업중인 페이지는 응답 데이터의 90프로 정도가 필요 없는 상황인데..
https://www.wanted.co.kr/events/2022_figma_korea_meetup 이런걸 하네요. 관심이 있으신 분들은 한번 보세요 :)
지금 구조가 비정상적인게 맞죠..?
데이터 재가공이 필수면 클라개발도 더뎌질텐데 잘 조율하셔야할듯
정확히 파악은 못했는데 서버에서는 디비 조회 한 값 하나의 응답으로 붙이는 정도로만 작업을 한 것 같아요..
백엔드개발자를 갈구십숑
디비 셀렉트한값 통째로 넘겨주는건 너무한뎅
음.. 넵 감사합니다ㅜ 이미 작업의 대부분이 이렇게 작업이 되어있어서 이제와서 고치긴 힘들구 앞으로는 확실히 요청을 해봐야 겠네요..ㅜㅜ
리스트에서 6단계의 객체를 들어가서 추출해서 뿌리는 ...;;
native에 웹뷰를 얹어서 하이브리드앱을 만들고있는데 웹에서 swiperjs를 사용중이고 autoplay를 켜놨는데 여기저기 네이티브화면이나 왔다갔다하고 갔을때 autoplay가 멈춰있습니다.(다시 돌리면 또 움직이구요) 비슷한현상 겪어보신분 계신가요..? 브라우저가 대충 백그라운드에 안쓴다싶으면 멈추는건지..ㅠ
헉 감사합니다
추천드려유
오 이거 너무좋네요..
신기하네요 ㅋㅋㅋ
님들아 라이브러리를 공부한다는게 뭔말이에요?? 라이브러리 가져와서 소스코드 뜯어보는 건가...
두가지 의미할수잇다고 봅니다. 라이브러리 사용법을 공부하는 것과 내부를 뜯어보는것.
사용법을 익힌다는거 아닐까요?
도서관 가서 공부한다 생각하면 될듯여..?
삭제된 메시지입니다.
도서관 구조랑 책 뭐뭐 있고 이런거 ㅋㅋㅋ 그리고 가지고 있는거나 만들거에 대한 비교해서 내부 뜯어보기?? ㅋㅋㅋ
리액트도 라이브러리에용
리액트공부한다 라이브러리공부한다 비슷한맥락으로 생각하면 편할걸여
저는 툴이라는 표현이 더 직관적이고 와닿는거같네여
음…. 툴은 프로그래밍 작업을 도와주는 도구고 라이브러리는 프로그래밍 집합체니깐 좀 의미가 다르지 않을까요?
22
저흰 3년차 정도는 되야 기대한다고 햇어여
이모티콘
이모티콘
슈슉님 실력은 30년차?!
아 맞다 갓 네임드 갓돌님이 계시지 @맷돌
아뇨..? 롤로 치면 아이언4정도 될듯요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
5는 아니겟거니…
이건 트루
(?)
=== false // true
롤은 4티어가 마지막….
이모티콘 ㅋㅋ아
컹 너무 졸리다 ㅜ
Styled-components로 작성한 컴포넌트를 HTML Element로 바꿔야하는데, 이게 가능한건지… 혹시 해보신적 있으신분 계실까여… 일단 구글링중인데 아직 못찾았습니다
목적이 무엇이신가요?
iframe 사이즈 자동조절을 해야해서 component 내부의 너비값 높이값을 postMessage의 message로 전달하려고 해여
혹시 next.js 에서 _document 파일 만들고 이런 에러 겪어보신분 계실까요?
사진
저는 잘 모르겠네요 죄송합니다 ㅠㅠ
이모티콘
혹시 velog에 mermaid 쓸 수 있나요 ??
이게 정확히 어떤건지 안와닿아요
결국 html로 렌더링 될텐데
이벤트 리스너 달아서 상태 업데이트 해주고, 그 상태로 속성 보여주면 되지 않을까 싶은데
쪼끔 모호하네요
이모티콘
이모티콘 @맷돌 @슈슈슉슈슈슉 다 플래티넘들 이시면서
저는 하꼬.. ㅋㅋ
언랭이라고 하져
왜냐면 이거 스토리북에서 넘겨주는거라… 회사코드라 자세히는 말못하지만 수많은 컴포넌트들의 너비높이값을 일일히 구할수가 없어서 걍 컴포넌트 째로 넘기려고 했어요 (공수가 너무 들어가서)
진짜 잘못알고 계십니다 맷돌님은 찐인데 전 아니에요
사진
axios get 요청보내다가 갑자기 status 200잘 뜨는데 데이터가 저런식으로 오면 어떤 상황인지 혹시 아실까요?
원래 언랭에 힘숨찐이 많음
ㅋㅋ 저 롤 잘모름 ㅋㅋㅋㅋㅋ
content type뭐라되있나요
그럼 DOM ref를 넘겨주는데에는 무리가있나요?? 🤔
header에 작성할텐데
하위 컴포넌트가 너무 많아서 일일히 ref 달기가…… 공수가…. 그래서 생각해낸 방법이 걍 컴포넌트 째로 던져서 iframe 불러주는 곳에서 너비높이값 받아사 보여주려고 햇거든여
일일히 해야하는 방법이.. 유일해보이시나여…..
엇 이거 혹시 구글스크립트같은건가요..?
음 어떤 상황인지 정확히 파악은 안되지만 저도 한번 고민해볼게요!
사진
이렇게오는데
어 왜 이렇게오지
백틱 ` ` 에 띄어쓰기 어떻게 너야할까요 ㅠㅠ
ex) `${name} 띄어쓰기 ddd`
그렇게 작성하셨으니 그렇게오는게맞지않나영
띄어쓰시면 그대로 띄어쓰기가 들어가지 않나요???
문자열은 공백도 1length처리대영
아니면 공백문자 넣으셔도되고요
 
말씀이신가여 ?
네
공백을 많이 넣는 이유가 스타일때문이라면 css로 하는게 나아요
엔티티 안넣어두 템플릿리터럴 내부에선 걍 띄어서 쓰믄 되여 엔터듀 되여
사진
혹시 이 타입 에러 겪어보신분 계실까요?..
빈태그안에 채워넣어보세요
div하나만 넣어도 해결되요
안되네요 ..;ㅠ
뭐가 문젠지 아무리 봐도 모르겠습니다 ㅋㅋㅋㅋ
아아 FC반환타입이 jsx element가 안되는군요
근데 FC안쓰시고
const myComponent = ({}:Props): React.ReactNode => {} 해주셔도되요
안될 수가 없는 코드인데… lint 적용이나 바벨이 인식하지 못할 가능성이 있어요 코드와는 상관 없습니다
아니면 파일확장자명이 tsx가 아닌 ts이실수도..?
lint설정 문제 같은데… 대괄호랑 리턴 지워봐도 안되시나요?
혹시 yarn berry 사용하신 프로젝트일까요?
배너 자동슬라이드 JS 소스코드 있으신 분 계시나요? 혹시 공유좀 부탁드려요 될까요?
네네.. 이것저것 다해도 확인이 안되네요
yarn berry 맞습니다.. 이게 젤 의심되네요
npm때는 이상없었던 것 같네요
webstorm인가요?
tsc로 컴파일했을때 에러 발생하지 않는다 그러면 IDE에 yarn berry 플러그인이 설치안되어있는 문제일수 있습니다!
Yarn berry 프로젝트의 경우 VS code가 해당 프로젝트를 인지하지 못해서 같은 오류를 경험했던 적 있어요. 익스텐션을 설치해주시면 해결돼요!
VS code 익스텐션이었는지 터미널에서 설치했는지는 기억이 가물가물하네요 🥹
vscode 는 sdk로 제공되고 있어서 터미널로 설치하셔야 하고
webstorm은 공식적으로 지원하는 sdk가 없어서 corepack부터 활성화하고 버전 셋 해줘야합니다
오오, 감사합니다! 자세한 정보 없이 질문드려서 죄송해요 ㅠㅠ
해결했습니다~
vsc에서 TS 설치해야할 거 많나요??
사진
혹시 제가 route를 잘못 설정하고 있는걸까요
/ 이후에 sidenav를 렌더하고 replace가 안되네요
react router dom 버전은 6.3.0 입니다!
안녕하세요. 현업에서 혹시 module.css를 많이 사용하나요? 아니면 sassa를 더 많이 사용하나요?
후자용
마자용
모호한 만큼 답도 모호해질 수 밖에 없습니다 디테일한 예시... 정확히 어떤걸 원하시는지를 말씀해주셔야해요
자세히 설명하게 되면 회사 프로젝트 구조도 얘기해야해서요… 그냥 좀더 고민해볼게요..
이모티콘
답변감사합니다
그냥 A도메인(스토리북)과 B도메인(앱)이 있고 B에서 A컴포넌트를 iframe 으로 그려주려 하는데 iframe에 맞게 높이 너비를 조정하려 하는데 두 window간 컴포넌트의 정보를 맞출 수 있는 방법이 있을지
뭐... 구조를 설명해야 하는 상황이라면 도메인과도 강결합 되어있는
비즈니스 로직을 말씀해주셔야 한단걸테니까
맞죠 ㅠㅜ 답변을 잘 들으려면 질문을 정확히...
어쩔 수 없죠
Webpack에서 기본적으로는 CSS 파일도 JS 형태의 모듈로 만들어버리는거죠??
네네 당연히 구체적인 질문이 좋다는건 알지만 자세히 질문할수가 없습니다. 다시 여쭤봐주셔서 감사해여
@슈슈슉슈슈슉 저도 스토리북 관심키워드라서 궁금했어요 저는 질문-답변 보고 주워먹기만 해서 송구합니다ㅜㅜ 회사코드면 어쩔 수 없으시겠네요
ㅋㅋ 사실 여기 질문하기 전에 회사 내부에서 해결하는게 베스튼데 제가 팀에서 처음 개발중인 기능이라 바로 해결이 안되네여.. 다같이 고민만 하는상태
docgen에서 jsx 코드 제공하고 저는 그게 별로여서 jsx-to-string 로 따로 만들었어요
그치만 style-components면 한계가 있을거에요
안녕하세요. 소셜 로그인을 공부 중인데 구글링 중 헷갈려서 질문드립니다. 구글 로그인으로 예를 들면 1. FE에서 구글에서 요청해서 인가 코드 발급 2. FE에서는 발급받은 인가 코드를 BE에게 전달 3. BE에서는 전달받은 인가 코드를 구글에게 요청해서 access token 발급 4. BE는 발급받은 access token으로 구글에게 user 정보 요청해서 받기 5. BE는 jwt을 발급해서 FE에게 전달 위와 같은 flow로 이해하였는데 어떤 글에서는 FE가 인가코드로 구글에게 바로 access token을 발급받아서 Be에게 전달하고 BE가 해당 access token으로 유저 정보 받고 fe에게 jwt 발급해서 전달하는 글을 보았는데 어떤 flow가 옳은 것인지 궁금합니다.
감자님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
뿅뿅님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
전 프론트 -> 백 <=> 구글로 했었는데
뿅뿅님이 나갔습니다.
뿅뿅님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
여러분 API를 어떻게 사용하셨나요 할 때
fetch로 사용한다라고하는게 맞나요?
아니면 acync await가 맞나요..?
Data fetch
엥
..? 이거아닌가 머 얘기시징..
그 두개가 연관이 없는데여
그냥 api콜을 한다라고 생각해요
상황에맞게…
호출한다고 하고나
Post 쏜다고 해요
저는
그냥 메소드 이름 말하면 알아들으시더라구요
비교군이 잘못됐네요
백엔드에서 정의한 http 통신이라고 하면 보통 어떤 엔드포인트에 body에 어떤 데이터를 넣어서 보냈다~ 라는게 어떻게 사용했는지? 같아요
휘파람 프로도님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
질문이 모호하지않나 생각이 드네요.
기타치는 튜브님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
보통 처음 html css js(자바스크립트)
배우시는분한테
에디터 어떤걸 추천드리나요
전 비쥬얼스튜디오랑 브라켓 사용햇엇는데 더 좋은게 있을까해서요
무료라 vscode요!
VSCode가 아니고 VS를 쓰셨던건가용
vscode 입니다 ㅎ
아하 ㅎㅎ
visual studio code 욤
vsc가 직장가셔도 자주쓰이니까 vsc추천하세용
그죵?
혹은 웹스톰인디 그건 유료니까
ㅎㅎ
자바 개발자
백엔드가 되고싶다는 야망잇는 친구라
허허,,
자바?
그럼 인텔리제이쓰시는게 맘편할텐데 ㅋㅋ
프론트 현업에선 대부분 VSCode아니면 웹스톰이니까...
이클립스는 매우 비추하구요
그렇다면 웹스톰도 고려를
이클립스 비추드리는 이유좀 여쭤볼 수 있을까요?
웹스톰하다가 인텔리제이 가면 딱히 더 적응할 필요가 없을거라 그렇게 쓰면 좋을듯용
이클립스 너무 불편.. 하던데
저번프로젝트에서 이클립스에 엑스빌더얹어서
백엔드 게발하는 프로젝트 있었는덷
처음에 적응이 어렵드라구요,,
윗분말씀처럼,,
아 프론트하다보니까 이클립스쓴게 학부시절이라
무려 4년전이라 왜불편했는지는 기억이 가물가물하네요
자바 쪽은 거의 인텔리제이를 필수로(?) 쓰는거 같습니다
IDE로써의 역할을 잘못한다?
파이썬 하면 파이참쓰는거 같고..
사실 인텔리제이로 프론트 하시는 분들도 계시긴 해요
인텔리제이가 만능 느낌이라
이모티콘 젯브레인스 툴들이 무겁긴해도 기능은.. 굳
vscode 또는 webstorm
인텔리 제이 1년에
85만이네여
헬리님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
엥?
와 비싸졌다
환율이 오르긴했군요
안녕하세요...이번에 서울로 가게 되어서 월세를 구하고 있는 중인데 팁을 얻고자 질문 올립니다 ㅠㅠㅠ 혹시 5호선 라인 중에 추천하시고 싶은 동네..있을까요 ㅠㅠ 월세 생각하고 있습니다!
뻐킹푸틴
푸틴 분명 나스닥 숏쳤어
비행기 유류비도
겁나올랏던데
하ㅜ,,
역시 웹스톰이
싼거였군요
편안하다 웹스톰
5호선이시면
신길..??
5호선은 다비싼것같아요
아하 ㅠㅠㅠㅠ
공부처음하는친군데
자바 배우기전까지
html css js는
vsc추천드려야겟어요
감사합니다!
발산역도 한번 알아보세요~
근데 백엔드하시는데
굳이 그걸 다알야할까여
우선 과정듣기전에
신입이면신입일수록..
이해는 하고 할 줄 알고
가양 추천~
교육들으라는 목적으로
우선은 추천햇거든요,,
styled component 쓰시는 분들 스타일이 궁금합니다! 저는 보통 한 페이지에 함수랑 styled component 같이 작성했었는데요! 페이지별로 작성하다보니 재사용은 잘 하진 못했지만, className을 따로 지정안해줘서 스타일 매기기 편하다고 생각하고 썼습니다. 오늘 다른 분 코드를 잠깐봤는데 props로 style을 내려줘서 어트리뷰트에 style={{ … }} 이렇게 작성하시더라구요! 재사용을 극대화하기위해? 그렇게 작성하신거 같습니다. 다른 분들은 어떻게 작성하시나요,,,? 정석같은게 있나요? 아니면 회바회 부바부인가요?
style={{ … }} 이건 인라인태그라서
감사합니다!!!
우선순위가 매우 높아지는대신에 브라우저 요소에 그대로 노출됩니다.
아니
인라인-스타일
ide 얘기하고 있는데
사진
감자님 뿅뿅님 휘파람 프로도님 기타치는 튜브님 헬리님 모두 모두 반갑습니다 :) 잘 부탁드립니다
젯브레인 메일 실홥니까 제카톡 사찰하나
아 그럼 지양해야하는 방법인가요???
젯브레인 좋아요 맥있으면 좋아요 ㅎ
음 그렇다면 괜찮져
ㅋㅋㅋㅋㅋ
저라면 클래스를 다르게 줄것같네용
오
엿들었네 ,,
ㅋㅋㅋㅋ
(이모티콘)
음,,, 그렇군요,, 알겠습니다! 감사합니다 :)
근데 맥 카톡엔 대화 캡쳐기능이 안보이네요
ㅠㅠ
얼굴마사지하는 제이지님이 나갔습니다.
어피치님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요 어피치님 반갑습니다 :)
궁금해서 찾아보고 있는데.. 말씀하신 "기본적으로"가 css-loader 와 style-loader 만 이용하는거라면.. 네! 일단 메인 번들에 스크립트로 같이 포함이 되네요
안녕하세요🙂
css-loader 가 css 파일을 문자열로 읽어들이구
style-loader 가 DOM 에 스타일을 입히는 역할을 해주는 것 같아요
CRA 의 경우엔 프로덕션 모드일때 조금 다른데, 이땐 mini-css-extract-plugin 을 사용해서 별도의 css 파일로 분리하네용
이모티콘
이모티콘 어서오세요~!
자세한 설명 감사합니다ㅠㅠ
null님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
지인이 면접 기회를 줬는데 프론트엔드 쪽에서 SI 업체라고하면 뭐하는 업체인지 알고 계신 분 있으신가요 ?
안가는거 추천합니다
특히 지인찬스면 더더욱
이유를 여쭤봐도 될까요 ?
그리고 SI 업체가 뭐하는 회사인지도 여쭤봐도 될까요 ?
개발사인데
일은 안가르치고
하청업체에요 그냥
https://bangu4.tistory.com/m/148
파견근무만 시킵니다
si가 특성상 작은 규모에 대우가 좋지 않고 품질 낮은 코드를 양산하는 경향이 있는데
거기에 지인찬스로 면접기회를 주는거라면 정식적인 루트로는 사람을 못구하는 회사일 가능성이 높고요
쉬운길은 없습니다 쉬워보이면 함정이 있는거에요
너무 잘 설명해주셧네용
대한민국 it기업 80퍼이상이 SI이고 안좋은 환경에서 근무하게될확률이 있기때문에 다수의 분들이 비추천하는걸거에요
하지만 그중에서도 좋은 SI 업체들도 간혹있습니다 ㅋㅋㅋ
80퍼이상이 SI이고 > 80퍼이상이 Si/SM업체이고
도움이 많이 됐습니다 ! 감사합니다 !!
머리를 한 대 빡 맞는 기분이에요,,,ㅎㅎ
이모티콘
ㅋㅋㅋㅋ
쉬운 길은 없네요!! 정식적인 루트통해서 인정받아 채용되게 열심히 해야겠어요
근데 저는 오히려 별로인것같은 회사 면접 한번 보시는거 추천해여 ㅋㅋ 한번 보고나면... 아 공부안하면 이런데 가는거구나 하고 엄청 열심히 하게 되더라고여
이모티콘
취준할떄 그랬었어여 ㅋㅋㅋ
제가 아에 다른 직무로 채용되니까 공부 열심히해서 프엔직무회사를 가야겠다 열심히 맘먹게 되더라구여...
맘먹었으니 이제 해야죠
다들 혹시 퇴근하고 코디하실때 어디서 주로하시나요
코딩이요!
집에서 했습이다
집에서잘안되는데 퇴근하고 운동하면 카페는 문닫고 혹시 괜찮은 장소있나요
카페 10시까지 하는곳잇어서
죽치고있어요..
스카가세요
집에서 해여...
(저는)
음 집을 한번 카페느낌으로다가 만들어볼까 생각도 드네요
저 혹시 모달이2개가 띄워져있을때 esc키로 모달을 닫을때 하나의 모달씩 닫히게 할 수 있는 방법이 있을까요..?
window에 esc키로 이벤트핸들러를 달아두면 두개가 다 닫힐거같아서
모달을 어떤 스택에 넣고 esc 누를때마다 pop 한다..?
이벤트에 pop하는걸 걸면..?
안되려나ㅠ
오.. 이벤트를 배열에서 넣고 pop하면서 실행시키면 될수도있겠네요;;
흠.. 근데 배열을 전역변수로 관리해줘야할거같은데
삭제된 메시지입니다.
저 페북이나 유투브의 알림 기능은 소켓으로 만드나요?
웹이라면 알림api있을텐데여
전에 구현할떄 websocket + notification API 조합으로 한번 해봤어요
지금 깃헙트렌드 2위가 토스네요 https://github.com/toss/slash
갑자기 왜그런거죠??
https://slash.page/ 라이브러리 오픈했어요 토스에서
오..
어떻게 활용하나요?
문서보면 나와용
아직 고칠게 많던데여
다듬어지는중에 나온거라
안녕하세요 늦은 시간에 죄송합니다. 혹시 Expo가 아닌 React Native CLI로 프로젝트 생성하여 android와 ios 네이티브까지 관리를 하는 경우, AndroidManifest.xml이나 info.plist 같은 네이티브 관련 파일에 환경변수를 주입하는 방법이 있을까요? 관련하여 경험 있으신 분들 답변 주시면 감사하겠습니다 !
react-native-config 라는 라이브러리를 사용해서 환경변수를 주입해본 적이 있어요
치맥하는 제이지님이 나갔습니다.
루루루님이 나갔습니다.
Vue 뉴비 질문있어서 올려봅니다 Import A from a.vue 만 해도 A컴포넌트를 사용할 수 있는데 components: { A } 처럼 등록하는 이유는 명시적으로 알려주기 위함인가요?
2에서는 명시적으로 해야하고 3 setup script에서는 안하셔도 될겁니다
열심히청소님이 나갔습니다.
template 라이브러리 (스트링 변환 인터프리터) 무스차파? handlebar ? ejs 이런거 쓴다는데 혹시 어떤것들 써보셧나요?
되게 php 스러운형태네요
젠님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
Jsdoc에서 설명주석 달때 줄바꿈 하려고 하는데
스페이스바 두번 누르고 사용하고 있는데 다른방법있나용?
아 태그 넣는방법이 있네용
공유좀.. 해주세여
ㅋㅋㅋ
아직 적용 안했는데
Jsdoc comments new line
이라구 구글에 검색하시면 바로나오네여
저 피시카톡이 아니라.. 바로 공유가안대요ㅠ
JS에서 @ 이거 뭐예요??
데코레이터
안녕하세요 젠님 반갑습니다.
null님도 제가 인사를 못드렸네요!! 환영합니다. 반갑습니다
오오~ 국내 회사에서 이런걸 하는 회사가 나오네요. 예전에 네이버나 다음이나 배민등에 만든 라이브러리는 살짝 시대에 뒤떨어진 느낌의 API여서 반응이 안 좋았었는데 기대되네요.
개린삼님이 나갔습니다.
진짜대단합니다ㅠㅠ
엇 안녕하세용
감사합니당
강아지 너무 귀엽네요!! :) 어서오세요 이곳은 프론트엔드에 대해 궁금한 것들을 물어보고 아는 것은 알려주고 관심사를 공유하며 함께 성장하고 하는 곳입니다~ 궁금한게 있다면 언제든지 편하게 물어보세요!! 잘 부탁드립니다
잘 부탁드립니다~!
다른데선 잘 쓰고 있던 검색 버튼 컴포넌트를 들여와서 썼는데 늘어날 때 이렇게 오른쪽을 밀면서 늘어나네요... 혹시 왜 이런지 아신 분 계실까요?
사진
그러게여 ㅋㅋ 어제 잠깐봤는데 쓰일만한 메서드들이 많았던거같아요
선배님들
맥에서 손 쫙 펴면 창들 촥 펴지ㅡㄴ
기능 이름이 뭐죠? ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋ윈도우에서 쓰고싶은데 기능 이름을 모르겠네여
정렬을 오른쪽 기준으로 해놓으니까
늘어나면 오른쪽에서 늘어나는거죠
미션 컨트롤이여?
윈도우 최신버전은 비슷한 기능 지원하지 않나용?
아하 미션컨트롤! 감사합니다.
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
맥만 쓰다가 새로 회사 옮겼는데 윈도우 컴 줘서..
블루투스 쓰려면 동글이 필요한것도 몰랐네요
아, 윈도우는 alt tab 이 걍 비슷하네여..
윈도우 탭이랑 조금 더 비슷할수도..?
오 ! 좋네요 ㅋㅋㅋ 감사합니다.
정렬이라면 flex하고 end 해놓은 그걸 말씀하시는건가요..?!
Flex덕에
이제 absolute px질이나 Relative magin짓 안해도되서
넘나좋아요
ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
혹시 개발자모드에서 주석처리를 안보이게 할수있는 방법이있을까요??
웹팩?
빌드하시면,,
개발자도구 말씀하시는건가여
빌드단계에서 주석을 제거하는 옵션을 추가하시면 될거같아요
안녕하세요 !! css 에서 텍스트 hover 했을 때 bold 처리하고싶은데, hover 하면서 글자가 움직이는 현상 안주고 싶을때 어떻게 처리하시나요~~~? text-shadow 주는 방법 말고 다른 방법 사용하시는게 있는지 궁금합니다 !!
width는 font-weight에 따라 달라지다보니까 그것을 어떻게 통제하긴 어려울 수 있지만 text-shadow로 눈속임을 할 수는 있습니다 ㅎㅎ
a:hover { text-shadow: .25px 0px .1px, -.25px 0px .1px; }
이렇게 해서 한 번 적용해보시겠어요 ?
혹시 css important로 우선순위를 높이는것이 웹접근성을 저해하는 요소가 될까요??
맥만 써서 몰랐었는데 스포카 한 산스가 윈도우에서 좀 뭉개져보이는데 혹시 해결방법을 알고계시는 분이 있을까요..?? ㅠㅠ
어떻게 보이는데요??
접근성보다는 유지보수를 어렵게 만드는게 클것같습니다
important 떡칠해놓으면 유지보수하면서 욕나옵니다
@김재훈 @허브님을 존경하는 어피치 답변 감사합니다 :)
넹
님들 라이브러리 사용할 때 기능만 가져와서 본인에 맞게 수정해서 쓰기만 하나요 아니면 이걸 내걸로 만들거야! 하면서 소스코드 다 뜯어서 익히고 나중에 필요하면 직접 만들고 그러나요??
이게 어떻게 돌아가는지 알기만 하면 다음에 쓸 떄도 가져다가 쓰면 더 편할 거 같은데....
만들만 한데 싶으면 직접 만듭니다 라이브러리 안쓰고
소스코드 뜯을바엔 모듈 하나 만들어서 써요 ㅠ
가끔씩 내가 구현한다면 어떻게 구현할지
상상만 해봅니다
퇴사하는상상 ㄷㄷ
공부한내용 잘 기억하는 팁 있으신가요?ㅠ 강의 듣고 블로그에 정리해뒀는데 면접에서 제 블로그 보고 예전에 올려둔 내용을 물어보셨는데 기억이 안나더라구요ㅠ
사람이란 망각의동물이죠
다시보고 잊고 다시보고 잊고
이모티콘
그냥 그러면서 영구기억으로 외워지는거아닐까요
너굴이님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
사람의 뇌는 에너지를 엄청 많이 쓰기 때문에 뇌는 최대한 에너지를 아끼기 위해서 목적이 없으면 에너지를 쓰지 않는 방향으로 행동하려고 한다고 하더라구요. 그래서 '해야하는 이유'가 없으면 굳이 머리속으로 넣으려고 하지 않는다고 합니다. 그래서 잠깐 보관했다가 버린다고 하네요. 그래서 '생존', '필요', '목적', '약속' 을 가지고 해야합니다. 돈을 받고 해야만 하는 상황에 놓이면 알아서 공부가 되고 내가 만들고 싶은게 있어서 찾아본 지식과 경험은 잘 안까먹게 되요. 그래서 강의나 책 공부등은 어디에 무엇이 있는 지 지도나 체계 정도로만 활용을 하고 실제로 만들어야 합니다. 먹고 살기 위해서 해야하는 경우가 Best이고 그게 아니면 너무 필요한 거라던가 약속으로 이행된 일이라던가요. 그런 장치들을 많이 만들어 학습을 하시면 좋을 것 같아요. 그래서 공부해야할 이유를 만들면 잘 학습을 하시게 될거에요. 그냥 아무데나 면접을 다녀보는 것도 괜찮구요 ㅎ
안녕하세요 너굴이님 반갑습니다 :)
진중한 답변 너무 감사합니다! 너무 공감되는 내용이네요 ㅠ 목적있는 공부를 해야겠어요 감사합니다 ㅎㅎ
css에 인라인스타일 지정하면 브라우저에서 보이는데요, 혹시 이게 단점이 있나요?
나중에 새로운 스타일을 덮어야 할때 부담스러운 거 말고는 없습니다.
인라인으로 스타일 하면 우선순위가 제일 높아서
늦었네요 테오님께서 말한대로입니다
ㅋㅋㅋㅋㅋㅋㅋㅋ
아닙니다. 썰cho가 말한 내용이 더 정확한 표현입니다!! ㅋ
감사합니다!!!
리액트에서 인라인 style css 넣으면 그 부분이 계속 리렌더링 되면서 그려진다라고 알고 있는데 잘못 알고 있는 걸까요?.?
React의 VirtualDOM 값이 변경될때마다 언제나 체크를 하도록 되어 있는데 값이 변경되지 않았다면 리렌더링은 안 발생합니다.
엇 저도 style을 객체로 넣어줘서 {} === {} false 라 다시 그려주는 거로 알고 있었는데..
네 저두요 보내주신 링크 내용을 읽어봐도 false라서 다시 그려주는게 아닐까라는 싶은데 제가 잘못 알고 있는 걸까요?.?
내용 정말 좋네요 감사합니다 ! !
사진
궁금한게 손들고 선풍기 쐬고 신나는 기뻐하는 캐릭터들이 은근 많으시네요 ㅋㅋ
저도 아리까리한 부분이라 찾아보면서 공부되네요 !!
리액트로 윈도우미디어 플레이어가 재생되게끔 할 수 있을까요?
브라우져가 ie면 될걸요
크롬으론 안되나요?
ie브라우저로 리액트플레이어가 제어가 되는군요 ㄷㄷ
혹시 이 자료 링크 알 수 있을까요?.? 제로초님이 리액트 강의에서 정확하게 {} = ｛} 는 false로 인식하기 때문에 인라인을 계속 리렌더링한다. 라고 한 강의를 찾아냈는데 어떤 게 정확한건지 이참에 정확히 알고 싶네요 !!
리액트 공식문서 스타일같은데 ㅋㅋ
저도 공식문서에서 본거같아요
디핑 알골 설명할때나온걸로기억하는.
네 맞네용
diff 알고리즘 설명하며 나와요
안녕하세요. next.js 체험 해보고 있습니다. 궁금한 게 있습니다. getServerSideProps에서 class instance는 client로 전달이 안되나요? serialize가 안되는것 같습니다. 에러내용: `object` ("[object Object]") cannot be serialized as JSON. Please only return JSON serializable data types.
사진
https://nextjs.org/docs/api-reference/data-fetching/get-server-side-props 문서확인해보니 직렬화가 가능한 객체여야한다고하네요 클래스 인스턴스는 안되는게 맞는것같습니다
사진
이모티콘
흑.. 서버에서 모두다 class instance로 받아오는뎅
큰일이네여
JSON.strinfy되는것을 수화되면서 JSON.parse되며 넘어오는것같아영
repository레이어 거칠때 class instance로 변환해주고 있습니다. 화면 state데이터는 모두 class로 활용하고 있어서용 큰일이네영
헉
ㅋㅋㅋㅋㅋ
이모티콘
프로토타입을 오버라이딩할수는 없나...
return밖에서 class 생성해주고 넣으먼 되지않나여??
애초에 넘겨줄수가없군요
사진
인스턴스에서 화면에 뿌려야할 데이터만 오브젝트로 추출하는 함수를 작성하시면 어떨까요?
흠 stringfy
처리해주면 가능할것같은데
사진
아 이러면.. 인스턴스를 잃게되는군요
인스턴스자체를 복사하는게 아니라 값만 복사하는구나..
음.. 그러면 중복 작업이 되는것 같습니다. class instance field를 통해 화면에 뿌리는것 뿐만아니라 method호출도 같이 해야해서요 (사실 이게 핵심이라)
서버사이드 페칭은 데이터 초기세팅으로 두시고 컴포넌트 내부에서 인스턴스 생성후 initialize 작업을 해주시는 방법이 괜찮지않을까요?? 서버에서 인스턴스를 계속 가지고있어야하는 이유가 없다면여!
> 서버에서 내려준인스턴스를 계속 가지고있어야하는 이유가 없다면여!
그렇게 해야하나 고민중입니다. 그런데 서버에서 내려준 json을 매번 클라이언트에서 변환한다면 중복 작업이 많아져서 그것도 고민이네요
저희도 서비스레이어에서 메서드 호출후에 생성자에서 서비스레이어 인스턴스를 생성해준후 props로 내려 모델레이어에 data를 이니셜라이즈 해주고있어여
동영상 플레이어는 부라우져디펜던시일거테유
아하 저희는 서비스레이어에서 필요한 컬럼까지 재가공해서 pages.serverSideProps로 내려줘서 클라이언트내부에서는 가공을 하고있지는 않아요
사실 gql을 사용해서 필요한 컬럼만 사용하기에 더 편한것두...?
서비스레이어는 serverSideProps에서 실행되는건가요?
넵 페칭메서드가 클라이언트사이드 서버사이드 모두 서비스레이어에서 이루어져요
사진
선생님들 혹시 인풋 텍스트 박스에 사용자가 값을 입력하고 돋보기버튼 누르면 일치하는 값을 셀렉트박스 속 체크박스에서 찾아서 체크되게 하는 이런걸 vue.js에서 할 수 잇는 방법이 잇을까요?..
예를들어 저는 CEO_REPOSITORY에서 class instance로 모두 변환해서 응답 해주거든요 그걸 클라이언트로 내리다가 오류가 나고 있고요
감이 안잡혀서..
인풋값과 같은 id를 가진 체크박스를 체크한다는건가요?
쉬울거같은데
https://ddunnimlabs.tistory.com/186 이게 조금 도움이 되실겁니당.
사진
이런식으로 사용하고있어요
SSR 도 결국 서버-클라이언트 통신 이기 때문에 메소드만 데이터로 넘겨주는건 불가능할것 같네요 js파일을 통째로 주고 클라이언트에서 실행하지 않는이상…우리가 API 에서 함수를 받아오는일이 없듯.. 아예 서버사이드에서 클래스에 관한 할일을 하고 데이터를 생성해서 렌더링을 해서 보내주던가 클라이언트에서 렌더링 된 후에 일을 하던가 해야 할것 같은데요(serverSideProps는 전자가 되겠네요)
클래스컴포넌트로 예시를 들었지만
네, 내부에서 알아서 serialize 해줄거라 기대했습니다. nuxt3에서는 그렇게 해주길래 ㅎㅎ
넥스트로 시리얼라이즈는 해준다고 나와있어요
사진
class instance를 못해줄리가 없다는 뜻 이었습니다 ㅠ
아핫...
결과론적으로는 넥스트에서는 기대효과를 못가지니...
작업방식을 바꾸셔야할것같아요..
nuxt2에서는 화면에 바운딩되기전에 hook 포인트를 제공해줘서 거기서 그냥 class instance로 변환했는데 (사실 이걸 못해주는것도 거의 버그긴 했는데)
아뇨 이건 아니에요!!
네, client component에서 바꾸던가 해야겠네요 한 줄이면 되는데 유쾌한작업은 아니라 ㅋㅋ
참고해보겟습니다!! 감사합니다
메소드를 serialize 하고 다시 js에서 쓰려면 eval 함수를 쓰는거 말고는 방법이 없지 않나요? 넥스트에서 eval 코드까지 주입하진 않을것 같네요
이모티콘
json <-> instance간에 serialize하는건 class-transformer 쓰고 있어서 어렵지 않습니다.
오..
메서드 정의는 클래스안에서 이루어지니 json string 변환할때 까지야 당연히 method를 가져갈 필요는 없고 (class) instance로 변환할때 field들만 잘 넘기면 되겠죠
이런 라이브러리도 있군요! 내부에서 어떻게 동작하는지 들여다봐야겠네요
공유감사합니당
이런건 첨봤어요
울고있는 어피치님이 나갔습니다.
음.. 지금 생각 해봤는데 html head같은것만 SEO를 위해서 SSR로 통신하고 실제 화면에 보여지는 데이터는 CSR로 할까 생각중입니다.
head쪽 데이터는 그다지 복잡하지 않으니.. class instance로 안하고 json(key, value object)로 통신해도 될것 같네요. 모두 답변 감사합니다 _ _)
그럼 pre fetch를 안쓴다는건가요?
안녕하세요! 타입스크립트 학습이 필요해서 관련 책 추천좀 해주실 수 있으실까요?
넵 그렇게 생각중입니다.
사진
이런사람 찾습니다~
혹시 특정 기업의
우대사항인가요? ㅎㅎ
제도 저 기업 기억에 남네요 ㅋㅋㅋㅋ
알고리즘 한창 공부할땐 모든거에 이런고민을 하곤 했었는데..
혹시 js코딩테스트 공부할만한 인강 추천해주실만한거 있을까요??
오우 저도 저곳 아는데
ㅋㅋㅋㅋㅋㅋㅋㅋ
김태원 강사님 강의 완전 추천드려요!
기억에잘남네요
이거 찾아봤는데 평이 되게 좋네요!
저도 지금 이걸로 공부하고 있는데 되게 좋아요
김태원님이 누구죠?
저도 링크쫌 ㅠ
인프런 맞나요?
오오
감사합니다
아 이건 파이썬이네요! 찾아보시면 js있어요
공유 감사합니다
재사용되지 않을것이 99%인 컴포넌트를 만드는것에 대해 어떻게 생각하시나요? 전 재사용여부 외에 로직이 복잡하거나 렌더링 최적화, 디버깅, 유지보수 용이함 등의 이유가 있다면 재사용여부는 크리티컬하지 않다라는 생각이 들어서요. 하지만 컴포넌트 자체는 재사용을 위해 존재한다는 생각이 동시에 들어서……. 질문드립니다
물론 재사용성도 중요하지만 복잡한 로직과 기능도 컴포넌트로 분리하여 응집도를 높히고 추상화를 하는게 좋겠습니다
과한 추상화는 오히려 독이될수도있어영
아 설명을 조금 덧붙이자면, 여러가지 컴포넌트가 이미 조합되어 특정페이지의 특정 부분을 담당하고있기 때문에 재사용될 확률이 매우 적다는 의미였습니다
감사합니다 응집도는 컴포넌트 기능과 props, state의 응집도를 말씀하는 것이죠?
무지성개발자님도 감사합니다 적당한 추상화 기준이 어렵네요 ㅜㅜ
api
궁금한 거 있는데 백엔드로 데이터를 요청하면 Repository단에서 entity를 반환하고 Service단에서 entity를 dto로 변환한 데이터를 전달하는게 일반적인가요? 아니면 그냥 entity 타입을 바로 리턴하나요 ?
get요청이나 post요청에따라 다를것같아요
dto로 변환하는게 일반적이지 않을까요?
Get 요청일경우랑 post랑 어떻게 다른가요?
아니다 잘못생각했어요 파라미터가 필요없는 단순 get요청시에는 dto를 거치지않고 controller -> service -> entity -> service -> controller 이렇게 타고들어간다고생각했어요
프론트 톡방에서
귀한대화가 오고가네요
dto도 데이터 교환 객체인데 단순데이터요청시에는 거쳐야하나?라고 생각하는 프론트개발자입니다...
프론트 개발잔데 백엔드도 작업을 하다보니,, 물어보게 되네요
답변 감사합니다 !!
노드로 하시나용
넵 노드로 하고 있습니다
저도 이제 공부하려하는데 노마드코더 강의 일단 듣고있는데 괜찮은 정보있으면 공유해주십셔ㅠ
리액트로 비밀번호 폼을 만드는데요 개발자도구로 보면 state로 설정한 value속성에 값이 노출이 되던데 이거 방지할 수 있는 방법이 있나요?
음 사실 데이터를 서버로 전송할때의 payload도 개발자 도구로 다 볼 수 있어서.. 그리구 브라우저에서 유저가 직접 입력하는 내용은 아마 다 볼 수 있을거에요!
브라우저에서 숨길수있는 데이터는 없다고 알고있습니다!
아하!! 감사합니다
오늘 처음 알아가네요~ 감사해요 ㅎㅎ
코드는 ai에게 맡길래 월급은 나 줘! 뺴얘애애애액~!
recoil 사용하시는 분들 devtools 쓰시는 것 있나요?
recoil은 따로 devtools가 없는걸로알고있어요 snapshot이라고 있긴한데
이것도 불안정..
주스탠드쓰시고 리덕스데브툴즈쓰에용
이모티콘 어제 스토리북 뭐시기 질문올렸던거 잘 해결되었습니다.. 비즈니스 로직이 문제가 아니라 걍 제가 api를 제대로 안쓴게 문제였습니다.. 교훈 : 문서를 잘 읽자
스토리북
시러시러요
스토리북 많관부.. 착한 친구에여
이모티콘
사진
안녕하세요 비동기 공부중인데 질문이 있어 여쭙겠습니다! Auth.signUp이 resolve 되면 navigate('/') 코드가 실행되게 하고자하는데 signUp이 반환하는 값을 사용하지 않는다고 할때에는 이렇게 딸랑 await만 사용해도 전혀 문제 없나요?
하트뿅뿅 라이언님이 나갔습니다.
어차피 프로미스 객체를 뱉으니 then안에서 라우트 이동 처리해도 되지않아여?
제입장에서는 오히려 코드도 그편이 더 명시적으로 보이기도해서여
감사합니다 then문법 적용해서 수정하겠습니다!
저는 오히려 지금 그대로가 좋아보입니다~
async await 문법으로 작성했을때 저렇게 사용하는게 맞는지 해서요
반환값 할당 안해도 문제 없습니당
정말 감사합니다!
프론트엔드에 있으면 좋겠다는 자격증 있을까요? 정처기 제외 빅데이터분석기사랑 SQLD/P 같은건 회사 지원할 때 큰 영향 없을까요??
자바스크립트 자격증
있습니다
자격증이 왜..필요하죠
정처기 하나만
따시면될듯요
https://certi.programmers.co.kr/about/pccp 어떠십니까
프론트엔드 자격증이 필요하다는 이야기는 Si들어갈때 정처기 말고는 들어본적 없습니다 ㅠ
서비스회사는 정처기도 안보고요
프엔 하면서 필요한 자격증이라고 해서 오해가 있었나 봅니다 정처기 기준 있으면 연봉이 달라져서 여쭈어 본겁니다...
답변 감사합니당
자격증있으면 연봉 더 주는 회사 있긴해요 아주 조금? 한 50만원정도..
정처기도 없어도 됩니다
딱히 필요 있는 자격증 없고 실력..!
그거다 kosa의 잔재입니다
실력 어필할수있으면 자격증 안따도되요
취업에 크리티컬한 영향을 주는 자격증은 아닌거 가타여 공부하는거야 좋지만!
같은 시간 들인다면 저같음 포폴 더 고칠래여
정처기를 취득하는게 공부의 목적이라면 취득하셔도 무방합니다만 취업을 조건으로 취득하는 것이라면 KOSA나 프리랜서 단가를 위해 이용될 수 있습니다
안녕하세요! 조언을 구하고싶습니다 ㅎㅎ rn으로 앱 제작중입니다! gif 파일 용량이 너무 커서 lottie.json로 변환해서 쓰려고 하는데 인터넷 변환 사이트에서 변환하면 용량은 많이 줄어드는데 프레임이 너무 떨어지네요..ㅠㅠ 혹시 좋은 방법이 없을까요?
정처기에 cs 지식 있으니까 따보세용
gif파일을 외부에 올려서 하이퍼링크 방식은 어떤가요?
깃헙에서 reset, force push 하지 않고 되돌리는 방법 있나요,,,?
이모티콘
정처기 필기는 있는데 실기 안하자니 아깝고 하자니 귀찮은... ㅋㅋㅋㅋ
😂
ㅋㅋㅋㅋㅋㅋㅋㅋ
저두~ 필기만있네여...
그방법으로도 해봤는데 로딩되는 동안이 좀 답답하더라구요..ㅠㅠ흑
force push 없이 되돌리는건 reverse 밖에 없지 않을까요?
하나하나 revert?
기록은 다 남습니다..!
음,,, PR은 몇 일전에 날려놓고 오전에 다른이유로 push 날려놓은게 있었는데 같이 merge 되어 버렸네요 ,,, force push 해도 되는건가요? revert가 안전하겠죠,,,?
골치아픈상황은 확실하네요
head의 위치를 머지이전으로 변경하고 pr 커밋부분변경해서 다시 머지시키면안되나
혼자 하시는 프로젝트의 경우에는 force push 하시구..
회사 프로젝트면 사수에게 솔직한 상황을 말하고 같이 고민한다
일거같아요
22…
flex아이템중 하나만 쩌~ 끝으로 보낼수 있는방법 있지 않나요?
align-self 이었던거같아요
margin-left: auto
오토 말구 플렉스로 하고픈데
회사에서 force push 지양하는 이유가 뭔가요,,,? 커밋기록이 모두 꼬여버린다고 알고 있는데 제가 모르는 큰 문제가 있는건가요 ㅠㅠ
Flex end
쓰면되지않나영
저도 샐프로 기억하는데 한번더봐볼게용
플렉스엔드가 어떤 속성일까요?
아 하나만??
네 한놈만
align은 self가 되는데 justify는 margin밖에 안됩니다
flex-end는 축의 끝에서부터 쌓는겁니다
얼라인 셀프로 함 검색해보겠습니다
ㄷ
기록도 꼬이고.. 위험하다고 생각해요
꼬여요
지양하는 이유가 협업때문이군요,,, ! 감사합니다 🙏
꼬이기도하고..딴사람코드도 밀어버릴수 있자나요..
si면 말이 다르긴한데 서비스 회사는 정처기에따라 월급이 다르지 않습니다
최근에 면접 보고 인하우스쪽 면접 보고 다니는데 너무 힘드네요ㅠ 프론트로 생각하고 있는데 알고리즘 코테는 자신 없어서 과제형 코트를 보는 회사만 지원하는데 이마 저도 싶지 않네요ㅠ 최근까지 항해99를 수료했지만, 면접에서 기술 질문에 제대로 답을 못하고 있네요.. 혹시 이런 상황이라면 부트캠프 다른곳에 가서 더 공부를 하는게 좋을까요??
혹시 수료하신지 얼마나 되셨나요?
? 굳이 그럴 필요있나요
Cs 스터디 진행 추천드려요
기술질문 뭐 물어보나요?
2달즘 되네요
다른 부트캠프보다는 CS 지식을 탄탄하게 다지는 것 추천드립니다. 뭔가 질문에 대한 기본적인 질문 보다는 조금 더 깊게 들어가서 본인만의 대답을 추가하는게 좋아요
부트캠프 한번 했는데 한번 더 한다고 그 부분이 채워질 것 같진않아요. 부트 캠프 커리큘럼들 보면
리덕스 사가에서 api여러개를 호출할때 어떻게해야하나요?
지금 기억나는건 없지만… 기본적인거였고.. 내 자신도 왜 이걸 몰랐을까 후회되는 기본적인 질문 이었습니다…
아 그렇쿤요 감사합니다
넵 감사합니다
기술면접은 공부밖에 없죠. 부트캠프 또가는건 반대합니다. 프론트엔드 기술면접이라고 검색하면 블로그들 많이 나와요. 보시면서 나만의 답변 만들면서 외워야죠. 그리고 많은 면접 보면서 막혔던 질문들 보완하면서 앞으로 볼 면접들 준비해야죠.
하네.. 다들 그렇게 말씀들 하시네요.. 감사합니다
ㅎㅎ.. 저도 부캠 1년이 곧 끝나서 취업 못할까봐 불안증 도지네요 ㅋㅋ
부캠 수료후 1년이요 ??
싸피하시나요?
넵
부캠 강사를 잘만나야한다고 듣긴 했는데..
하도 많이 떨어져서 자존감이 바닦인데… 질문들을 다 외워야 한다는게 참 부담이 되네요…
힘내세요
정말 공감가네요
요즘 특히 개발자 혹한기라고 그러더라구요
그래도 열심히 하시다보면 빛을 볼겁니다
동기시네요 ㅠㅠ 부족한게 너무 많아서 어디서부터 채워야할지 막막합니다 흑 뭔가 계속하고있긴한데..
저도 신입때는 엄청난 탈락을 맞이하면서 자존감도 바닥치고했었는데 면접 하나하나 소중한 경험이라고 생각하시고 면접때 답변못했던거 기억해서 보완하다보면 내가 다닐 회사가 나타나는 순간이 오더라구요. 힘내세요.
할수있습니다.
공감가고 이해가여. 그래두 주 목적은 공부가 아니라 취업이니까 부캠 또 가시기보단 취업에 방향성 맞춰서 가시는게 젛을 거 가타여 홧팅입니다
오타무엇..? 좋을
여기.. 따숩다..
저는 자존감 떨어질때마다 오히려 스터디 들리면서 열공했던거같아요.. 노력하고 있다는 느낌도 들고 사람들하고 대화하다보면 좀 낫더라구요. 물론 사람마다 다르니 휴식이 필요하신분도 계실 것 같아요 ㅎㅎ 힘내세요
부트캠프 수료하셨다면 동기들이랑 스터디 꼭하세요. 서로에게 큰 힘이 되더라구요. 서로 면접봤던거 공유도 하고, 이력서도 서로 보완해줘서 스터디는 무조건 하라고 추천합니다. 이미 하고 계시다면 나이스..👍🏻
오 멋지십니다
감자님 제가 알고 있는 감자님 맞나요??ㅋㅋ 오래간만이네여ㅋㅋ
아닐걸요..? 세상에 감자는 많..
아하 그렇쿤요ㅋㅋ
파이팅이에오,,
어째든 다들 감사합니다~ 제가 연락하고 지내는 동기들은 대부분 취업을해서 같이 스터디 하기에는 좀 어렵네요.. 그리고 마음이 급해서 뭔가 공부를해도 집중이 잘 안되네요ㅠ
이럴땐 좀 쉬었다 하는게 좋을까요
저도 비전공자로 혼자공부할때 인프런에서 프론트엔드 면접스터디들어가서 공부했어요 같이하는 사람이 있으니 확실히 긴장되고 서로서로 도움도 많이 됩니다.... 조금쉬시고 같이할 스터디를 구해보는거 추천드려요
그건 트립님이 하고싶은대로 하셔야겠지만 만약 저라면 안쉴것 같아요. 뭔가 쉬면 여태 공부한게 점점 잊혀지고 그러면 내가 여태 한게 잘 기억이 안나는 것 자체가 다시 스트레스가 되서 더 안하게 되더라구요.
차라리 윗분말씀처럼 의지가 되는 동료를 찾아보는것도 좋을 것 같네요
마음가는대루 2 저라면 재정비하고 다시 달릴거 같기도 하구여
재정비라 해도 어짜피 취업관련 활동일거같지만ㅋㅋㅋ
아 넵 다들 감사합니다 재정비하고 다시 기술면접 기반으로 공부를 다시 시작해 볼게요~
!!!
홧팅요
Q. 브라우저 주소창에 www.google.com을 입력하면 어떤 일이 일어나나요? A get요청이 서버로 보내지고 서버에서 해당 요청에 대한 응답을 클라이언트에 보냅니다 그리고 브라우저는 도착한 응답에 대한 정보를 토대로 유저가 웹사이트를 사용할 수 있게 해줍니다. 음 위 질문에 대해 생각나는 답변을 써봤는데요. 다른 분들 생각은 어떠신지 궁금합니다.
https://github.com/alex/what-happens-when 이거 한번 읽어보시면 좋을 것 같아여
주소파싱 hsts검사 호스트 분석 도메인 root dns 요청 tls dns 요청 name server 요청 tcp (http) 연결 html 등 받고 파싱 순서 얘기
이 생각납니다
오 정보 공유 감사합니다!
토마토님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
코린이님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
토마토님이 나갔습니다.
사진
이거 따라서 배포하고 있는데 자꾸 빈 디렉토리로 빌드 되네요 ㅠㅠ
문제가 뭘까요..??
타몽님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
코린이님 타몽님 모두모두 반갑습니다 :)
네 반갑습니다
안녕하세요 vercel 배포 관련해서 궁금한 점이 있는데 vercel은 깃헙 레포를 가지고 배포를 하는데 이 때 기존에 env에 담아 사용하는 환경 변수들도 vercel에서 자동으로 가져오나요 ,,,? env 부분이 좀 헷갈려서요 ㅠ.ㅠ
Vercel에 환경변수 설정하는 부분이 따로 있어요! 거기에 브랜치별로 입력할 수 있어서, 설정해주시면 됩니다 :)
아하 감사합니다!!
질문 하나 드립니다!! ㅠㅠ 사용자가 강아지, 고양이, 거북이를 선택하면 강아지 이미지 + 고양이 이미지 + 거북이 이미지를 하나로 이어붙인 이미지를 보여주려고 합니다. 다만, 모바일 환경에 특화된 서비스로 만드려다보니 결과물인 한장의 이미지를 어떻게하면 고해상도의 고화질 이미지로 보여줄 수 있을지 방법이 떠오르질 않습니다 ㅜㅜ 큰 div에 해당하는 img태그들을 넣어서 html2canvas 라이브러리를 통해 이미지로 변환하려고 생각했는데 그러려면 큰 div가 사용자에게 보여져야하는것같아서요 ㅠㅠ 결과이미지를 만드는 중간과정을 사용하제게 보여주고싶지 않은데 어떻게 해야할까요? 선택하는 페이지 -> 이미지 만드는 페이지(로딩중 화면으로 덮어서 중간과정 안보이게 만듦) -> 이미지 보여주는 페이지 로 개발하는 방법을 생각중인데 더 나은 방법이 있을까요? 글로 정리가 어렵네요 흑흑 좋은 아이디어 있으시면 조언 부탁드립니다!
서버에서 합쳐서 주는 방법은요?
아 클라에서 선택하는거구나
ㅠㅠ 서버는 해당하는 이미지를 보내주는것까지만 도움을 받을 수 있을 것 같아요
혹시 프로젝트에 콘솔찍어놓은것들이 웹 브라우저개발자도구 콘솔창 에서 안나타 나면 뭐가 문제 인지 아실까요??
새로고침해도 useEffect에 찍어놓은 콘솔이 출력이안되는데;;;
코드 보여주실수 있나요
사진
사진
폰트사이즈가
삭제된 메시지입니다.
그냥 콘솔찍어놓은건데… 심지어 아까까지는 찍히다가 갑자기
적용이 안되는데 왜그런지 알 수 있을까요 ?
새로고침을 해도 웹브라우저에서 콘솔이 출력이안되네요
리액트로 만든 페이지 화면 상단에 인풋 / 하단에 버튼을 배치하고, 이걸 모바일에서 열어 인풋 포커스를 했을 때 가상키보드가 올라오는 만큼 버튼도 올리는 방법이 있을까요? 검색해봤을 때는 RN 자료 위주더라구여
app.jsx에 등록된건 맞나요??
넵넵 심지어 정상적으로찍혔습니다!!
사진
Unchecked runtime.lastError: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received
이런 에러가 뜨는데 뭔가 코드 문제는 아닌것 같습니다
에러 먼저 해결하셔야 할것 같네요
코드상에서 에러나는게 아닙니다 ㅠㅠ
1분전만해도 콘솔찍히던것인데…
움 찾아보니 크롬 확장 에러라고 나오네요..?
터미널에서 콘솔 한번 찍어보셨나용?
네네 근데 원인은 찾았는데…. 이유를 모르겠네요…. 기존에 이미지를 이미지 주소 복사해서 css에 background-image에 url로 넣었었는데 이미지 빼니깐 콘솔이 정상적으로 찍히네요?
뭐지
리린이님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
출처 요청 사이에서 나는 오류라고도 하네요,,,
삭제된 메시지입니다.
허어 ㅠㅠㅜㅜㅠㅜ 프로젝트 거의 막바지까지 왔는데 canvas 이미지로 저장할때 cors 이슈가 있는지 몰랐네요 ㅠㅠㅠㅠㅜㅜㅜㅠ
핵심기능인데… ㅠㅜㅜㅠ
캔버스면 택스처나 이미지에 crossOrigin 속성 빈 스트링으로 되어있는데 그거 anonymous로 바꾸시면 해결됩니더
건배하는 프로도님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요!
react typescript에서 stompjs 사용중입니다. 리렌더링이 일어나도 값을 유지하도록 client를 useRef로 선언해주고 코드를 작성하는데 client.current가 activate 메소드를 못가져오네요 ㅜㅜ 타입을 어떻게 지정해야할지 잘 모르겠습니다.. 혹시 조언해주실 분 있을까요?
사진
stomp.Client 에 마우스 올려보면 타입 나오지않나요
사진
StompConfig 타입이라고 나와있어서 useRef<StompConfig>({}) 라고 줬는데도 마찬가지로 떠서요 ㅜㅜ
컨피그 타입은 안에 매개변수 타입인거 같은데용
오 찾은거같아요! 감사합니다..제가 매개변수 타입을 보고있었군요
Next.js 쓰는데 태그 auto import 안 되셨던 분 있으셨나요...? 흐......
요즘 고민 많은 프엔 개발자입니다 ㅜㅜ 프론트가 변화가 많다하더라도 결국엔 패러다임과 상태관리 같은 흐름이 바뀐다고 생각하는데 , 이러한 변경 사항은 이전 내역들이 오답이 아니라 생각됩니다. 실력있는 주니어의 의견도 정답이고 유행하는 패러다임과 상태관리를 이야기하는 시니어의 의견도 정답이라 생각합니다. 심지어 프론트는 비교적 진입장벽이 낮다고 생각하는데요, 때문에 프론트가 너무 치열하다고 생각이 들어서 백엔드 아키텍쳐나 데브옵스로 넘어가야 하나 싶은 생각이 많이 듭니다. cs를 집중적으로 오랫동안 공부해야하고 대용량 트래픽과 같은 취준생과 주니어는 범접? 할 수 없는 영역이라 생각이들어서 진입장벽이 높다고 생각이 들어서요. 다른분들은 어떻게 생각하시나요?
백엔드는 변화속도가 느리지만 깊은 지식을 요구하고 프론트엔드는 상대적으로 백엔드보단 얕은 지식으로도 할 수 있지만 변화가 빠르죠. 근데, 결국 다 상대적인거니 하던거 잘하면 된다고 생각합니다 ㅎ
진입장벽을 cs로 생각하시면 cs잘하는 프엔은 더 귀하지 않을까요?
맞습니다 이렇게 생각을 했었는데, 프엔을 구현하면서 들었던 생각이 내가 아는 cs가 과연 프엔에 적용할 수 있을까 ?
싶어서요
소켓 통신만 봐도 소켓통신에서 브로드 캐스트를 진행할때 브로드 캐스트를 빈번하게 하는 것과 렌더링 주사율을 신경써서 브로드캐스트를 최적화하여 랜더링 최적화를 진행할 수 있는 거는 결국 아키텍쳐 쪽이라 생각이 들더라구요
지금바로 드는 생각은 실시간 서비스를 위해서 폴링이냐 소켓이냐 정도인데
그 이상으로 성능을 개선시킬 수 있는 것은 아키텍처라고 생각이 들었습니다
건배하는 프로도님이 나갔습니다.
맞아요 성능 향상을 통한 금전적 이득은 서버쪽이 훨씬크다고 생각됩니다
그건 부정할 수 없는것 같아요
Cs배운것을 더 많이 활용하는곳은 백엔드가 맞아서, 활용하고 싶으시면 백엔드로 가시는것도 좋을것 같아요
늦은시간에도 의견 감사합니다ㅎㅎㅎ..
안녕하세요 백엔드 서버를 따로 두는 상태에서(nestjs), nextjs 에서 next-auth 를 이용해서 인증을 next-auth로만 하는게 가능한가요?
주니어 프론트개발자인데 백엔드를 혼자 간단히 만들어보려고 해서 고민되네요
혹시 돈 더 많은 곳은 어딘지 조심스럽게 여쭤봐도 될까욤...?
지금 혹시 Vercel API 서버가 문제 있나요?
어제까지 잘 되던 페이지들이 갑자기 404를 내뿜는..
엇... 같은 문제인지는 모르겠는데요, 저도 특정페이지 접근시 404 에러가 나네요..ㅠㅠ 특정 페이지가 어제까지는 잘 됐는데 로드가 안되네요 ... /_next/static/chunks/pages/....js net::ERR_ABORTED 404가 콘솔에 찍혀요...
로컬 환경에서는 잘 동작합니다..
네 저도 로컬에서는 잘 돌아가고 지금 Vercel로 배포해둔것들이 404 뜹니다 흐으음
공식채널에서 따로 언급이 없긴 한데.. 서버쪽 문제는 확실하군요
ㅠㅠ 흠.. 얼른 해결됐으면 좋겠네요 ....
저는 주소에 한글 포함된 링크가 404 나오네요.
aws ec2를 프리티어로 이용하고 있는데 인스턴스를 여러개 생성해도 동일하게 프리티어 적용이되나용?
시간 리밋이 있어서 1개 돌리면 잘 넘지 않는데, 2개 이상 돌리면 금방 넘어가서 돈나올 거 같아요ㅕ
한달 750시간 이었던거 같아요
답변 감사합니다 !!
개수만큼 시간 빨리 줄어드는걸로 아는데…
근데 프로덕트 규모가 어떤지 모르겠지만 프리티어 쓰신다니깐 작다고 생각하면 몇천원 나오고 말걸요?
오 그렇군요 아직 규모가 크지 않아서 두개 돌려도 될듯 합니다 😁 답변감사합니다
혹시 react hook form 써보신 분 계신가요? 도입해볼라 하는데, 커스텀 컴포넌트에 controller가 가능한가요 간단하게 해보니 잘 안되는 것 같아서요 타입은 [ {a: string, b:string, c:string},{a:string,b:string,c:string}] 이런 구조이고 커스텀 컴포넌트는 input 3개정도로 들어가서 각 값이 a,b,c 에 할당되는 구조인데 , hook form 의 fieldValue 은 string으로 custom 이런 식으로 하나이다보니 가능한지 모르겠네요
저도 그런부분이 ㅇ려우서
setValue로 컨트롤 했었습니다
쑥스럽게 인사하는 프로도님이 나갔습니다.
위 구조라면 useFieldArray가 적합하지 않을까요?
타입 잘 잡아주면 fieldValue.a 이런식으로 됐던거 같아요
동적으로 추가 삭제 연산 같은 게 있으신가요?
해당 문제 관련 vercel github에 이슈가 올라왔어요. https://github.com/vercel/vercel/issues/8731
set Value로 하게되면, react hook form 안에서 같이 사용이 가능하긴 한가요?
이부분은 동적 추가가 아니라 처음부터 array.map( (index)=> <Custom key={index})); 이런 식으로 초기 렌더링 되는데도 가능한가요 간단하게 샌박에서 해봣는데도 문서상에는 안보이더라구요
전혀 없어요! 렌더링만 해주고 그냥 그 값들만 받을 수 있으면 되서 혹은 React hook form 내에서 커스텀 훅으로 value 값을 따로 전달 가능한 방법도 잇는건지
네네
hook form 안에
useState 말고
setValue라고 있ㅅ습니다
controller 로서 내려줘야 하는거 아닌가요..? form submist 할시 그 커스텀 컴포넌트 값을의 배열의 값을 전달하는게 관건인데 가능한지 여부를 모르겠네요 문서에는 이런 복잡한 부분에 관해선 예시는 없어서 된다면 도입하려 하는데 가능한지가 궁금하네요
초기값이랑 타입 잘 넣어놓으면 value[index].a 이런식으로 다 가능합니더
개발자가 되고 싶은 개린이님이 나갔습니다.
배열이라면 useFieldArray사용하셔서 내부 필드에 컨트롤러 선언해주고 사용허시면 돼요~ 셋벨류는 지양하는게 좋습니다
라이언님이 나갔습니다.
도커로 서버를 띄울때, 도커로 띄워져 있는 데이터베이스에 접근 못하는 경우가 있나요 ??
포트오픈이 안되있으면요
오 .. 그렇군요 감사합니다
FE 협업할때 conflict 잘 안나게하는 팁이 있나요
방식이나
혼자한다... 생각할 수 있게 화면이 안 겹치게 담당자를 배정하는 거?? ㅋㅋ
회면이 여러개라도 플로우가 하나라면 한명이 담당한다..?
유저스토리 단위로 생각해보는게 좋아보입니다
conflict는 흔한 현상인가요?
그럼용
안겹치게 남이 해둔거 잘 풀 받고
파일 단위를 잘게 쪼개 두는 것도 좋습니다. 한 파일에 100줄만 넘어가도 나눌까? 이런식으로 고민을 해보시는 것도 필요해요
그 뒤에 푸시하면.. 그나마 덜 나지 않을까여
특정 부분의 conflict이 자주 나나요? 나름의 패턴이나 이유가 있으실것 같아요
약간 파트분배
의 이유가 큰것같아요
즐거운 네오님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
오!? 어떤 이유인가요?
안녕하세요 즐거운 네오님 반갑습니다 :)
허재원님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
파트분배를 어떻게 해야할지 감이 잘 안잡혀요
협업의 경험이 많지 않아서
rollup 라이브러리를 빌드하는데 타입스크립트 절대경로 alias가 상대경로로 안바뀌는데 해결해보신분 있을까요 ㅠ
안녕하세요. 개발 커뮤니티에서 선배 동료님들과 의견을 교류하며 성장하고 싶어 들어왔습니다. 반갑습니다!
롤업을 사용안해서 모르겠지만 웹펙사용할때 타입스크립트 절대경로를 따로 처리해줬었습다
플러그인도 있고, 따로 웹팩설정을 건들일수도있고
저희는 마크업과 개발이 나뉘어져서 뷰와 상태관리를 분리하고 웹과 모바일을 분리해서 사실상 서로 안겹치고 알아서 할 수 있는 형태로 분배하고 있어요 이건 사람이 많지 않는데 속도를 내야할때에는 좋을 것 같은데 대신 한명이 휴가가거나 문제가 생기면 조금 곤란해지긴 하더라구요
어서오세요 :) 여기는 프론트엔드에 대해 궁금한 것들을 물어보고 아는 것은 알려주고 공유하며 함께 성장하고자 하는 곳입니다. 궁금한 걸 적극적으로 물어보다 보면 훨씬 더 몰입감이 생겨서 잘 성장하실 수 있을거에요 이런거 물어봐도 되나 고민말고 언제든 편하게 글 남겨주세요~~~
협업하면 마스터 브랜치로 머지할 PR에 중복된 커밋 히스토리가 엄청 길게 나오는데 왜 이러는거죠
여러 PR에서 다 중복된 커밋 히스토리들이 나타나요
이미 머지된 커밋들도요
지금 현재 vercel이나 nextjs 문제가있을까요? 기존에 img 태그로 빌드 폴더나 aws s3 에서 링크로 받아오던 이미지들이 아예 안뜨기 시작했는데,,, 원인을 못찾겠네요
지금 저도
그렇습니다
vercel로 배포한 이미지들이
안떠서 당황스러웠는데
코드 문제가 아니였군요
감사합니다 best practice를 찾고싶어서 유명한 라이브러리들 롤업설정을 뜯어보는데 세세하게 다 달라서 어렵군요..
근데 저는 url 링크로 aws s3 이미지 링크 파일을 참조해뒀는데 이것도 안떠서,,, 흠,,,
이제 잘 나오네여;;;;
라우팅으로 파일을 미리나눠두고 담당자한테 분배하면됩니닷
근데 나누는것도 짬이고 실력같아요
신입은 넥스츠까지 만줘봐야하나요? 요즘 낵스트까지 하는거같던데
어쨋거나 파일이 분리되면 컨플릭은 안나니까요
넥스츠 낵스트 동일한거 말하시는건가요 ㅋㅋㅋ
제 기준 요즘 신입
신입이 어디까지 보는건 좀 애매하지않을까요 ㅋㅋㅋ 본인이 가고싶은 회사 정하고 준비하는게 나을 것 같은데 괜히 넥스트 해봤어요 했다가 넥스트 질문 찐하게 나오면 답도 없어서 ㅋㅋㅋ
자스 리액트를 열심히하시고
넥스트 타스는 쓸줄아는정도로
하는게 젤 좋다고생각합니당
면접관이 대답 못해도 그래 신입이니깐 하고 넘어가는건 아닌거 같아서..?
혹시 넥스트 질문이 찐하게 나온다는게
어떤 부분이 나올 수 있나요?
swr?
Swr은 그냥 라이브러리아닌가용
next에 들어가는 걸루 알고있어서
Csr ssr, mpa spa, ssg 등등 엄청 많을거 가튼데
너무 광범위하지않나요 ㅋㅋㅋ
관련 질문으로 나올수 있지 않을까 싶었어요!
저런 질문으로 나올 수도 있구
넥스트하느니 일단 리액트부터 잘하는게..좋지않나 싶어여
그쵸
갠적으론
저도 그렇게 생각합니다
토스 프엔 채용공고 보시면
뭐해야할지 감오실거에여
토스가 recoil, react query
next
쓰는기술스택보단
이렇게 쓰는걸루 알고있어요
이런사람을원해요랑
저희 회사도 넥스트쓰는데 전 넥스트 모르고 들어왓고 들어와서 공부하고 잇어여
이력서에 이런거 써주세요 하는거 나와있어요
신입한테 꼭 이것까지 써보길 기대하진 않는듯요
사진
넵넵
혹시 궁금한거 하나만 여쭤봐도 될까요?..
안써본 기술스택에 대해 집요하게 물어보는 회사는 없어요
아는거면 대답가능요
이것까지 써보길 기대하지는 않아두.. 다 같은 이력서에 next를 쓴 사람이 한 명 있으면
그게 +점수가 될수도 있을까요?
음 꼭 그렇진 않을것같아여 제 생각이지만
혹시 shift 메서드를 연속으로 두번 사용할 수 있나요? a.shift().shift() 처럼요
늘 고민하던 거였는데.. 생각한거랑 얼추 맞는것같네요
감사합니다!
넥스트를 햇더라도 어디까지 얼만큼 깊이잇게 아는지도 중요할것같고…
기술을 쓸 줄 안다고 하는것과 제대로 할 줄 아는건
다르니까요
글구 사실 리액트를 깊이잇게 알면 넥스트로 전환도 금방될거같으니깐… 넥스트는 리액트기반 프레임워크고.. 물론 다른것도 많지만요 기본기니까
신입한테 바라믄건 기본기일것 같아여 화려한 스펙보단
기본기에
배포 경험도 들어갈 수 있을까요?
신입이 입사햇는데 신입한테 우리 회사를 일으ㅕ세워져 이러진 않을것같아서요
작은 서비스라도
오 여기 혹시 어딘지 알수잇을까요 내용이 너무 마음에드네요
저기 토스 프론트엔드 개발자 채용 홈페이지에요
토스에뇨
링크드릴게요
제 생각이지만 전체적인 흐름은 기본같아여 배포가 은건
같은건
이력서도 진짜
이력서래
채용공고도 신경써서 디테일하게 올리는
토스에 감탄하고갑니다..
동적 추가 아니더라도~~첨부터 랜더링는 불가능하지 않나요?
아하..
사실 저는 고등학생이라
많은 기업들이 보고 참고라도 했으면 좋겠네요 최소한 그럴 노력이라도 보이면..
당근마켓 쪽을 1순위로 보고있거든요
삭제된 메시지입니다.
열심히 하셔서 원하시는 기업 가셧음 좋겟네여
앗...
감사합니다!
ㅋㅋ; 눈치껏 지움 개인정보
요즘 이것저것 프로젝트 많이 해보면서 드는 생각들이 많아지는거같아요
아뇨 괜찮아요
저 여기 왔을때도 대충 까발려저서 ㅋㅋ..
어떤곳은 아예 가자마자 고등학교 이름 나와서
워낙 열심히 하시는 분이니까 잘 될거 가타여 홧팅홧팅
ㅠㅠ감사합니다
오우..
부럽네요..
ㅋㅋ
후저도 당근마켓가고싶네요
다들 열심히 하시고 잘하시니까
가고싶은곳 다 가실 수 있을거라고 생각해요
토스는 진짜 언젠가 한번이라도
일해보고싶어요
ㅋㅋㅋㅋ
홧팅하자구요 다들
어제 어떤 스타트업 채용공고보는데 회사홈페이지 링크 누르니까 없는 주소라고 뜨던데 쩝;
Shift 메소드 반환값이 shift 된 number 아닌가요??
그러게요.. 저도 언젠간 토스 꼭 가보고싶어요 ㅋㅎㅋㅎ
토양어선 가즈아..!
엌ㅋㅋㅋㅋ
라울님은.. 이미 좋은 곳
아니신가요
당근마켓은 분야상관없이 자발적으로 불편을 해결하기위해 한서비스를 끝까지 만들어서 배포하고 유지보수를했느냐를 엄청 중요하게보다라구요
네?!
인턴입니다 ㅠㅠ
그래도... 부럽읍니다
감사해요 ㅎㅎ..
물론 이거안보는 기업이 더 적겠지만 이부분 참고해서 준비하시면 좋을 것 같다는 생각이들었어요 😀
감사합니다 ㅠㅠ
부끄러워하는 라이언님이 나갔습니다.
헉
헉
카카오톡 서버 불탔다네요..
어
오픈카톡은 되네요
학원 쌤한테 과제 보내야하는데
헉
오잉
오픈카톡은 되는군요
다행이네요
오픈카톡만 되는군요?
삭제된 메시지입니다.
오 된다
와
hello world!
오잉
사진 전송은 안됨
오 일반 카톡도 되네요
카톡되나보내요
hello world 넘 웃기네요 진짜 터짐 ㅋㅋㅋㅋㅋ
와
와
되낭?
되나요
와우
되나봐여 아주 천천히 ㅋ
?-?
된다
오 이번엔 바로 보내졌당
문재인 대북송금 터지자마자 두시간 끊기길래 이번 주말에 설마 서버터지면 기록지우는건가했믄데
?
레전드다
.
레전드다
ㅋㅋㅋㅋㅋ 이건진짜
ㅋㅋㅋㅋㅋ 이건진짜
.
아
되나요 이제
되네요
오픈만 되는건가요?
아뇨 개인톡도 보내져요
엄청느리게 보내지긴해요
단톡은 안되네요 아직
헤롱헤롱 해요 아직
이게 사실이면 진짜 무섭겠더..
씁
음모론...ㅋ
ㅋㅋ
카카오 개발자 친구 지금출근중
긴말 안합니다,,
카카오로그인도 쫌 됐으면..
테오님 괜찮…나여?
거의 11시간걸렷네
카카오 주식 어뜨케 ㅠ
이모티콘
오
.
오 대박 된다
오
카카오 파워를 느껴서 오히려 오를지도
하루 정말 카뱅도 안되고 티스토리 카톡 다 안되니까 힘들었네요
하루 정말 카뱅도 안되고 티스토리 카톡 다 안되니까 힘들었네요
와진짜 건물 하나 불났다고 전국이 마비라니..
카카오 없인 살 수 없다..
메시지에서 탄내 나는 것 같기도..
카카오 주식 사고싶은데
총알이 없네요 ㅎ
전 바로 대체제부터 찾게 되더라구요 카뱅 계좌에 있던 돈도 다른 은행으로 다옮기고 일찍이 카카오 주식 처분한걸 잘했다 싶…
토양어선 가즈아..
.
카카오 파급력이 으마으마 하네요..
거기 야경이 어제 엄청 이뻤다는 슬픈 이야기가 있습니다
일상과 카카오의 의존성 관계가 너무나 깊군요...
필수적으로 연락해야하는 사람들이랑은 대체앱 하나정도는 갖고있는게 조아보이긴하네요..
제 주변에선 하나 둘 라인 설치하시던데 라인은 어떨까요?
라인 함 둘러봐야겟네요
왓츠앱도 유명하지않나요
텔레그램도 유명합니다
한국에선 그 일로 인식이 나락가서 그렇지…
외국 친구들은 텔레그램 많이 쓰더라구요
전 글서 어제 텔레그램 만들었어요
근데 거의 클라우드용으로 쓸 듯 싶어요 ㅋㅋㅋ
그냥 문자가..
카카오정도되는 회사가 이중화 안되어있는게 충격이네요
카뱅 메세지 안오네요
한국에서 잘 안쓰더라구요...
카톡은 메세지 오나요??? 전 카톡 푸시알림같은거도 안뜨는데...
글게요 10년 전에도 4시간동안 먹통이었을때 데이터센터 한 개밖에 없는게 논란이었다는데
비용절감이 목적이엇을까여 신기하네요
안녕하세요, 카카오팀입니다. 10월 15일 발생한 데이터 센터 화재로 인해 많은 분들께서 불편을 겪고 계신 점, 다시 한번 진심으로 사과드립니다. 10월 16일 오전 8시 현재, 카카오톡 및 카카오 서비스들의 복구 현황을 알려드립니다. ▲ 카카오톡 일부 이용자의 문자 메시지 송수신 가능 톡채널 및 이미지/동영상 파일 발송 불가, 카톡 PC 버전 로그인 불가 현재 정상화 작업 지속 진행중으로 메시지 송수신이 아직 원활하지 않을 수 있는점 양해 부탁드립니다. ▲ 다음 / 뷰 서비스: 다음 뉴스 기사, 뷰 서비스 발견 탭 및 My뷰 탭 이용 가능 ▲ 다음 카페: PC웹, 모바일 앱 개별 카페 읽기 쓰기 가능 ▲ 카카오맵: 앱 일부 기능(장소검색, 대중교통 길찾기, 마이페이지, 로드뷰) 외 이용 가능 ▲ 카카오페이 : 온/오프라인/해외 결제, 카카오T 택시 결제, 송금 관련 서비스, 자산관리, 증권 관련 서비스 이용 가능 ▲ 카카오 모빌리티 : 카카오 T 앱 (대리, 퀵/택배 호출 가능, 이동수단 예약 가능, 택시 호출 제외), 카카오내비 앱, 카카오 T 택시기사 앱, 카카오 T 대리기사 앱, 카카오 T 픽커앱 이용 가능 ▲ 카카오엔터테인먼트 : 멜론 스트리밍, 카카오웹툰 열람 및 결제 이용 가능 ▲ 카카오게임즈: 전체 모바일 게임 서비스 이용 가능 (PC 게임 제외) ▲ 카카오스타일(지그재그) : 카카오 페이 결제 및 주문 취소 기능 복구 완료 ▲ 픽코마 : 일부 웹 뷰어 기능 외 앱 기능 정상 작동 모든 분들께서 편리한 일상으로 빠르게 복귀하실 수 있도록, 카카오의 전 크루는 최대한 조속히 모든 기능을 정상화하는 데 최선을 다하겠습니다. 감사합니다.
저는 어제 하루종일 imessage 썻어요
혹시 설치없이 웹으로 간단하게 쓸수있는 ide 같은거 있나요??
오랜만에 문자감성 느꼈습니다
vscode는 있는데, IDE는 모르겠어요 https://vscode.dev/
구름ide요
codepen 이요
오! 이제 오픈채팅이 되는 군요~~ㅋ
크으
저희는 카카오랑 분리되어 있는데 일부서비스를 카카오에서 개발한 걸 쓰고 있어요. 그 라이브러리 URL이 접속이 안되면서 저희 캘린더에서 스크립트 오류가 나는 선에서 끝났답니다. (물론 그래서 아예 동작이 안됬지만) 그래서 언능 코드 수정해서 배포하려고 했는데 배포서버가 카카오에 있어서 ㅋㅋㅋ 그냥 자연치유를 기다렸는데 어제 새벽에 돌아왔길래 잘 되는거 공유하고 잠들었습니다
지금 진행하고 있는 스프린트 하는 팀에서 우리가 카카오 로그인 연동 개발하는거 어떻게 하죠? 라는게 좀 웃펐습니다 ㅋ
ㅋㅋㅋㅋ큐ㅠㅠ
ㅋㅋㅋ; 고생하셧습니다 서비스 안되서 불편하긴 햇는데 인명피해 없는게 젤 다행같아여
그러게요~ 제가 인프라팀에 있는 건 아니라서 자세한 내막은 모르지만 서버가 손상되었다니 보다는 전기설비쪽 문제로 서버가 강제로 셧다운이 되서 장애가 시작되었는데
네네
화재진압과 다시 전원을 넣고 복구하는 데는과정보다 서로 의존하고 있던 서비스들이 순서대로 안 돌아가니 어디가 어떻게 안되는지 파악하고 다시 띄울 수 있게 하는 과정에서 오래걸리거라고 하더라구요
이모티콘
이번 일로 소셜 로그인 연동만 있는 서비스는 위험하다는 생각이 들더라구요. 우리 서비스가 멀쩡해도 연동된 소셜이 먹통되면, 서비스이용자체가 불가능해지니.. 대표적으로 업비트가 카카오톡 계정으로만 로그인되게 해놨는데, 이거때문에 거래를 아예 못하게 되는 사태가..ㅠ
트레이드오프...
어제 같은 일이 일어나면 개발자는 어떤 일을 하나요??
기도..?
밤샘을 합니다
기도 ㅋㅋㅋ
출근?
우주여!
ㅋㅋㅋㅋㅋ기도하면서 기다리기 밖에 할수없을거 같은데 밤에 카카오 건물 불 다켜졌다길래 출근해서 뭐하는건지 궁금했습니다..ㅎㅎ
오늘 공부 하시는분들잇나염
이모티콘
현업에서 graphQL 많이 쓰시나요?ㅎㅎ
프론트는 편해요
백앤드가 지옥인가용?ㅎㅎ
생각보다는 많이 안씁니다 안쓰지는 않아요
teo님은 graphQL 사용하시는거 선호하시는 편이신가용?ㅎㅎ
백엔드도 딱히 지옥까진 아니었습니다 ㅎㅎ
백앤드에서 써보셨나요?ㅎㅎ어떠셨나요? REST API 썼을 때보다 협업하기 편하셨나요?ㅎㅎ
레스트 휴식
토스도 채팅기능있네여ㅋㅋ
토스 사용은 안하고 걍 깔아놓기만햇엇는데
네 저는 사이드프로젝트 할겸 사내에서 사용할 백오피스를 만들기 위해 nest에서 구성해서 사용 해봤는데, 그랩큐엘에서 제공해주는 플레이그라운드가 있어서 별도로 포스트맨같은 툴을 쓰지 않아도 테스트가 편했고, 만들어진 api들도 항상 최신으로 업데이트가 되니 그런 부분도 프론트에 전달하기 편했구요. 근데 REST보다 편했다? 라는건 아직 모르겠습니다. 사실 위에 저런 부분은 REST에서도 가능한 툴들이 충분히 있고.. 저는 오히려 프론트에서 더 귀찮지 않을까 생각한게.. 쿼리를 작성해야하는 부분이었어요. 백엔드에서 작성한 스키마를 그대로 쿼리로 작성해야하던데 그게 생각보다 작성할게 많아 보이더군요. 물론 코드젠 사용하면 자동으로 생성할 수 있긴하지만요. 그래서 결론적으로 그랩큐엘이 rest방식보다 편하다? 라는 생각보다는 음 ”굳이? 써야하나 그냥 쓰던 rest 쓰는게 낫겠다“ 라는 생각이 더 많이 들긴했습니다.
근데 하나의 백엔드 입장에서 api갯수가 줄어든건 괜찮았는데 음 그만큼 1개의 api가 여기저기서 쓰일 수 있는 부분이 규모가 커질 수록 오히려 조금 직관적이진 않았어요. 그리고 이건 별건 아닌데 디버깅할때 네트워크 탭에서 모든 API가 graphql로 보이는 것도 좀 번거로웠습니다. 그래서 rest로 이미 다 할 수 있는건데 이런 번거로움을 왜 감수해야하지 라는 생각도 들었구요.
재밌게 사용하긴 했습니다 ㅎㅎ
공감합니다 굳이 사용해야할까라는 생각은 들지않았어요 rest로도 충분히 다 해낼수있고요
저는 백엔드랑 커뮤니케이션 할일이 줄어서 좋았습니다..!
스키마를 두고 백이랑 프론트가 병렬적으로 개발할 수 있어서 편하긴했던거 같아요
오! 다들 좋은 경험담 공유해주셔서 감사합니당!ㅎㅎㅎ저도 한번 사용해보면서 어떤점이 불편한지, 반대로 어떤 점이 편한지 느껴보고싶네용ㅎㅎ
서버리스 서비스를 만들땐 편리한 방식이겠죠
서비리스 서비스라면, 예를 좀 들어주실 수 있으신가용?ㅜㅜ
그냥 서버직접 구축하지 않고 firebase 같은거 이용해서 서비스 하는거용
그럴 때, graphQL이 편리한 방식이라는 말씀이신건가용?ㅎㅎ
네네 그냥 간단히 생각하면 백엔드쪽 컨트롤러 없이 db만 직접 접근하는거라고 보면 되서요
아항! 그렇게 되려면 firebase 같은 거에서 graphQL로 요청이 가능한지 검토해봐야겠네용?
그쳐? next에서 제공해주는 api 라우트도 서버리스중 하나에여
graphql이란게 작은 서비스에선 굳이 불필요하고 대규모 서비스에서 좀 더 필요한 듯 합니다.
안녕하세요 면접 조언 좀 구하려고 합니다! 제가 1차면접에서 3대1면접으로 기술면접을 진행하였고, 2차 면접에는 대표님이랑 면접을 한다고하는데 2차 대표님과 면접 시에도 기술면접 같은 걸 볼까요? 아니면 인성같은 위주로 볼까요? 면접 보신 분들 조언 구합니다!
인성 위주로 볼거에요 보통
알림이 바로 바로 안오니까 답답하네요. 잘되어 있는 graphQL을 사용하는 것은 행복한 경험이긴 합니다. 그걸 구축하는 과정은 힘들구요ㅎ 특히 graphQL이 Node 인프라를 중심으로 되어있었다 보니 JAVA쪽이랑 하는 부분에 대해서도 논의가 필요하고 특히 성능이 안나오는 경우가 있어서 좀 비선호 하시더라구요. 컴이 활발한 목적조직보다는 파트가 달라서 grpahQL를 서비스 처럼 제공해주는 경우에는 좋다고 생각합니다.
맞아요. graphQL은 Rest 보다 더 복잡하고 사실 백엔드보다는 프론트엔드를 위해서(?) 제공해주는 성격이 강합니다. 할게 더 많은 것은 사실이니까요.
이모티콘이 달리지 않네요! 코멘트 감사합니다!!
보통 2차에서도 기술을 안보지는 않구요 보통 2차에서 보는 기술면접은 기술적인 지식을 알고 있냐라기 보다는 해봤던 것을 바탕으로 하는 기술적인 내용이나 협업을 하는 과정에서 필요한 기술적인 이야기 정도를 얘기하게 될거에요. 가령 본인이 작업했던 프로젝트에 대해서 한번 설명해보세요와 같은.. 대부분의 경우는 우리 컬퍼핏과 팀원과 맞을지 성향과 가치관등을 점검하고 우리 회사의 방향성과 우리 회사를 진짜 오고 싶어하고 관심을 가지는 사람인지 그냥 취업을 위해 오려고 하는 것인지 정도를 구분하려는 얘기들을 주로 나누게 되실거에요
❤️
풀스택 차원에서 백엔드 공부할 건데, node js랑 스프링 중에 어떤 걸 공부할까요
상관없을까요
상관없을까요?
정말 감사합니다 ㅜㅜ
찍먹으로는 둘다 해보면 좋구요 목적이 서비스를 개발하고자 하는 것이라면 node가 더 변할거에요. 한 언어로 개발할 수 있고 next나 기타 메타 프레임워크들은 대부분 node니까요. 정말 공부를 위해 그리고 협어을 하기 위해서는 찍먹을 해두시면 실제 엔터프라이즈로 갔을때 백엔드 개발자와 소통하는 측면에서는 좋아요. 하지만 실제로 서비스를 이원화해서 개발하려고 하면 그렇게 편하지는 않을거에ㅛㅎ
저 질문이.. 이 자체를 서버리스라고 할 수 있나요? 서버리스 방식으로 배포를 한다면 그렇게 볼 수 있겠지만요!
유익하고 정성스러운 답변 감사합니다!! 결정하는데 도움되었습니다 ㅠㅠ
질문이 하나 있습니다. nextjs api routes를 쓸 때 버셀로 배포하려고 하면 경로 문제로 계속 배포 오류가 나는데, 혹시 배포할때는 api routes를 이용할 수가 없는걸까요??
asdf로 nodejs 버젼 체인지 하시는분 있나요? ㅋㅋ 왜 노드제이에스 패쓰 못 찾지 asdf로 설치하면 흠.. m1만 이런가
which node 해보면 path 머나오나요?
node를 brew로 설치하셨나요
삭제된 메시지입니다.
삭제된 메시지입니다.
아뇨 asdf라고 nvm 같은거요 노드 버젼 여러개 바꿔가면서 쓸수잇는거
asdf는 브류로 설치
n이 좋던데용ㅎㅎ
Snowman님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요
안녕하세요 일하기 싫은 네오님 반갑습니다 :)
넵
아! snowman님! 환영합니다. ㅎㅎ
여기는 프론트엔드에 대해서 궁금한 것들을 물어보고 아는 것은 알려주고 공유하면서 함께 성장하고자 하는 곳입니다. 잘 부탁드려요.
넵 잘부탁 드립니다!
메일로 다음번 스프린트 문의를 알려주셨는데 12기는 현재 진행중이며 월요일날 마무리가 됩니다. 스프린트는 제 일정에 맞춰서 여유가 있는 시기에 진행을 하려고 하고 있구요 의도하지는 않았지만 보통 1~2달 정도의 간격으로 계속 진행이 되고 있습니다. 11월과 12월 사이에는 다음번 스프린트를 생각하고 있으니 따로 공지를 드리도록 하곘습니다. 감사합니다 :)
아 그렇군요 감사합니다!!
부모인 div보다 더 큰 img를 부모div의 높이에 맞춰서 집어넣고 싶은데 어떤 방법이 있을까요? img에 height 100%를 넣으니 비율이 깨집니다 width auto를 걸어두요 ㅠㅠ 저는 부모 div의 width가 이미지보다 작아지면 이미지 좌우를 잘라내고싶어요
그러니까… 부모 div의 width가 줄어들면 내부의 img가 찌그러지면서 같이 폭이 좁아지는게 아니라, 부모 div의 width가 줄어든만큼 내부 img는 비율은 유지하고 양옆이 잘려나가는형태에요!
혹시 구현해보신적 있거나 관련 글 아시는분 공유해주시면 감사하겠습니다 ㅠㅠ
objectfit..?
objectift none를 하면 거의 원하는대로 나오긴하는데 부모의 height로 높이를 맞추는게 아니라 원본 이미지의 height를 따르더라구요 ㅠㅠ
헉 감사합니다 번뜩 생각나서 cover이랑 height 100%를 같이주니까 되네요 ㅎㅎㅎㅎ
Arguments(3) [1, 2, 3, callee: ƒ, Symbol(Symbol.iterator): ƒ] 같은 유사배열 객체에서 length 프로퍼티는 왜 안 출력이 안되나요? Object.getOwnPropertyDescriptors(arguments) 로 출력해보면 다른 1,2,3,callee,Symbol(Symbol.iterator)와 똑같이 나오는데 ㅠㅠ
React-query fn이 꼭 프로미스함수가 아니어도 되더라고요 Timer만들기나 글로벌 state만들기등 신선해서 공유합니다!
이모티콘
오! 친절한 답변 감사합니당!ㅎㅎ
밍밍님이 들어왔습니다.
안녕하세요. 프론트엔드 시니어 개발자 테오입니다. :) 여기는 개발을 하다가 문득 궁금해진 것들을 서로 물어보고 좋은 것들은 공유 하는 공간입니다. 환영합니다 ♥ 지난 글 지난 링크 보기: https://developer-1px.github.io/teo-yu-frontend/ 디스코드 채널: https://discord.gg/ZCFTMTfGQj
안녕하세요! 채용 공고를 보다가 궁금한게 생겼는데요. 프론트개발 공고인데, 이런 문구가 있더라고요. “웹 개발 능력은 입사시의 기본 요구사항이지만 기획, 서버개발, 클라이언트개발, 테스트, 배포, 데이터분석 등 관련된 전 영역을 포함해 자신의 영역을 넓힐 수 있는 의지가 있는 개발자를 찾고있습니다.” 일단 합격해보고 고민하는 게 맞긴한데, 신입으로 들어가는거라 전문성이 중구난방이 되지 않을까 생각되는데 어떻게 해석해야할까요..?
기획, 데이터분석 있는거보면 좀 그렇긴한데
얼마를 주고 부려먹으려고 저렇게 시키는거지…
프론트개발자 공고가 맞나요..?
중구난방에 엄청난 업무량이 기다릴거같아요 (야근..)
가지마세요 ㅋㅋ
노예구함 인거 같은데요..
맞아요..
너무하지 신입한테
^^..
일단 어디든 지원해보고 궁금한건 면접때 물어보시는 것도 좋을 거 같아요 ㅎㅎ
ㄹㅇ ㅋㅋ 회사 양심 뒤졌나
안녕하세요,.,! 첫 회사로 외국계 중소기업 어떤가요!!?
테스트코드를 공부하고 있는데 프론트엔드에서 다들 어떤 테스트를 먼저 짜는지 우선순위 다들 있으신가요?
👏🏻
답변주신 분들 모두 감사드립니다! 면접에서 물어보고 런 각잡아야겠네요!!
js에서 ==은 언제사용하는게 좋을까요? 평소에는 ===만 사용했었는데 ==를 사용할만한 경우가 있는지 궁금해요
==는 형변환할 때 사용한다고 알고있어요!
안 사용하는게 좋습니다 ㅎㅎ
저도 지양하는게 좋다고 알고 있는데 예전에 면접관님이 여쭤보셔서 다른 경우가 있나..했습니다 ㅎㅎ
명확하게 타입이 정해져있는 상황에 굳이 ===을 사용하실 필요는 없죠. ==보다 ===이 느려요
형 변환이면 number에서 string 요런게 맞나요?
오 그건 몰랐네요.!!
감사합니다
null 이나 undefined check 할 때 == 사용하면 좋다고 알고 있어요!
좋다기보단 편리한..?
타입 체킹 해야해서 == 이 좀 더 느릴거에요
아 그러겠네요!! 감사합니다
그냥 = 이걸로 하셈
메인 비즈니스 로직 우선적으로 짜긴 합니다.
이거는 회사 개발플젝을.. 무급으로 하겟다는 의미일려나요..
실제 회사의 요구를 바탕으로 프로젝트 경험을 가지고 싶으신 프론트,벡엔드 개발자분들과 웹 디자이너분들 구합니다. 사이드프로젝트로 시작해서 런칭까지도 생각중입니다
궁금하시면 연락을 해보시면 되죵
다들 몇년차 이신가요~~
1년이용
네 저런거 많아요 돈안내고 자기사업 하려고 사이드플젝으로 인력모집하는 사람들
ㄷㄷ 많군요
만약 그런식으로 하는 사람들이 있다면 진짜 얼마나 인성이 타락한거지;
그래서 호구안잡히려면 잘 알아봐야됩니다... 외주 공짜로 해주는 셈이 될수있으니
런칭까지 생각중이라고 한다면 실제 런칭후에 어떻게 진행되는건지 꼼꼼하게 물어봐야해요 수익분배가 되는것인지
안녕하세요. 이런거 여기 질문드려도 될지 모르겠지만 현재 m1 에어 램 16기가를 갖고 있는데 맥북프로 16인치 m1 pro깡통으로 기기 변경을 할까 하는데 어떻게 생각하시나요? 차이가 많이 날까요?
요즘 대학생 시험기간인가요?
딱 제 케이스네요
저는 화면 큰 것때문에 사긴 했지만
아하 네, 네오님
성능면에서는 큰 차이는 못느꼈습니다
대학원은 담주 중간고사라 하더라구요
그렇군요! 디스플레이의 차이 말고는 크게 추천할정도는 아닌가요?
어떤 이유로 바꾸시려는 건가요?
개인적으로 13인치가 외부에서 작업 시 좀 불편하더라구요.
디스플레이만으로 바꾸는 게 맞나 싶은 생각이 들어서 성능 측면으로도 뛰어난지 궁금했습니다😃
디스플레이 중요하죠..
저는 눈이 빠르게 나빠져서 샀는데
만족합니다 정말
역시 디스플레이..
만족하시는군요!
확장성 중요하시다면 바꿔도 괜찮지 않을까요
성능은 체감할 수 있는 환경이 아니라서..
체감상 발열은 확실히 적은것 같아요
에어는 외장 디스플레이도 1대만 연결가능하고 포트도 두개밖에 없어서 좀 불편할때가 있는거 같아요~
아 시력하니까 요즘 흐릿해진것같은데
블루라이트 차단??
이거 효과 보신분 있나요
저는 항상 13은 너무 작어서 15이상으로 샀어용..!
집에서만 쓸꺼면 13도 충분한데
오오... 너무나 좋은 의견들..
너무 감사하고 더 해주셔도 좋을 것 같아요!
회사에 지원넣는 주니어분들 경력직 채용공고에도 넣으시나요?
1~3년차 까지는 지원하고
3년차 이상, 이런곳은 지원 안합니다!
오 그렇군여
로켓펀치는 경력(필수) 라고 아예 못박아놓네요
아 이미지가 안가네
그래도 신경안쓰고 지원합니다 ㅎㅎ
그 Form이 있어가지고 걍 지원을 못하게 막아놨네요
공고에 N년에 준하는 실력 이면 넣으셔도 됩니다
이전에 다니던 회사명 재직기간 이 런거 필수입력이라
코태로만 지원하는 채용 회사는 어디서 알아보나요?
네 저는 일단 다 넣었어요
합격해서 면접본 경우도 많았구요
괜히 쫄필요 없어요
걍 5년차도 넣었는데
면접까지는 보던데ㅛㅇ
저도 5년차 6년차는 안넣고
3년차까지는 다넣었어요
그 포폴을 지금 만드는 중인것들이 있는데
제출하면 감점될려나요 미완이라고
저는 포폴 만들면서
계속 넣었습니다..
1주일에 10개 정도?
다 떨어질 각오로 넣었어요
오 그렇군여 그러는 와중에 합격하신건가요?
ts에서 env 사용할때 따로 설정해줘야할게있나요
10개 넣으면 1개 정도 서류 붙었고
어차피 수십 수백명 지원에 한두명 뽑는거라 괜찮다 싶은 사람은 다 면접보게해서 생각보다 합격률이 좋진 않을거에요 준비 제대로 안하면 그래도 경험 쌓긴 좋음. 진짜 가고 싶은 몇몇 회사는 젤 마지막에 지원 하세영 ㅋㅋ
경로요
나머지는 다 떨어졌습니다..ㅎㅎ
경로가 정확히 뭔가용
엌ㅋㅋ
요새 근데 진짜
불경기인지 정말 구인 잘 안하긴 하나봐요
그 플젝 디렉토리마다 파일들 경로가 다를거잖아요
그것들을 설정해줘야해요
플젝 디렉토리 내의 파일들마다 경로가 다를거잖아요* 쑤정합니다!
와 그런가요 ㄷ
특히 프엔 경력직은 생각보다 좋은회사 들어가기 쉽지 않을 수 있어요 큰 회사들도 TO자체가 적어서
흑
ㅠㅠ
그래서 면접도 일부러라도 경험을 좀 해본 후
제대로 준비 해보시는게 좋을거 같아요
역시 취업은 백엔드죶
죠
역취백 ㄷㄷ
ㄷㄷ
근본없는 분야라 ㅠㅠ
ㄸ
오 면접 경험을 위해서라도 그냥 지원해야겟네여 일단
제가 몇군데 면접 봐본결과 경력직 모집이고, 프엔조직이 늦게된 회사가 많아서 조금 모자라지만 배우러 올 사람 말고, 실제 조직에서 성과를 보이거나 리딩 할 사람을 구하는 케이스가 많았던거 같아요
오 그렇군여
말되네여
프론트는 역시 취직하기 힘든가요
잘하면 다 데려갑니다
이모티콘
성과를 보인다는건 결국 경력정도의 실력이어야한다는 말이니
짤에 차트가 ㅋㅋㅋ
맞습니당!
전 풀스텍으로 많이 일해서 프엔만 전문으로 구하는 규모있는 회사보다는 스타트업 같은데서 더 선호하긴 하더라고요 (잡일 다 시킬라고 ㅡㅡㅋ)
이제 이미지 전송되나보당
안되넹
사진
오 된다
컴공졸업한지 2년 거의 다 되가네여. 내년 2월이면 딱 2년째
로켓펀치 경력란에 저는 대표적인 프로젝트 넣어서 맘대로 채우고 회사는 [신입]으로 기입하고 지원했었어요 어차피 마지막페이지에 별도 파일로 이력서 제출할 수 있어서요~
오 그렇게도 할수잇군여 감사합니다
넹 그렇게 해보세요~~ 결국 회사도 별도로 낸 이력서만 보더라구요
제가 인터뷰 딱 한번봣는데 그곳에서 공백기 가지고 걸고 넘어졋엇는데 흠촘뭐네요
window.innerWidth 랑 outerWidth가 브라우저 창의 내부와 외부의 길이로 알고 있는데
창이라고 하면
어디까지를 말하는 건가용?
브라우저 창의 border까지 = outerWidth 브라우저 창의 border 내부만 = innerWidth
혹시 kakao.min.js 사용하는 서비스 있으시면 서비스 한번씩 확인 해보세요! defer나 다른 작업 안해놓으면 랜더블락생깁니당 ㅠㅠ 저도 방금 해결했네요 ㅠ
혹시 어떻게 해결하셨나요? 저희도 같은 이슈입니다ㅠㅠ
script tag에 defer 적용 해주는것만으로도
효과 보실 수 있는뎅 문제는 sdk 사용하는 부분을 잘 확인 하셔야 해욤!
감사합니다! 바로 적용해보겠습니다
사진
혹시 스샷처럼 라이브러리 설치하거나 사용할때 앞에 @붙은 라이브러리는 왜 @붙는지 차이가 무엇인지 아시는분 있나요?
scoped package라네요
네임스페이스역할
네임스페이스 역할 아 감사합니다
사진
이번주도 화이팅 하세용
지금 첫 출근길인데
첫 날 팁 있을까용
하지 말아야 될 행동이라던가..
저도 첫출근입니다...! 네오님도 화이팅..!
이모티콘 우리 화이팅..!
화이팅!
첫날 팁이라면 사람들을 많이 만나고 얘기를 나누는 거죠! 일단은 친해지는게 중요합니다. 말을 걸어와 주는 사람도 있겠지만 대부분은 그러지 못해요. 궁금한 것들을 정리하면서 한번씩 질문을 해보는 것도 좋습니다.
헉 테오님이 직접 답변을,,, 질문 리스트 적어놨는데 사수분께 하나씩 물어봐야겠네용!! 감사합니다!
온보딩 체계가 잘 되어 있는 회사라면 좋겠지만 그렇지 않은 경우에는 몇 시간씩 뭘 해야할지 모르는 상황에 덩그러니 놓여있는 경우가 생기기도 합니다. 그 때는 내가 뭘하게 될지 상상을 하면서 필요한 것들을 물어가며 정리해보는 것도 좋습니다. 그때 그때 전달받은 URL이나 파일들 해야할일들을 받아가며 나만의 온보딩 방법등을 정리해봐도 좋구요.
저는 예전에 첫출근할 당시 이주일 정도내내 사내 문서만 읽었던것같네요 ㅎㅎ
질문 리스트 멋지네요!! +_+bb 제일 일 순위는 역시 사람들이랑 친해지는게 제일 중요한거죠. 여기서 친해진다는 의미는 사적으로 친해지는게 아니라 언제든 내가 물어봐도 된다는 안정감을 만들어내는 것을 의미해요. 다른 사람들도 나에게 말거는게 부담스럽지 않고 나 역시 다른 사람들에게 말거는게 부담스럽지 않도록 분위기를 만들어야 일을 해도 즐거울수 있으니까요
넵 사람들과 좋은 관계 신경쓰겠습니다!!
인사잘하기요
ㅋㅋ;
Hello World
₩
감사합니다 ㅠ 명심하겠습니다!
emotion css가 로컬에서 작동하는 거랑 배포했을 때 작동하는게 다른데 이유가 있을까요??
N년차 분들께 여쭤봐요! 좋은 기회가 생겨 다른 시니어 개발자분과 커피챗을 할 시간을 마련했는데, 어떤 질문을 드리면 좋을지 고민하고 있거든요. 혹시 신입으로부터 이런 질문을 받았을 때 좋았다는 점 있으실까요?
와드
면접볼 때 "다니다가 이직할 생각이 있냐" 고 물어보면 뭐라고 답하는게 좋나요..? ;; 개발직군의 이직은 필수(?) 아닌가요... 사실대로 답하는게 좋나요 아니면 아니요 이 회사에 뼈를 묻겠습니다 라고 말하는게 좋나요
개인적으로는 내용보다는 태도가 중요하고 보편적으로 좋은 질문보다는 나를 중심으로 개성있는 내용이 훨씬 더 좋은 것 같아요 :) 어떻게 보면 좋다는 질문이 사실은 식상한 질문일수도 있으니까요. 뻔한 대답이긴 하지만 나의 관심사와 그 시니어 개발자이니까 대답해줄수 있을 것 같은 접점안에서 깊은 이야기를 많이 물어보시면 좋을 것 같아요.
어차피 정답이 없는 질문인데 그럴 생각은 없다고 해주세요 저는 이 회사가 이러이러한 점이 좋아서 지원을 했고 그것이 유지된다면 즐겁게 열심히 다닐것 같습니다. 그러지 못하게 되는 경우가 생긴다거나 지금 보다 더 나은 회사가 있다면 생각을 하게 되겠지만 지금은 그런 생각보다는 여기서 뭘 할 수 있을지 내가 어떻게 성장할지 더 집중하고 싶습니다! 뭐 이런식 어때요?
저도 이질문 받았었는데, ~이런점이 좋아서 여기에 입사하고 싶고 이런점이 있다면 이직생각은 없을것같다 이렇게 대답했네요
여기 최종합격했습니다
사실 내용보다는 태도라서 같은 말도 영악하게 굴려고 말하는 것은 티가 나서요... 진정성있게 내 생각을 말하고 있다면 극단적으로만 말하지 않으면 좋아할 거에요. 그리고 겸손할 필요는 있지만 필요이상으로 솔직할 필요는 없다고 생각합니다. 듣기 좋은 말을 해주는 건 좋은 거죠 ㅎ
이게 정답 아닌가요??😂😂
react와 ts를 사용하는 환경에서 react-app-env.d.ts file에서
/// <reference types="react-scripts" /> declare namespace ReactJS { export interface ProcessEnv { NODE_ENV: "development" | "production"; REACT_APP_BASE_URL: string; } } 이렇게 선언을 해주고 .env 파일에서 REACT_APP_BASE_URL에 값을 넣어줬는데 undefined가 떠요
어떻게 말하는지 사람을보는거지 내용을 묻는건 아닌거같네요
저를 중심으로 한 개성있는 질문! 을 찾아보겠습니다 :) 어렵네요. 태도가 중요하다는 부분에 깊이 공감돼요! 감사합니다!
찍찍님이 나갔습니다.
하 정말 사수없는게 너무 힘든게
라즈베리파이로 노드레드 실습해보라는데
어떠한 케이블 하나도 없이 라즈베리파이 하나만 덜렁 주네요./.
전원케이블도 hdmi 케[이블도
우는아이한테 뭐라도 더 준다고... 계속 요구 해야 챙겨줘요 안그러면 뭐가 안되고 있는지도 몰라요
그니깐요...
진짜 딱 이건거같아요 뭐가 있는지도 없는지도 모륵도
그냥 지시만 내리는
진짜 사수없는게 제일힘든거같아요
회사 사무실 아무리 다 뒤져봐도 없고 하
매번 코딩하면서도 이게최선인지 끊임없이 으심해도 답이안나오니..
사진
안녕하세요 지금 MUI Grid를 사용하는데, 3,4번 을 2번 아래로 위치하도록 하는 방법이 있을까요??
2,3,4를 또 하나로 묶어야죠
그렇게 하려했는데, 반응형으로 하려하면 2가 1번으로 올라가야해서요ㅠ
혹시 리액트 뷰티풀 디앤디 드래그할때 아이템의 위치가 이상한곳으로 튀는 이유를 뭐로 유추할수 있을까요?
이상한 위치라고 함은… 아마 렌더링문제가 아닐까 싶은데 이동하지 않은 아이템의 경우에는 렌더링안되게 막으면 되지 않을까요??
가져다 놓을 때 튀는 거 말씀하시는건가요?
움직일때 해당 아이템이 플로팅 되었을때 튑니다!
드래그 시작하고 무빙중일때 위치가 이상한곳에 떠있네요..
음 코드를 봐야 알 거 같아여…
근데
여러분들이 생각하는 좋은회사라 불리는곳에도
사수없는경우는 흔합니다
평행한 문화라고 하는데 사수가 있을리가없죠
다들 동등한위치인데
ㅠㅠ 그렇군요
사수라가 있는곳이면 당연히 연차높은사람이 높은사람이고 꼰대문화도 파생댈수밖에..
사수한테 교육받아야하는사람을 높은 연봉을 주는것도 말이안되죠
높은급여면 알아서 잘하는사람을 뽑으면되니
명사수 ㄷㄷ
정상수 ㄷㄷ
유명가수 ㄷㄷ
찾앗어용! 이유는 부모에 필터: 드랍섀도우 때문이었어요
저는 사수가 없는 곳에서 시작했고 이제 1년이 다 되어가는데 개인적으로 만족하고 있어요 그렇게 생각한 이유가 저는 수동적으로 살아왔는데 혼자 책임을 갖다보니 능동적으로 행동해야해서 조금씩 변해가는게 좋았어요 다만 혼자여서 오는 압박감도 있고 기술적으로 고민이 되는 부분이 많았지만 이전의 나를 반면교사삼아 보완해나가고 있어요 ㅎㅎ 프론트엔드는 아니지만 올라운더(?)개발자가 계셔서 부족한 점들 지도 해주시기도 하고요. 이제는 여럿의 인원이 함께하고 있고 지난 1년간 많은 경험을 한 것 같아요 ㅎㅎ
오.. 멋있어요
오.. 또 하나 배웁니다..!
연봉 낮아도 유능한 사수있는 곳에서 시작하고 싶다
유능한사수는 요즘 개발자시장에 역설적인단어..
유능하면 좋은회사에서 본인일만…
왜요? 다 고만고만 하나요??
악
아뇨 사수 부사수있는곳에 좋은개발자있기 어려워요 ㅋㅋㅋ
부사수가아니라 본인급 당장같이 일할 동료를뽑아주죠
유능한사람이? + 좋은회사면 채용할떄 본인이랑 당장 시너지맞출 동료를뽑지 부사수 안뽑죠
이미 잘해서 좋은 동료로 높은 처우받고 들어갈생각을 하시는게 좋습니다
밑에서 배울생각마시고
진짜 그렇네요
그냥 같이 일하고 생각나눌 동료가있으면 좋은거지
배울생각보단 그게 더좋은거같아여
맞아요 같은 위치에서 생각나눌 실력과 사회성
사수 부사수관계라는게 좀 시대가 지난거같습니다
한마디로 신입으로 취업하기 더 어려워지고잇다는
뜻이군요
3년차 준하는실력을…빠르게얻으세요 ㅋㅋㅋㅋ
이모티콘
이모티콘 따흑따흐흑
프론트 개발자 분
투잡 뛰시는 분 있나요
3천초봉이 보통이었는데 개발자 초봉 5천준다 6천준다 6500준다 이말이 신입의 기준이 높아졌다는 뜻도 맞죠
대기업 수준 아닌가요
중고신입만오라는뜻
.....
6500받고 신입이들어오면 잘해야죠 열심히뿐만아니라 잘해야지...
6500 어디서 주나요 카카오? 네이버?
그냥 회사에 도움 될 사람만 오라는 의미
엄청 많이 받네 부럽네
아
그냥 의미 ... ㅋㅋ
찾아보면 나와요
네카라아니어도
꽤많은디
스타트업 중에서도 있긴해요.. 근데 그만큼 아웃풋을 뽑아야....
당근마켓, 채널톡이 개발자 최저 연봉이 6500 수준인 것으로 알고 있어요
그런데는 준유니콘이니
와우
다른데는모르겠는데
당근은 아예 채용공고에 박아놨떠라구요
6500준다고
사실 그런데는 상위 5 퍼센트고