갠톡보내서 죄송합니다 보고서 초안 쓰신다고 하셨는데 어떻게 쓰실건가요

2022년 10월 4일 화요일

모모링

전 그냥 모바일, PC 관계없이 가장 바깥에 body, html 같은 녀석들한테 100vh 주고 시작하고 그 외에는 vh vw 잘 안쓰게 되더라고요

오전 12:38

신난 어피치

전 유용하긴 한데 vh는 모바일 브라우저에서 문제가 좀 있어서 가급적 안쓰는 방향으로 하려는 편이에요.

오전 12:39

모모링

Section들 사이즈는 주로 px로 만들고, 나머지 가변 가능한 영역만 calc로 픽스된 영역만큼을 빼서 계산 하거나... flex 같은걸로

오전 12:39

nator

음 최상위에 100vh 주면 가끔 전체 컨텐트에 백그라운드 컬러 주고 스크롤이 생기면 내리는 순간 흰배경이 나와서 저도 100vh 는 피하는 편이긴한데

오전 12:47

스크롤 할일이 없는 앱이면 상관없겠지요:)

오전 12:48

모아이

피그마에서 모바일과 웹 두가지 시안이 있는데 모바일 사진 사이즈로 줬다면 웹기반과 모바일 두가지로 이미지를 사용하려면 피그마에서 2x로 다운받아 사용해야하나요 .. ?

오전 12:48

허브님을 존경하는 어피치

rem은 주로 모바일환경때문에 씁니다

오전 12:48

모바일에선 설정으로 폰트크기를 줄였다 늘였다할수있는데

오전 12:49

그때 폰트크기설정에 레이아웃도 대응하기 위해 쓰죠

오전 12:49

nator

아 설정에 따른 부분을 생각을 못했네요! 근데 그런 경험 없으신가요 전반적인 텍스트 크기에 대해 어떤부분에 크기변경을 할지.. 예를 들어 일반 텍스트(글 내용)는 모바일에서 읽기 좋은 적절한 크기인데 버튼에 대한 텍스트는 너무 커서 좀 작아졌으면 하는 그런경우?

오전 12:57

이럴려고 rem 을 쓰는걸로 알고 있습니다만

오전 12:59

저는 추가로 window.innerwidth를 사용해서 대응하는 일이 현업에서 있으신가 궁금합니다!

오전 1:02

미호

안녕하세요 질문이 하나 있습니다! 프로젝트 내에서 yarn 명령어를 입력했을 때 나오는 Some peer dependencies are incorrectly met 이 경고 메시지를 해결하지 않으면 혹시 큰 문제가 될까요? ㅠㅠ 패키지 A,B가 패키지C의 다른 버전을 원하는 등 문제가 계속 발생해서 시간이 너무 지체되고 있습니다

오전 2:32

무한공부중

혹시 이 에러 아시는 맷돌님 계신가요?

오전 3:45

단무지시러행

혹시, 리액트 커스텀 훅을 실무에서 많이 사용하나요?

오전 7:35

이건 키워드를 뭐라해야검색이되나요?

오전 8:00

연봉업

아 클래스형 컴포넌트에서만 사용되는건가봐요

오전 8:05

무지성 개발자

아니에여 컴포넌트들을 그냥 객체로 묶어줘서 사용한다고 생각하시면되요

오전 8:06

객체도 결국은 데이터의 집합소니까 묶어줬다! 생각하시면됩니당

오전 8:06

슈슈슉슈슈슉

부트스트랩인가? 앤트디였나? 하여튼 Title.Paragraph 이런식으로 쓰는거 봣어여

오전 8:10

유용태 (teo.yu)

다들 연휴는 잘 보내셨나요? 스프린트 날짜가 확정되어 참가 신청을 받으려고 합니다. 많은 관심 부탁드려요 :)

오전 8:15

오랜만의 스프린트 소식입니다!! 구글 스프린트 12기를 모집해봅니다. 기획부터 설계 디자인 프로토타입 테스트까지의 5일간의 협업을 경험합니다. 완성이라는 목적보다 협업을 경험하고 타 직군들의 업무를 이해하고 빠르게 기획부터 배포까지의 한 사이클을 익혀보는 것을 목적으로 합니다. (프론트엔드 외 디자니어/백엔드/기획/UX님도 정말정말 환영합니다!) 날짜 10/12(수) ~ 10/17(월) 밤 11시 *토, 일요일은 팀끼리 자율적으로 시간을 사용하게 됩니다. 최소조건 - 스프린트인 만큼 평일 매일 밤 11시 최소 2~3시간의 온라인 미팅 시간 확보는 꼭 필요합니다. - 실질적인 개발은 주말에 하게 됩니다. 주말 2일 전부를 개발에 투자할 필요는 없지만 여유시간은 확보해주세요 :) - 팀 프로젝트인 만큼 중도포기 하지 않을 수 있어야 합니다. https://docs.google.com/spreadsheets/d/1M_wTmJrE7HSG149hJ0BZHrvml39CE24mkYWlyehfTn8/edit#gid=0

오전 8:15

톡게시판 '공지': 오랜만의 스프린트 소식입니다!! 구글 스프린트 12기를 모집해봅니다. 기획부터 설계 디자인 프로토타입 테스트까지의 5일간의 협업을 경험합니다. 완성이라는 목적보다 협업을 경험하고 타 직군들의 업무를 이해하고 빠르게 기획부터 배포까지의 한 사이클을 익혀보는 것을 목적으로 합니다. (프론트엔드 외 디자니어/백엔드/기획/UX님도 정말정말 환영합니다!) 날짜 10/12(수) ~ 10/17(월) 밤 11시 *토, 일요일은 팀끼리 자율적으로 시간을 사용하게 됩니다. 최소조건 - 스프린트인 만큼 평일 매일 밤 11시 최소 2~3시간의 온라인 미팅 시간 확보는 꼭 필요합니다. - 실질적인 개발은 주말에 하게 됩니다. 주말 2일 전부를 개발에 투자할 필요는 없지만 여유시간은 확보해주세요 :) - 팀 프로젝트인 만큼 중도포기 하지 않을 수 있어야 합니다. https://docs.google.com/spreadsheets/d/1M_wTmJrE7HSG149hJ0BZHrvml39CE24mkYWly

오전 8:15

슈슈슉슈슈슉

ㅠ 하고싶은데 시간이 넘 늦어서 못하겟네용 아쉽

오전 8:15

유용태 (teo.yu)

시간은... 너도 항상 그렇게 느끼고 있습니다. 2~3년만 지나면 정상적인 시간에 할 수 있지 않을까?? 생각해봅니다. 양해 부탁드려요

오전 8:16

슈슈슉슈슈슉

ㅎㅎ넹넹 육아하신다고 하신거 봣어여 홧팅이에여 다음 기수땐 참가하고 싶습니다

오전 8:17

전재연(JAENY)

크으.. 고민된다 ㅠㅠ 오늘 첫출근이라 당분간 조금 다른 활동이 어려울거 같은데.. 다음기수를 노려봐야 할까요 ㅎㅎ

오전 8:21

유용태 (teo.yu)

저희가 프론트엔드를 중심으로 하나 서비스 개발은 협업으로 이루어지는 만큼 주위에 디자이너분이나 디자인지망생이 있다면 넌지시 한번 알랴주세요 ㅎㅎ

오전 8:22

오!! 첫출근 +_+ 축하드립니다!!! ㅎ

오전 8:22

FE💪🏻

축하합니다 저도 빨리 이쪽 세계로 취업하고 싶네요 내년에 32인데ㅎㅎ..

오전 8:25

전재연(JAENY)

출근시간 10시까지인데 약간 미라클 모닝 비슷하게 해보자구 회사근처 카페에 와써여

오전 8:26

슈슈슉슈슈슉

이모티콘 왜케 부지런하시죠..? 전 맨날 10시10분까지 출근햇다 된통까엿는데 ㅎ..

오전 8:27

화면보는백엔지니어

9시 출근 1시간 일찍 오ㅓㅆ는데

오전 8:27

전재연(JAENY)

이전 회사도 처음엔 9시 출근이었는데 맨날 40~50분 일찍와서 나중에 8:30 출근으로 바꾸고 그마저도 맨날 8:00에 도착했었쥬 아침마다 자스딥다이브 읽기 했었는디 아직도 다 몬읽어써여

오전 8:29

늘어난고영희

전 저 책 읽고 이직 결심했었지요..

오전 8:29

슈슈슉슈슈슉

그책 저희 회사 필수도선데… 서론밖에 못읽음

오전 8:29

전재연(JAENY)

재밌는뎅.. 저는 얼마전에 2회독 시작햇어여

오전 8:30

슈슈슉슈슈슉

재밌다고 하시니 저도 다시 한번 도전해보겟습니다..

오전 8:31

전재연(JAENY)

남자임미다 ㅋㅋ 왜 궁금하셨던거죠!

오전 8:32

재밌는건 취향인데 유용한 책인건 찐 확실! 보증합니다..

오전 8:32

슈슈슉슈슈슉

넹 괜히 필수도서로 지정한건 아닐거 같긴한데.. ㅋㅋ 책만 보면 졸려섴ㅋㅋㅋ

오전 8:33

FE💪🏻

여자분이셨으면 여자라서 꼼꼼할 거야 핑계 대려고 했는데 ㅋㅋㅋ 실패했네요.. 저도 본받아야겠네요..ㅎ

오전 8:33

전재연(JAENY)

오우 그럼 어떻게 여태 공부하셧져 ㅋㅋ 저도 근데 가끔 코딩하다가 졸려요..

오전 8:34

슈슈슉슈슈슉

꼼꼼하고 깔끔하신 남성분들 얼마나 많은데영ㅋㅋㅋ 편견입니다

오전 8:34

전재연(JAENY)

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 꼼꼼한지 잘 모르겠는데 앞으로는 좀 더 잘해보려구요

오전 8:34

슈슈슉슈슈슉

전 공문보고 인강보고 컴터 두들기면서 겅부햇어여 책으로 한적이 없…ㅋㅋㅋㅋㅋㅋ

오전 8:34

여튼 읽어보겟습니다 혀가 길어지는군어 다 핑계임

오전 8:35

전재연(JAENY)

ㅋㅋㅋㅋ 사실, 뭐 그런가..? 여튼! 괜차나요 그냥 하면 됨 하기시작하면 습관들고 습관들면 강박도 생기고(?)

오전 8:35

전재연(JAENY)

시간을 정해두고 짧은시간 동안 집중해서 쪼금씩 읽어보세용

오전 8:38

전재연(JAENY)

루티너리 같은 어플 사용하시면 좀 더 집중 잘되실거에용

오전 8:40

이건가여..? 갓생이라니 넘 부담되는뎈ㅋㅋ

오전 8:43

슈슈슉슈슈슉

ㅋㅋㅋㅋ 저는 쫌 손떨리는데 일단 킵해두겟읍니다 ㅋㅋ 좋은 정보 감사해여

오전 8:44

제 자리 하나 생기길 바랍니다🙏

오전 9:10

전 dx 좋아서 넥스트 엄청 좋아하는데 ax는 별로라는 평이잇네여

오전 9:13

슈슈슉슈슈슉

Ax라는 단어를 첨들어봐여 혹시 설명해주실수잇으신분..

오전 9:13

단어뜻은 알겟는데 실제로 어떤건지 정확히 모르겟어여

오전 9:14

피카츄돈까스/React,RN

아키텍쳐 경험이라고 하면 아주 단순하게는 어떤 로직이나 파일을 어디둘지 판단하기 쉽다? 정도 일것같네요

오전 9:32

피카츄돈까스/React,RN

넥스트의 파일기반 라우팅도 한몫하는거같아욤

오전 9:37

무지성 개발자

본문에 나온내용이네여 편하다고 생각했던부분들이 누군가에겐 다르다고 생각하게 됐어요

오전 9:41

슈슈슉슈슈슉

이모티콘 그렇군여 다시 정독해보겟습니다

오전 9:45

곰곰

혹시 원티드 프리온보딩 챌린지 해보신분 계신가요? 수업중에 카메라 항시 ON이라고되어있는데, 카메라 없으면 수업참가가 불가한가요?

오전 9:46

lucky.jun

그럼 그 대안으로는 어떤게 좋을까요? Remix?

오전 9:46

raon (베이비 개발자)

구름톤 2기3기 둘다 신청했는데

오전 9:46

무지성 개발자

근데 불편하지 않게 생각한다면 사용해도 되지않을까요? 저사람도 한 개발자의 시점으로 글쓴거고 본문에 레딧에서 많이 까였다고 나와있는데 괜찮다고 생각하는 개발자도 많은거 같습니다

오전 9:47

FE💪🏻

혹시 ... 방탈 질문이긴 한데... 아두이노&라즈베리파이 해보신 분 계신가요? ㅋㅋㅋ

오전 9:48

FE💪🏻

아두이노 어땠어요?? 재밌나요? 어렵나요?

오전 9:50

한다면 어떤 식으로 하시나요..?

오전 9:50

raon (베이비 개발자)

해야하는데 못하고 있습니다 ㅠ 개발공부랑 동시에 해보려고 노력중이긴한데

오전 9:50

무지성 개발자

저는 저런 외국아티클 읽을정도로만..

오전 9:50

뷰붕이

퀄리티에 따라 다르겠지만 기초는 비전공자도 할 만큼 쉬워요

오전 9:51

어떤 단어를 외워야하는지 모르겠어요

오전 9:51

짱구

공식문서 영어로 읽어보기 이런거 해야하나

오전 9:51

bboy

그냥 공식문서나 글읽는데 문제없을정도면

오전 9:52

슈슈슉슈슈슉

오 아직 거기까진 안봣는데 ㅋㅋ 토론창도 읽어볼게용

오전 9:52

raon (베이비 개발자)

친구가 낮잠을 많이 자서 AI플러그에 어댑터 연결해서 전원인가되면 알람 울리는 IOT장비 만든적이 있는데, 이렇게 간단한건 재밌는데,, 더 깊이 들어가면 잘하면 재밌고 못하면 힘들거 같아여 ㅎㅎ...

오전 9:52

카킴

처음에는 카메라 켜져있지만 나중에는 다 꺼져있습니다 꺼져있어도 무방합니다 ㅎㅎ

오전 9:53

슈슈슉슈슈슉

전 출근길에 무조건 bbc 뉴스들으..려고 해여 목표는 매일인데 주3회밖에 못함

오전 9:53

근본기술 (CS지식) 등은 책으로 공부하는것을 추천하지만 기술(react, vue, jquery) 등등 생태계가 빠르게 변하는 라이브러리에대한 공부는 공식문서 혹은 레퍼런스가 많은 구글링으로 공부하는걸 추천합니다

오전 10:10

FE💪🏻

js는 모던자바스크립트 + 구글링 어때요??

오전 10:11

FE💪🏻

스밸트 vs 리액트 여러분의 선택은?! ㅋㅋ

오전 10:18

뷰붕이

혹시 해서 말씀드리자면 블로그 검색하실때 주의하세요 어떤 블로그에 개념이 반대로 올라와 있는데 주기적으로 한번씩 그 블로그 그 글 보고 오신분이 잘못된 개념을 말씀하시더라구요 ㅠㅠ

오전 10:19

슈슈슉슈슈슉

ㅋㅋ 하나 잘못올라오면 다들 줄줄이 배껴서 같은 내용 갖다쓰는 경우가 많져…

오전 10:20

무지성 개발자

react치면 최상단에 나오는게 공식문서입니다

오전 10:21

뷰붕이

react 할인 판매 - g마켓 이 안떠서 아쉽네요

오전 10:23

옐로카드 프로도님이 들어왔습니다.

오전 10:26

슈슈슉슈슈슉

베타버전 들어가면 함수로 나와여 대신 번역본 없고 아직 완전히 작성되지 않앗음

오전 10:27

유용태 (teo.yu)

최소희님 옐로카드 프로도님 반갑습니다 :)

오전 10:28

어서오세요~~ 여기는 프론트엔드에 대해 궁금한 것들을 물어보고 아는 것들은 공유하고 알려주면서 함께 성장하고자 하는 곳입니다! 궁금한 것 이야기 함께 하고 싶었지만 주위 사람들이 없어서 못했던 관심사들 언제든 편하게 글 남겨주세요 :)

오전 10:29

최소희

네 좋은 커뮤니티 마련해주셔서 감사드립니다!

오전 10:30

묵공

저 그런데 이런경우는 for문을 만드는게 낫나요..if 문을 만드는게 낫나요.. 코드를 줄일려는데...

오전 11:08

arthur

s_date, e_date 만 다르고 대부분 중복코드인 것 같아요 저라면 s_date, e_date를 파라미터로 받도록 만들고 피커종류별로 s_date, e_date 파라미터를 생성하는 function을 만들 것 같아요

오전 11:16

단무지시러행

안녕하세요,. 제가 기술면접을 준비하려고 하는데 프론트엔드 기술면접 추천해주실만한 것들이 있으실까요!!

오전 11:26

짱구

저는 구글에 프론트엔드 기술면접 치고 그 리스트 준비했습니다!

오전 11:27

어떤 작은 창을 그려달라하셨는데

오전 11:29

현징

jsp로 그려달라는 말씀을 들었는데

오전 11:29

html로 그리면 금방할 수 있는건데

오전 11:29

현징

Jsp로 해달라는 이유가 뭘까여,,

오전 11:29

무지성 개발자

s_date 와 e_date는 공통 메서드로 빼낼수있잖아영 private method로

오전 11:30

그리고 각 함수 아래 두줄의 코드도 공통메서드로 빼낼수있고

오전 11:30

클래스 혹은 함수로 만들면될거같은데

오전 11:31

머머리 네오

백엔드 개발자가 jstl 사용하려고 하는 거 아닐까요

오전 11:31

버튼을 누르면 어느 페이지로 이동하고

오전 11:32

뭐 그런 기능이 들어가는 작은 창입니다

오전 11:32

프인

*SyncToPicker(s_data = new Date(), e_data = new Date()) { //이렇게 써도 ? ㅎ }

오전 11:32

이게 빡준님이 말씀하신 방법일까연

오전 11:35

재상요하는 공통부분 묶어버리고 객체로 만들어버린다면 재사용이랑 코드도 보기 쉬워질거같아여

오전 11:37

class를 사용한다면 프라이빗 메서드를 사용할수도있고(타입스크립트를 사용할때!) 더욱좋을것같긴한데 예시는 함수로 만들어줬습니다

오전 11:40

울고있는 어피치

전 언제 저렇게 줄여서 코드를 만들 수 있을까요 ㅠ

오전 11:41

저두요.. 아직 노가다밖에 못한다는..

오전 11:42

음악듣는 어피치

역시 말뿐인 저랑 진짜 실력자는 다르네요 ..

오전 11:42

묵공

아하 .. 바로 해볼께요.. 그런데 setDate 랑 setMonth, setYear 이렇게 3개가 따로 되어 있는데...

오전 11:44

이건. 공통으로 바꾸기 어려운건가요?

오전 11:44

근데 한 메서드가 반환해야하는 값의 종류가 4가지라면 메서드를 분리하는게 좋을거같아요

오전 11:45

피스메이커 프로도

각 메서드가 비슷하지만 결국 다른 결과물을 내기 때문에 분리하는게 좋을 것 같습니다

오전 11:46

묵공

아.. 기간 버튼별로 단위가 틀려서

오전 11:47

무지성 개발자

그리고 마지막 yearSyncToPicker에서 e_date.setDate(e_date.setFullYear()); 으로 되어있는데.. 이거 get이아닐까여?

오전 11:47

묵공

아하 맞네요... 그런데 작동은 되긴해서. 못봣네요

오전 11:48

무지성 개발자

js는 못잡는데 ts는 잡더라고요

오전 11:48

짱구

크.. this는 저렇게 쓰는거구나..

오전 11:50

뚱뚱보가 되어버린 네오

혹시 testing library 테스트하실때

오전 11:51

useEffect 안에 있는 컴포넌트는

오전 11:51

2년차ㅠ

빡준님 궁금한게 있습니다!! 저 코드를 함수로 짜신 이유가 있으신가요 보니까 클래스와 같은것 같은데 화살표 함수라서 인스턴스 생성도 불가능할것 같아서

오전 11:51

묵공

이거를 if문이나 for 문으로 줄일수는 없는건가요?

오전 11:51

무지성 개발자

아 클래스로도 가능한데 함수로도 표현가능하다고 한번 만들어봤습니다 ㅋㅋㅋ

오전 11:51

묵공

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); },

오전 11:52

저그런데 이렇게 풀어서 쓰는거랑

오전 11:52

길이면에서 비슷한거 같은데....

오전 11:52

무지성 개발자

길이를 줄여야하는 이유가있을까요?

오전 11:52

묵공

코드의 가독성을 높이기 위해서.. 줄이는게 나을거 같아서 고민해봤습니다

오전 11:53

무지성 개발자

저는 한메서드당 반환은 하나만있는 코드가 좋다고 생각하고 메서드의 책임이 무거워지지 않는걸 좋아해서 극한으로 줄이는 코드를 불호합니당...

오전 11:53

줄이고 줄이면 결국 나중의 저 혹은 동료가 볼때도 불편해서..

오전 11:53

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"); }

오전 11:54

허브를 존경하는 프엔 공부중

그럼.. 이렇게? todaySyncToPicker() { this.dateToBeApply = getPickerDate(); this.dateToBeTerminate = getPickerDate(); } weekSyncToPicker() { this.dateToBeApply = getPickerDate(new Date(), [-7, "day"]); this.dateToBeTerminate = getPickerDate(); }

오전 11:56

생각하는 라이언

개발자 총 2명 있는 회사에서 BDD도입은 비효율적일까요 ㅠㅠ,,?

오전 11:57

신입 개발자인데 일정잡는게 너무 어려워서,,, 글 찾아보다가 BDD 방식을 알게됐어요

오전 11:58

맷돌

빡준님 코드 스리슬쩍 참고했어요

오후 12:01

초롱초롱 네오님이 들어왔습니다.

오후 12:02

맷돌

근데 여러 분들이 보여주신 코드 처럼 비슷한 방향으로 가는 것 같아요

오후 12:03

맷돌

부가적인 작업은 하나로 모으고

오후 12:03

각 메서드는 자신이 할 일만 한다?

오후 12:03

저도 올려주신 다른분들 코드보고 참고해서 짜집기 했어요 ㅋㅋㅋ;

오후 12:03

무지성 개발자

아 줄여도 저렇게 눈에 잘들어오는구나

오후 12:05

허브를 존경하는 프엔 공부중

하나의 코드를 보고 많은 의견을 들으니깐 재미있네요 ㅎㅎ

오후 12:05

다양한 방법들이 나와서 더 좋은 것 같아요

오후 12:05

묵공

멋진 코드리뷰 감사합니다~~ 오늘도 많이 배우네요~

오후 12:06

유용태 (teo.yu)

초롱초롱 어피치님 반갑습니다 어서오세요 :)

오후 12:10

묵공

저 그런데 요렇게 하면 undefined 에러는 어케 잡나요

오후 12:11

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"]); },

오후 12:11

엄지척 제이지

if문으로 방어코드 작성하셔야할듯!

오후 12:12

유용태 (teo.yu)

FE개발자에게는 비효율적이지 않을거에요~ 기획과 디자인이 충분히 도와줄수만 있다면 저는 좋다고 생각합니다. 대신 공유문서를 작성하는 일이 누군가에게는 숙제가 되는게 아니어야 합니다. 효용체감에 대해서 충분히 숙지를 해주셔야 할거에요

오후 12:13

묵공

방어 코드는 어떤걸 말씀하시는건지..

오후 12:13

허브를 존경하는 프엔 공부중

const getPickerDate = (date = new Date(), add = [0, "dat"]) 요부분에 오타가 있네요..!

오후 12:14

저도 급하게 작성한거라 대충 작성하다보니… 방어는 아무것도 안했어용..

오후 12:15

return newdate.toISOString().substr(0, 10); 요기두 오타가 있네용..

오후 12:15

허브를 존경하는 프엔 공부중

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); };

오후 12:16

안녕하세요. JS공부 중에 의하한 부분이 있어서 질문드립니다.! 혹시 이 경우에 왜 소괄호를 쓰면 문법적 에러가 나지 않는지 알 수 있을까요?..

오후 12:16

맷돌

그 JS 에서 중괄호를 쓰는 방법이 크게 두가지가 있어요

오후 12:17

하나는 Block statement

오후 12:17

if 문, function, for 문 뒤에 오는 { } 가 대표적이에요

오후 12:17

하나는 Object literal

오후 12:17

{ key: 123 } 같이 객체를 나타내는 방법이에요

오후 12:17

js 입장에선 두가지 경우가 있어 어떤걸로 해석해야할지 모르기 때문에

오후 12:17

우선 Block statement로 해석해요

오후 12:18

Block statement 의 경우 표현식(계산해서 값이 되는 명령행)으로 표현할 수 없기때문에

오후 12:18

소괄호로 묶어주면 표현식으로 판단해서 객체로 해석해줘요

오후 12:18

불 뿜는 튜브

이모티콘 그렇군요! 정말 감사합니다.

오후 12:19

맷돌

비슷한 케이스로, 화살표 함수에서 객체를 바로 리턴하려면 소괄호로 묶어줘야 하잖아요? () => ({ key: value })

오후 12:19

아니면 리턴문 생략이 안되는것두 같은 맥락이에요

오후 12:19

불 뿜는 튜브

화살표함수도 그런 맥락인줄 몰랐네요 ㅎㅎ 정말 감사합니다.

오후 12:19

묵공

넵 . 감사합니당 오타는 수정했는데 undefined 오류는 계속있는거같아요. ㅠ

오후 12:19

허브를 존경하는 프엔 공부중

undefined 에러는 어떤걸 의미하는건가용

오후 12:23

사용이 안되었다고 그러네요..ㅠ

오후 12:24

todaySyncToPicker() { this.dateToBeApply = getPickerDate(); this.dateToBeTerminate = getPickerDate(); } weekSyncToPicker() { this.dateToBeApply = getPickerDate(new Date(), [-7, "day"]); this.dateToBeTerminate = getPickerDate(); }

오후 12:24

getPickerDate 요걸 어딘가 써야될텐데..

오후 12:25

허브를 존경하는 프엔 공부중

옴… 접근자체를 잘못하신거같은데.. getPickerDate 를 클래스 외부로 빼보실수있나요?

오후 12:26

묵공

data 에 넣으라는 말씀이시죠?

오후 12:27

아닌가.. 메서드 안에서 if 문이 돌아야되지 않으까요

오후 12:27

허브를 존경하는 프엔 공부중

뷰 인가요..? 뷰는 정확히 몰라서.. 어떻게 접근을 해야하는지 잘 모르겠어요.

오후 12:28

허브를 존경하는 프엔 공부중

methods 안에 setDateAtPicker 안에 getPickerDate를 넣으신 이유가 뭔지 잘 모르겠네요..

오후 12:28

묵공

아.. 리턴값이 있어서요.. 메서드 안에 함수안에 넣어야되는줄 알고..

오후 12:29

허브를 존경하는 프엔 공부중

이부분은 뷰를 잘하시는분이 설명해주셔야할같아요.. 저는 잘 몰라서 ㅠ

오후 12:30

그런데 getPickerDate 를 상수로 정의 했으면 어딘가 써야되는거 아닌가요?

오후 12:33

기뻐하는 라이언님이 들어왔습니다.

오후 12:34

프론트

이고 유알엘이 안열리는데 어떻게참여할 수 있나여??

오후 12:37

해달

혹시 다른분들은 인증번호 전송할 때 디바운스랑 스로틀링중 어떤걸 사용하시나요 !?

오후 12:38

허브님을 존경하는 어피치

근데 url랑 uri의 차이가 먼가요?

오후 12:38

손을 번쩍 든 무지님이 들어왔습니다.

오후 12:48

좌절하는 라이언

혹시 바벨 강의 괜찮은거 없을까요??

오후 1:05

음악듣는 어피치

pc로도 안열리시나요? 저도 모바일 안열려서 pc로 여니까 열리더라고여

오후 1:13

작은뉴비

밀린 카톡 읽느라 뒷북이 강한데요 쭉 읽어보니 어제 잡플쪽 얘기가 나왔던데 최근에 회사명이 변경되었다, 모회사 => 자회사 독립, 신생 스타트업은 잡플에 나오지 않습니다 크레딧잡에서도 검색한번 해보시는걸 추천드리고 잡플, 크레딧잡 다 안나오면 법인이 아직 없는거라고 보셔도 될정도에요 스타트업은 더브이씨쪽에서 보시는게 좋구요

오후 1:15

크레딧잡에서 입사율/퇴사율 확인이 가능하긴한데 가끔 기업이 거부해서 비공개인 곳이 있습니다 이건 nice기업정보 들어가면 그냥 볼 수 있어요

오후 1:15

개발러

오.. 이런 최적화법도 있군요 너무 잘배워갑니다

오후 1:29

시바 이누

어도브가 피그마 인수했네요...

오후 1:32

핸디(강경석)

작은 오디오데이터일 경우에는 별 차이가 없지만( 이미 cloudfront에서 캐싱) 큰 용량의 데이터의 경우 서버에서 다운로드 받는 과정 자체가 사라져서 30분 오디오파일의 경우 다운로드->로딩->재생 과정이 30초 넘게 걸린 것이 로딩-> 재생으로 5초 이내로 줄어들었습니다.

오후 1:33

기뻐하는 라이언님 손을 번쩍 든 무지님 모두 반갑습니다

오후 1:43

엄지척 프로도

indexeddb 잘 사용하고 있는 1인으로써 이런 좋은 글 공유 너무 보기 좋으네요! (다운로드 로직 개선 전/후 gif는 네트워크 속도를 낮춰서 캡처하셨다면 더 극적을 보였겠네요..!)

오후 1:43

음악듣는 어피치

엇 이젠 모바일로도 됩니다 ㅎㅎ 아까는 뭔가 잘못됐었나봐요

오후 1:45

핸디(강경석)

바로 바꿔야겠네요 ㅎㅎ 의견감사드립니다.

오후 1:46

묵공

맷돌님 코드대로 연습중인데... 전체 년도 조회는 그냥 "0" 넣으면 되는거 아닌가요?

오후 1:52

유용태 (teo.yu)

안녕하세요 셀러리맨님 반갑습니다 어서오에요 :)

오후 1:53

맷돌

앗 말씀해주신 전체년도가 정확히 어떤걸 지칭하는지 이해를 못해서.. 현재 날짜라면 FullYear 위치에 new Date() 넣어주시면 될거에요!

오후 1:53

묵공

그냥 달력의 전체기간 조회를 할경우에요

오후 1:54

샐러리맨

안녕하세요 용태님! :) 반갑습니다!

오후 1:54

맷돌

그 모시냐 js 에서의 Date 최소값이

오후 1:54

맷돌

1970년인가? 그때부터 세거든요

오후 1:54

묵공

네 그럼 1970년을 지정이 되나요? 아무것도 안넣으면?

오후 1:55

맷돌

잠시만용 암것두 안넣으면 오늘 날짜였는데

오후 1:56

2년차ㅠ

웹뷰에서 궁금한 점이 있습니다! 플러터나 RN 사용시 모든 페이지를 웹뷰로 사용하려고 하는데 웹뷰도 결국엔 앱에서 동작을 하니까 local스토리지나 index db같은데 접근 못하고 해당 앱의 로컬스토리지를 사용해야 하지 않나요?

오후 1:56

맷돌

그냥 0 초 기준이 1970년인거고

오후 1:56

묵공

1970년으로 표기를 해야겠네요

오후 1:57

Frodo dresses up님이 들어왔습니다.

오후 1:57

new Date(0) 해주시면 1970년도 기준으로 만들어져요

오후 1:57

맷돌

아! addDate 는 날짜를 더하거나 뺄때 사용해주시면 되구용!

오후 1:59

따로 한 달전이나 내일을 계산할 필요 없이 저희는 바로 1970년에 해당하는 date 를 얻을 수 있잖아요?

오후 1:59

this.updateDateToBeApply(new Date(0)) // 1970-01-01

오후 2:00

맷돌

new Date(0) 가 어떤 뜻인지 주석 하나 남겨두면 좋을 것 같애욧,,

오후 2:00

묵공

넵 완성했습니다^^ 덕분에 오늘또 하나 완성했네요

오후 2:00

떨고있는 어피치

안녕하세요! 혹시 aws를 비즈니스레벨에서 장기간 무료로 사용하시는 경우가 있으실까요?? 저번주에 디캠프 디데이 세션을 듣다가 한 업체에서 aws서버비를 거의 무료로 그것도..장기간동안 이용하시고 있다고 해서..제가 모르는 방법이 있나 싶어서 질문 올립니다..! aws activate 프로그램은 중복 수혜가 안되는 것으로 아는데….제가 모르는 방법이 있는걸까요 혹시..??

오후 2:02

달려라급식차

aws activate는 중복으로 수혜가 아예 안되는건 아닙니다. 포인트를 증분형식으로 늘리면 사용 가능한 걸로 알고 있습니다.

오후 2:05

예를들어 첫 번째 5000 크레딧 사용 다음 신청에 10000 크레딧 사용 다음 신청에 15000 크레딧 사용… 이런식으로 늘리는 방법으로 알고 있는데요 aws activate에 자세하게 나와있을겁니다.

오후 2:05

혹시 이부분 타입정의를 어떻게해야하나요..?

오후 2:17

혹시 이부분 타입정의를 어떻게 해야하나요..?

오후 2:17

혹시 이부분 타입정의를 어떻게해야하나요..?

오후 2:18

허브님을 존경하는 어피치

혹시 이부분 타입정의를 어떻게 해야하나요..?

오후 2:20

떨고있는 어피치

자세한 설명 감사합니다!! 좀더 문서를 자세히 읽어보아야겠네요^__^!!

오후 2:28

자세한 설명 감사합니다!! 좀더 문서를 자세히 읽어보아야겠네요^__^!!

오후 2:30

무지성 개발자

props를 한번더 객체로 묶어주세요

오후 2:31

피자 먹다 자는 무지

카카오에서는 어? 발언 가능한가요?

오후 2:43

뉴비

안녕하세요 리액트 쿼리를 학습중에 궁금한점이 생겨 질문드립니다. useMutation으로 post 기능을 구현중인데 혹시 여러개의 post를 보낼때마다 useMutation을 따로 작성해야하는지 궁금합니다.

오후 2:45

뉴비

mutaionFn 안에서 조건문으로 분기하는 방법을 생각하긴했는데 이런 접근 방법이 맞는지 모르겠네용..

오후 2:46

2년차ㅠ

전 mutation으로 작성한 커스텀 훅이 각자 역할을 따로 해야한다고 생각이 들어서 api마다 전부 작성해 줬습니다 ㅠ 근데 넘 힘들어요

오후 2:47

뉴비

useQuery는 useQueries로 묶길래 혹시 mutation도 있나 공식문서를 찾아보고 있긴한데 따로 없는게 아쉽네요ㅠㅠ

오후 2:47

2년차ㅠ

각각 따로의 useQuery를 useQueries로 묶을수 있나요? 동시에 여러개 쿼리를 불러올떄 아니면 그냥 useQuery 사용하지 않나여..?? 내가 잘못쓰고 있는건가 ㅠ

오후 2:51

뉴비

제가 공식문서로 학습을 시작한지 얼마 되지않아 잘못 이해하고있는걸수도있습니다ㅠㅠ 말씀하신대로 동시에 여러개의 쿼리를 불러올때가 아니라면 굳이 사용 안해도 될거같네요! 하나 배워갑니다

오후 2:54

Muzi being cute님이 들어왔습니다.

오후 3:07

nator

여러개의 post 라는게 구체적으로 어떤걸까요?

오후 3:09

뉴비

안녕하세요 a post 요청 이후 response값이 내려오면 그 값을 보고 b post 요청을 하는 기능을 구현중이였습니다. 서로 다른 post 요청을 해야할때마다 useMutation을 반복적으로 작성해야하는지 궁금했습니다! 그리고 만약 지금 구현하려는 기능같은 경우는 a post useMutation onSuccess 안에서 다시 한번 useMutation을 사용해야하는지 아니면 삽질중입니다ㅎㅎ..

오후 3:14

*useMutation을 사용해야하는지 삽질중입니다ㅎㅎ..

오후 3:14

2년차ㅠ

그런 식으로 작성해야한다면 따로따로 작성하지 않고 하나의 커스텀 훅에서 처리되게 할것 같습니다

오후 3:17

허브님을 존경하는 어피치

게시판목록을 ssr로 가져올때, data를 가져온 후에야 렌더링이 되기때문에 data를 가져오는 도중에는 아무 동작도 안해서

오후 3:19

사용자 입장에서 문제상황이라고 인지될거 같은데 이때 어떻게 해결해야하나요?

오후 3:19

csr이면 데이터페칭중에 로딩중..이라는 문구라도 넣을수 있는데 ssr은 아예 데이터를 가져온 다음에 페이지가 이동되는거 같아서요

오후 3:19

무지성 개발자

Supense fallback으로 인디케이터 처리하시면되지 않나여

오후 3:20

달려라급식차

당연한 얘기지만 게시글을 빠르게 가져와야합니다.

오후 3:21

허브님을 존경하는 어피치

firebase사용중이라 그부분은 컨트롤이 안됩니다 ㅠ

오후 3:21

허브님을 존경하는 어피치

스켈레톤도 csr에서 페이지이동후에 적용되는부분아닌가여?

오후 3:23

nator

저도 그 두가지 일을 하나의 함수 안에서 또다른 함수를 호출하는 식으로 하고 그 상위 함수를 useMutation에서 호출 할 것 같네요 굳이 useMutation 을 다시 나눌 필요가 있을까 싶네요

오후 3:23

졸린 라이언

switch가 if보다 속도가 느린가요?.?

오후 3:31

Router event 처리하는 방법이 있긴하네요

오후 3:31

한번 읽어보시면… 해답이 되실지

오후 3:32

개발러

리액트 컴포넌트 비교하는 함수같은 게 있나요 여러분?

오후 3:32

A 컴포넌트 === B 컴포넌트

오후 3:32

허브님을 존경하는 어피치

routeChangeStart를 써보니 최초 페이지 진입시엔 안되네요..

오후 3:36

최초진입시에 start가 안찍힙니다..ㅠ

오후 3:36

초롱초롱 어피치

Css를 잘못하면 프론트엔드로서 기량 미달일까요? ㅜ

오후 3:41

CSS는 기본적인 능력아닐까요..

오후 3:41

2년차ㅠ

css 저는 못하지만 ㅠ 프론트 개발자로서 기본소양이라고 생각합니다

오후 3:42

css 잘다루시는 분들 보면 감탄만 나오던데

오후 3:43

취미는개발

css보다 javascript를 잘 다루는 게 더 낫다고 생각하는 1인…

오후 3:43

저는 css 능력치가 더 높아서

오후 3:43

javascript 잘하시는 분들이 더 부러워요 ㅜ

오후 3:43

떨고있는 어피치

css, javascript 다 중요한 요소고, 본인이 어떤 부분에 가치를 두고 PR할지에 따라 중요도가 달라질 것 같아요

오후 3:43

모모링

Css는 잘못되어있으묜 어떻게 고치면 될거 같다 정도의 기본소양 + js를 좀 하드하게.....^^

오후 3:44

raon (베이비 개발자)

그래서 요즘 js 학습에 혈안입니다 ㅋㅋ

오후 3:44

css가 은근히 더 쉽고 잘 맞는데

오후 3:45

뉴비

@nator @2년차ㅠ 조언해주셔서 감사합니다 알려주신 방법으로 해볼게요!

오후 3:45

2년차ㅠ

css는 지 기분 좋으면 한번에 되고 안좋으면 잘 안되더라고요

오후 3:45

nator

두개의 컴포넌트를 비교할 일이 어떤 일일까요?

오후 3:48

개발러

합성 컴포넌트 구현하고 있는데 children로 내려받은 컴포넌트에서 원하는 컴포넌트를 찾고 싶습니다~!

오후 3:50

nator

children 에게 식별할수 있는 prop 을 주고 HOC 에서 children.props.어쩌구 === 저쩌구 ? 이렇게 비교하시는게 어떨까요

오후 3:53

유용태 (teo.yu)

ㅋㅋㅋㅋ 장애가 나서 전달을 할수 가 없네요. ㅠ

오후 3:55

Muzi being cute님 마카롱님 반갑습니다. 어서오세요 :)

오후 3:56

nator

아 설명이 잘못됐네요. children 이 배열이니 children.find 나 filter 를 사용하셔야 겠습니다 저같은 경우는 <SelectedOption> {children.find((child) => child.props.selected)?.props.children} </SelectedOption> 이런식으로 셀렉트-옵션 컴포넌트에서 선택된 항목을 보여주는 식으로 구현했었습니다

오후 3:57

허브님을 존경하는 어피치

공유주셨던 nprogress로 해결했습니다

오후 4:00

이동되는 목적지 페이지에 넣는게 아니라 이동시작하는 페이지에 넣는게 맞더라구요

오후 4:00

개발러

호 이런 방법도 있겠네요. 그러면 props에 고유한 값을 지정해주어야 겠네요... 구조가 커지면 또 고민이 되네요 ㅠㅠ

오후 4:00

jindory님이 들어왔습니다.

오후 4:05

유용태 (teo.yu)

안녕하세요 jindory님 반갑습니다 :)

오후 4:06

jindory

안녕하세요 테오님!! 끼약!! 깃헙은 팔로우했는뎀 이런 방이 있는줄 몰랐네요 우연히 검색하다가 들어왔습니당!!

오후 4:06

유용태 (teo.yu)

우왕~~~ 감사합니다 +_+ 좋은 하루 되세요!! ㅎㅎ 이곳은 프론트엔드에 대해 궁금한 것을 물어보고 아는 것은 알려주고 공유하면서 함께 성장하고자 하는 곳입니다. 언제든 궁금한게 생기거나 어! 이게 내가 아는 질문인데.. 하면 대답해하면서 내것으로 만들어보는 기회로 삼아보시기 바랍니다. 잘 부탁드립니다. :)

오후 4:07

초롱초롱 튜브

프로그래머스 데브코스 프론트엔드 결과나왔나요?

오후 4:12

음악듣는 어피치

어 어떤분 신청하셨다고 한거같은데

오후 4:17

어제 내일 결과 나온다고 했던거같아요

오후 4:17

개발러

type으로만 비교하는군요? 호..

오후 4:27

package.json에서 버전만 바꾸어주고

오후 4:29

npm install 해주면 되는걸까요~?

오후 4:29

모모링

모듈들 다 지워주고 다시 깔꼼하게 install하는게 좋을거 같아요

오후 4:34

단순히 vue버전만을 생각했을때 말씀 드리는거에요 ㅎㅎ

오후 4:35

호그와트장학생

안녕하세요! 이미지 업로드 기능 관련해서 질문드립니다. 보통 큰 이미지를 업로드할 때, 서버단에서 이미지를 리사이징해주는 것으로 알고있는데 혹시 클라이언트단에서 처리하지 않는 이유가 있을까요? 클라이언트단에서 이미지 리사이징 과정을 수행할 경우 생길 수 있는 문제점이 있는지 궁금합니다!

오후 4:35

거지개발자

오픈 api를 이용해서 개발중인데 분명 요청 주소를 브라우저 주소창에 넣으면 리스폰스가 잘나오는데 코드로 호출하면 axios network 에러가 발생하네요.. 도대체 원인이 뭘까요..?

오후 4:39

김치5

post인데 브라우저 주소창으로 어떻게 콜하는거죠..?

오후 4:40

김치5

브라우저에 치는건 기본적으로 다 get입니다

오후 4:40

거지개발자

그런데 get으로 고쳐도 일단 똑같은 에러가 나긴하네요

오후 4:41

제가알기론 이 api가 post,get 구분안하는거같아요

오후 4:41

김치5

다를수가잇나..? 저 url 적어보실래여?

오후 4:42

무지성 개발자

url에 직접접근하는 방법이 get방식이에요 post 와는 기술적으로 다를겁니다

오후 4:43

김치5

그냥 fetch로 돌려도 잘 오는데 axios라고 안될 그게 잇나..?

오후 4:44

소심한 네오

호옥시 cors 관련된거 아닝가요?

오후 4:47

오픈api인데 막혀잇을리가 있나요?

오후 4:47

개발러

백엔드로 받아야하는 open api도 있지않나요

오후 4:48

거지개발자

근데 api설명에 따로 그런말이없는데

오후 4:48

소심한 네오

확인해보실려면 cors anyway같은거 사용해보심이

오후 4:49

김치5

from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header 에러는 cors가 맞아요 fetch 아까 되던것도 그사이트에서 했던거라 잠시 되었던것..

오후 4:50

서버 태워야죠 뭐 혹시 전용 sdk가 있거나

오후 4:50

소심한 네오

cors anywhere 붙여서 해보니까 되긴 하네용

오후 4:51

nator

브라우저에서 치는거는 요청한 곳과 보고있는곳이 같아서 되지만 예를들어 npm run dev 등으로 dev server를 돌리신거면 dev server가 다른 origin 이 되기때문에 CORS 에러가 나는 것 아닐까요

오후 4:55

말썽쟁이 네오

타입스크립트 질문이 하나 있습니다 options : UseQueryOptions< AxiosResponse<UserInfoResponse>, AxiosError, UserInfoResponse, QueryKey[] > 타입에서, userInfoResponse 같은 타입들을 동적으로 할당 받아서 타입을 만들려고 합니다 (위와 같은 코드의 타입은 너무 길어서, 매번 함수마다 저렇게 선언해주기가 불편해서요) 그래서, interface UseQueryOptionsType<T> { options: UseQueryOptions<AxiosResponse<T>, AxiosError, T, QueryKey[]>; } 와 같은 타입을 만들고, options : UseQueryOptionsType<TestResponse> 와 같이 사용하려고 하는데, 타입 에러가 나더라구요 혹시 특정 타입을 인자로받아서, 리턴하는.. 반복적인 타입 사용을 좀 처리할 수 있는 방법이 없을까요?

오후 5:19

무지성 개발자

저 질문이있습니다 JS(TypeScript)로 함수/클래스로 todoStore, todoModel 인스턴스를 각각 생성해주고있는데 이 두 인스턴스의 차이점이 궁금해서 질문이이었음 FP,OOP의 차이점은 OOP에서는 캡슐화 다형성 추상화 상속으로 객체간의 확장이 가능하지만 함수는 불가능해서 이런형태로 자주 안쓰이는건지? FP를 하려면 하나의 함수에 하나의 목적을 가져야만하는지가..? 보통의 함수형 언어에서는 함수 자체가 일급객체가 되겠지만 객체지향 언어에서는 클래스가 일급객체가 되고 JS에서는 함수도 클래스도 일급객체이기때문에 두 인스턴스의 차이가 도대체 무엇일까가 궁금합니다

오후 5:21

(중간에 친구한테 질문하냐고 반말이 섞여있네여…

오후 5:22

nator

적으신대로 하면 될것 같은데 어떤 타입에러가 나나요?

오후 5:22

일단 javascript 에 class 는 syntactic sugar 에 불과하며 function 선언으로 같은 결과를 낼 수 있습니다. 올려주신 예제에서 한가지 알아보시면 좋을게 prototype 에 대한 개념입니다. 첫번째의 객체의 getTodo는 그냥 객체 안의 메소드이지만 class 안의 getTodo는 prototype method 입니다. 자바스크립트 딥다이브 책 정독을 권장드립니다!

오후 5:35

무지성 개발자

답변감사합니다 deep dive에서 클래스 파트와 프로토타입 읽어보겠습니다

오후 5:36

너겟

안녕하세요~~!! 저 모달 관련 질문이 하나 있습니다!! 모달을 오픈했을 때 전체화면에서 켜지게 만들었는데요, (전체화면을 덮는 배경: settingModal, 모달 창:modal-container) 여기에서 모달창을 제외한 배경을 눌렀을 때 모달이 꺼지게 하려고 이미지 1 에 보이는 코드를 썻습니다!! 작동이 잘 되는거같았는데 그 안에 들어있는 input 이 하나 있는데 거기 값을 드래그할때 한번씩 target을 잘못 인식해서 모달이 꺼지는 현상이 있습니다.. 혹시 이런 문제 해결해보신분 계실까요??

오후 5:45

nator

한가지 덧붙이자면 TodoStore 가 return 하는 것은 일반 Object 의 인스턴스이고 new TodoModel 은 TodoModel 의 인스턴스입니다! 상속체인이 Object -> TodoModel 로 한단계 더 추가됐다고 보시면 되겠습니다

오후 5:45

무지성 개발자

우왓 정말 감사합니다 궁금한것이 싹 내려갑니다 ㅎㅎ

오후 5:46

말썽쟁이 네오

라이브러리 내부 타입인데.. 여간 짜증나는게 아니네요 타입스크립트 이런점..

오후 5:47

무지성 개발자

아 다시생각해보니 TodoStore의 this가 가르키는건 일반 object TodoModel의 this가 가르키는건 TodoModel 그 자체를 가르키는 것이었네요!! 친절한답변 정말감사합니다!!

오후 6:08

초롱초롱 어피치

안녕하세요 혹시 css 따로 배울수있는 홈페이지나

오후 6:30

책같은거 추천해주실수 있을까요?

오후 6:30

자란다 Recruiter

이모티콘 다들 퇴근 잘하셔요!!! 다음주도 월요일 쉽니다!! 뽜이링!

오후 6:32

유용태 (teo.yu)

뚜벅쵸님 어서오세요~~ 반갑습니다 :)

오후 6:33

raon (베이비 개발자)

기초는 doit 책으로 학습하구, 무작정 클론코딩한거 같아요

오후 6:34

좀 더 화려하고 그런 기술들은 유튜브에 많더라구여 ㅋㅋ

오후 6:35

꾸까

안녕하세요! 스프린트 관련 질문을 드리고 싶습니다 보통 스프린트를 한다면 어느정도까지 개발을 할 수 있어야 할까요??

오후 6:36

유용태 (teo.yu)

개발능력을 중요하게 생각하고 있지는 않습니다. 협업을 하는데에는 개발 능력말고도 기여를 할 수 있는게 있으니까요. 그렇지만 본인의 성취도를 생각해본다면 내가 프로젝트를 만들때 최소한 이것은 기여할 수 있겠다 하는 부분만 있다면 충분할거에요!

오후 6:38

경례하는 프로도님이 들어왔습니다.

오후 6:46

바보fe

해당 데이터가 바뀔 경우는 어떻게 대처해야하나요? 저도 localstorage나 indexed db를 이용해서 클라이언트쪽에 캐싱해두면 좋겠다 싶은 생각은 드는데, 언제 없앨것인지 해당 데이터가 변경될 경우에는 어떻게 할 것인지가 좀 어렵더라구요!

오후 6:53

서버쪽에서 해당 데이터가 변경되어 기존에 클라이언트에서 캐싱해둔 데이터를 사용하지 않고 변경된 데이터로 사용되어야 할 경우에는 어떻게 하시나요? key를 정하기가 애매하더라구요 ㅠ

오후 6:54

맷돌

이벤트 버블링 때문에 그런 것 같아용

오후 6:57

.modal-container 에서 onClick 을 하나 만들어주신 다음에... e.stopPropagation() 해주시면 될 것 같아요

오후 6:57

그러면 SettingModal 의 자식들을 클릭했을때 그 이벤트가 SettingModal 까지 닿지 않을꺼에요

오후 6:58

SettingModal 을 눌렀을때만 closeLimitModal 이 실행되구..

오후 6:58

경례하는 프로도님이 나갔습니다.

오후 7:00

유용태 (teo.yu)

안녕하세요 먹보 네오님!! 반갑습니다 어서오세요 :)

오후 7:12

유용태 (teo.yu)

네! 안녕하세요~~ 이곳은 프론트엔드에 대해 궁금한 것들을 물어보고 아는 것은 알려주면서 함께 성장하고자 하는 곳이랍니다~ 궁금한것들 알고 있는 것들 언제든 편하게 글 남겨주세요! 잘 부탁드립니다~~=

오후 7:18

핸디(강경석)

저 같은 경우는 indexeddb에서 값을 가져오는 key값을 기준으로 판단하고 있어서요. 값이 변경되면 key값이 변경되어 새로운 값이라 판단하여 서버에 요청하고 있구요. 기존 값의 경우 로그인,로그아웃 시에 삭제하고 있는데 보안정책상 토큰 주기가 짧아 금방금방 db 클리어되고 있습니다.

오후 7:39

감사합니다!! 혹시 해당 key는 어떻게 정의하시는지도 여쭤봐도 될까요?

오후 7:50

핸디(강경석)

서버에서 판단하고 있어서 어떤 로직인지는 알수 없지만 uuid 느낌으로 랜덤한 스트링이 옵니다. 데이터가 업데이트 될때 연결된 db의 key값도 함께 업데이트 하는 로직이 서버에서 동작하고 있어요.

오후 8:08

역시 서버쪽이랑도 같이 해야하는 작업이군용

오후 8:11

유용태 (teo.yu)

안녕하세요 JY님 반갑습니다 :)

오후 8:15

retu

z-index 공부하다가 구글링해봐도 도저히 이해가 안되서 질문드립니다.ㅠㅠz-index: auto와 z-index: 0의 차이가 무엇인가요?

오후 8:23

사람인 말고 추천해주실 곳 어디있을까요?

오후 8:25

시골쥐

재연님께서 잘 정리해주셔서 끌올합니다 @단무지시러행

오후 8:26

프인

회사정보볼땐 thevc 혁신의숲 크레딧잡

오후 8:30

무지성 개발자

링크드인에도 간헐적으로 올라와요

오후 8:31

프인

그래프로 이거저거 보여줘서 괜찮은거같아요

오후 8:32

유용태 (teo.yu)

실무에서는 사실 차이점을 모르셔도 무방합니다. 어차피 z-index가 필요한 엘리먼트에는 auto가 아니라 값을 지정할테니까요. 명세예 따르면 z-index: auto는 부모 엘리먼트의 z-index 값이라고 되어 있네요. 명시적으로 0이 아니라면, 부모 엘리먼트의 z-index와 같은 값을 가진다고 생각하시면 될 것 같아요. 좋은 자료가 있어서 공유 드립니다 https://dev.epiloum.net/904

오후 8:41

retu

오 감사합니당!ㅎㅎ링크도 잘 읽어볼게용ㅎㅎ

오후 8:45

Frodo whistling님이 들어왔습니다.

오후 9:22

불나게 일하는 네오님이 들어왔습니다.

오후 9:24

유용태 (teo.yu)

안녕하세요 Froro whistling님 불나게 일하는 네오님~~ 모두모두 반갑습니다 :)

오후 9:28

룰루

react-query의 useMutation을 사용하고있습니다. 데이터 post를 위해 mutate 실행 후 onSuccess의 경우 navigate를 통해 다른 페이지로 이동하게끔 함수를 만들었는데, 성공 후 다른페이지로 이동하면서 또 한번 요청 함수가 실행되는 문제가 발생합니다. 동일한 문제를 겪으신분 계실까요?

오후 9:32

피스메이커 프로도

테오님! 스프린트 공지에 말씀해주신 온라인 미팅은 어떻게 진행되는건지 궁금합니다! 게더타운으로 하나요 ?

오후 9:33

유용태 (teo.yu)

네! 다같이 게더타운에 모여서 피그잼을 통해 진행합니다 :)

오후 9:34

유용태 (teo.yu)

혹시나해서 덧붙이자면 캠은 안사용하니까 부담가지지 마세요

오후 9:35

피스메이커 프로도

헐 그렇군요 오히려 좋습니다.. ㅎ

오후 9:36

너겟

맷돌님 의견 감사합니다!! 시도해봤는데 잘 안되는거같아요 ㅠㅠ

오후 9:40

input창을 찍었는데도 이렇게 settingModal 이 찍혀요 ㅠㅠ

오후 9:41

그레이

onclick 말고 onmousedown 을 써보셔요

오후 9:52

너겟

제가 샌드박스까지 만들었다가 결국 원인은 찾았습니다 ㅠㅠ

오후 9:55

인풋에서 드래그를 당겨서 마우스를 모달 밖에서 떼면 꺼지네요………

오후 9:56

드래그를 시작하는 부분이 모달안이라도 마우스 떼는 위치가 모달 밖이면 타겟이 모달 밖으로 되나봐요......

오후 9:56

어떻게 작동되는지도 모르고 코드를 짜고 있었네요 ㅠㅠ 두분 도와주셔서 너무 감사합니다 ㅠㅠ

오후 9:57

맷돌

아항... 마우스를 떼는 위치를 기준으로 click 을 계산하는거군요?

오후 9:57

너겟

버블링을 대비해서 e.stopPropagation() 도 추가해뒀습니다!!

오후 9:58

개념만 알고있었는데 맷돌님 덕분에 적용해봤어요!

오후 9:59

화난 라이언

It 직무 중 가장 일자리 많고 많이하는 게 웹 프론트엔드, 웹 백엔드인가요

오후 10:14

retu

쌓임맥락 공부하면서 궁금한점이 있어 질문드립니다! mdn 문서보면서 공부중인데, 아래 그림에서 DIV #3이 z-index: 4면, DIV #6이랑 DIV #5는 안 보여야 되는데, 왜 보이는지 이해가 안가네용ㅠㅠ

오후 10:16

관련 링크입니다ㅠㅠ혹시 답변해주실 때 참고될까해서 같이 보내요ㅠㅠ

오후 10:16

김동현

@yian kim 2018년쯤 언저리부터 시작된 개발자 붐은 확실히 웹 개발자가 수요와 공급이 가장 많은게 맞습니다.

오후 10:16

유용태 (teo.yu)

z-index는 컨네이너 블록 안에서만 경쟁하도록 되어 있습니다 이미 div4는 div3에 속해있기 때문에 서로간의 z-index 비교는 무의미합니다 위 예시에서는 div 4-5-6끼리만 z-index 비교를 하게 됩니다

오후 10:24

retu

부모 자식간에는 z-index 비교하는 것은 무의미하고, 형제간에 비교하는 것이 의미있는 걸로 이해하면 될까용?ㅜㅜ

오후 10:26

모아이

안녕하세요.. ? eslint관련된 오류 해결 중에 있습니다… 저장을 누르면 모든 코드가 tap으로 밀리면서 <Delete `····`eslintprettier/prettier> 이라는 오류가 뜨는데 혹시 저와 같은 경험을 하신 분이 계신가요

오후 10:27

2년차ㅠ

이미 4 5 6은 인덱스 4에 있어서

오후 10:27

모아이

스택오버플로우에 나와 있는데로 .eslintrc.js파일에 rules: { 'prettier/prettier': [ 'error', { singleQuote: true, trailingComma: 'all', endOfLine: 'auto', useTabs: false, }, ],

오후 10:28

2년차ㅠ

vs코드 설정에 자동 저장 포맷있는데

오후 10:28

모아이

그 설정도 체크 지웠습니다..

오후 10:29

2년차ㅠ

세팅즈제이슨인가 확인해보면 되지 않을까여?

오후 10:29

작은뉴비

저는 extends 마지막에 prettier적용되게 해놓고 rule에 prettier/prettier off합니다

오후 10:29

유용태 (teo.yu)

네 정확히는 같은 relative absolute fixed에 속하는 것들끼리 비교하게 됩니다 부모 자식간이 아니라 조상 중에 postion 속성이 static이 아닌 것이요 이걸 컨테이닝 블록이라고 부르는데 블록내부에서만 zIndex로 순서를 정하게 되요

오후 10:31

Moment

테오님 혹시 스프린트 마감이 언제까지인가요??

오후 10:31

유용태 (teo.yu)

스프린트가 시작되는 전날인 10/11화요일까지 입니다~

오후 10:36

{}[123]0] 은 123이라는 숫자가 나오는데 이걸 변수에 대입하면 왜 undefined가 나오는 건가요?

오후 10:59

블록스코프 만드는 중괄호로 인식했고

오후 11:00

블록 닫혔으니 무시하고 리스트 123의 0번 인덱스가 되었는데

오후 11:01

밑에꺼는 등호 뒤라 객체로 인식하네요

오후 11:01

전재연(JAENY)

오.. 제 생일이군여.. ㅋㅋ 이거슨 신의 계시인가?! 하지만 회사 적응에도 바쁜 저는.. 역시 안되겠군용ㅠ

오후 11:02

뷰붕이

낮에 해설해주신 분이 계셔서 배웠습니다

오후 11:04

뷰붕이

그런데 개인적으로 자바스크립트 묵시적 형변환으로 인해 생기는

오후 11:05

기타 자바스크립트 기괴한 코드는

오후 11:05

그것을 피하도록 타입 맞춰가며 코딩하기때문에

오후 11:06

굳이 공부한다기 보단 취미로 알아보는 정도가

오후 11:06

다 알면 좋지만 시간은 한정적이라..

오후 11:07

말썽쟁이 네오

ts에서 글로벌한 타입 지정도 가능한가요?

오후 11:12

매번 import하기 귀찮아서요

오후 11:12

말썽쟁이 네오

검색 키워드좀 알려주실 수 있으실까요

오후 11:12

말썽쟁이 네오

이건 전역 변수에 대한 타입같은데..

오후 11:14

말썽쟁이 네오

api response타입 같은거.. 글로벌로 저장하시나요?

오후 11:16

생각보다 import하는 구간이 많기는 하고.. 이걸 글로벌 타입으로 지정하는게 맞나 싶기도 해서요

오후 11:16

김찡찡

저는 ~.types.ts 파일에서 정의해서 임포트해서 써요 성능적인건 모르겠고 파일 많아지면 찾기 어려워져서

오후 11:17

말썽쟁이 네오

음 그렇긴 하겠네요 감사합니다!

오후 11:18

얼굴마사지하는 제이지

try catch에서 catch안에 에러핸들링은 보통 어떤식으로 하시나요?

오후 11:23

실무에서 어떤식으로 활용하는지 궁금해요! 아니면 참고하기 좋은 글 있을까요?

오후 11:24

베개를 부비적대는 라이언님이 들어왔습니다.

오후 11:36

전재연(JAENY)

슨배님들 근데 M2 pro 13인치 개발용으로 괜찮나여 회사에서 지급받은게 m2인데 그냥 여러분들 생각이 궁금해서 여쭤봐용

오후 11:36

전 20 더주고 500기가로 늘렸어요 ssd

오후 11:37

전재연(JAENY)

아 회사에서 준건 램 24에 스스디 500인거 같아용

오후 11:38

필요한것만 깔아도 100GB남아서

오후 11:38

전재연(JAENY)

데탑은.. ㅋㅋ 하드라도 박으시는게 좋지 않을까용

오후 11:38

라이언 붕붕카를 탄 무지님이 들어왔습니다.

오후 11:39

전재연(JAENY)

오호.. 전 늅 프엔이라 ㅋㅋㅋ

오후 11:40

전재연(JAENY)

차고 넘치쥬 근데 m2가 말이 많아서 다른 분들 생각을 여쭤봤어요

오후 11:40

안녕하세요. 제가 커스텀 훅을 만드려고 하는데 위의 사진처럼 그냥 컴포넌트에 적용하면 잘 되지만 아래 사진처럼 커스텀 훅을 만들고 불러오면 값이 불러와지지가 않습니다… 혹시 이유를 알 수 있을까요?

오후 11:42

전재연(JAENY)

히스토리가 쪼끔 있지만 가볍고 성능 좋아서 만족스러운듯 합니다 다만 모니터 듀얼이 안되는거 같아서 살짝 안타깝

오후 11:42

맷돌

questionDatas 가 항상 비어있는걸까용? 두번째 사진에선 questionDatas 랑 isError 가 빨간 밑줄이 생겼는데, 어떤 내용인지도 알 수 있을까여?

오후 11:47

진현

리턴이 questionsDatas 인데 questionDatas라고 써져있어요ㅎㅎ

오후 11:48

Hayden

오타때문이었다니… 정말 감사합니다ㅠㅠ

오후 11:51

Frodo whistling

센드버드는 어느정도로 해야지 갈수있나요?? 코테를 되게 중요시 본다고 들은 것 같은데

오후 11:55

전재연(JAENY)

회사에서 준거는 4k 27인치인데 주사율이 왜 30까지만 나올까용 ㅠ

오후 11:55

전재연(JAENY)

경우에 따라서.. 코테 안보고 기술면접 보기도 합니당

오후 11:55

1. 라이브 코테 2. 라이브 과제

오후 11:56

라이브로 코테랑 과제 다줫어요

오후 11:56

Frodo whistling

와우... 과제는 어려운 편이었나요..?

오후 11:56

2022년 10월 5일 수요일

진현

m2시면 ctoc로 맥북 <=> 모니터 연결해보세요 ㅎㅎ!

오전 12:01

전재연(JAENY)

오 근데 모니터에 C 타입 허브가 없는거 같더라구용.. 허브 새로 받으면 DP로 연결해보면 나을까요 HDMI로는 주사율이 안나왔어서..

오전 12:04

Frodo whistling

c to hdmi로 될거에요!

오전 12:06

화난 라이언

코딩 처음에 재밌게 배우는 법 있을까요 문법이랑 알고리즘만 배우니 지루하네요

오전 12:06

1px만더..

모니터 한대만 쓰시는거면 c to dp케이블로 연결하시면 화질 괜찮을겁니당

오전 12:07

전재연(JAENY)

허브에 hdmi 말고 그냥 c to hdmi 말씀이신가용??

오전 12:08

오 화질은 좋은데 주사율 문제라서.. ㅠ 그것도 그렇게 해결이 되나용?

오전 12:08

졸린 라이언

프론트엔드 비전공자가 신입으로 연봉도 적당히 주는 이상하지 않은 회사 들어가는데 대략 공부 기간 얼마나 걸린다고 생각하시나요?.? 공부하면 할수록 타입도 해야하고 기간이 늘어나네요..

오전 12:08

1px만더..

모니터 주사율 얼마까지 지원되는거에용??

오전 12:10

전재연(JAENY)

아 생각해보면 hdmi 케이블 문제였을수도 있겠네요 왜 그걸 생각안해봤지..

오전 12:10

주사율 30은 이제 진짜 볼 수가 없어요.. 무조건 60이상만 가능..

오전 12:11

리드가 뭐죠 부장님 같은건가요

오전 12:12

김찡찡

프론트엔드 여러명이면 대표하는 사람?

오전 12:12

전재연(JAENY)

근데 저분들은 팀이 좀 큰 조직이었어서 거의 이제 CTO 다음 정도 되는거 였을듯

오전 12:13

호봉으로 치면 대리 과장 정도 될 거 같은데

오전 12:14

음악듣는 어피치

다들 면접 준비는 어떻게 하시나요??

오전 12:20

맷돌

막 인터넷 검색하면 나오는 프론트 면접 질문.. 훑어보구

오전 12:22

이력서나 포폴에 올렸던 프로젝트들 훑어봐요

오전 12:22

그거보면서 관련 질문들 예상해보기?

오전 12:22

왜 그 기술을 썼고 그 기술의 장점은 어떤거구

오전 12:22

그 기술을 사용하다 부딪힌 벽은 어떻구

오전 12:23

그 방식의 단점이나 장점 생각나는게 있는지

오전 12:23

,,,, 식으로 꼬리물기로 생각해보려 했었어요

오전 12:23

음악듣는 어피치

오옹.... 감사합니다! 저도 그렇게 하고 있는데 비슷하네요!

오전 12:24

맷돌

실무자.. 경력 있으신 분 계시면

오전 12:24

요새 단어가 통 기억이 안나네요 ㅠ

오전 12:24

공물을 좀 바쳐서 모의면접 봐달라구 요청해주시면

오전 12:24

맷돌

이모티콘 직접 말해보는건 또 다르더라구용

오전 12:25

저는 알고리즘 쥐약이라 ㅋ큐ㅠㅠ

오전 12:26

알고리즘 강하면 그걸로도 면접때 뽐낼 수 있을테니까

오전 12:26

프인

태도도 중요한 거 같아요 ㅎ 같은 말이라도 전달하는데의 분위기도 마찬가지고요

오전 12:27

롤

혹시 form 유효성 검증할 때 yup만 단독으로 사용하시는 분 있으신가요?

오전 12:29

음악듣는 어피치

ㅋㅋㅋㅋ정처기는 땄는데... 기억이

오전 12:29

문제 조금 풀다가 운좋게 합격해서ㅠㅠ

오전 12:30

백준 플레 5면 리트코드 기준 hard 일까요?

오전 12:30

졸린 라이언

준비 기간이 얼마나 되셨나요..?.?

오전 12:31

음악듣는 어피치

음 필기는 일주일 실기는 2주 정도 걸린거 같아요!

오전 12:31

음악듣는 어피치

근데 실기..저렇게 하다가 3번 만에 붙었습니다 ㅎㅎㅎㅎㅎ

오전 12:32

졸린 라이언

총 공부 기간은 얼마나 걸리셨나요?.?

오전 12:32

음악듣는 어피치

음 그냥 시험 치기 2주전부터 기출만 엄청 풀었어요! 그 수제비 파이널 모의고사

오전 12:34

퇴근하는 프로도

안녕하세요 제가 리액트 공부를 하다가 조금 이해가 안되서 질문드려요. 회원가입 페이지를 만들고 비밀번호부분을 정규표현식을 이용해서 글자수를 8자이상만 되게했는데요. 결과가 true랑 false가 동시에 나와서 잘 이해가 안되는 상황입니다 ㅜ 혹시 제가 어떤게 잘못된 부분인지 알려주실 수 있나요?

오전 2:24

strictmode를 빼면 정상작동하는데 이유가 검색해도 잘 안나와서 질문드려요

오전 2:25

화난 라이언

그건 프론트, 백이랑 다른 개념인가요

오전 2:46

레몬사이다맛젤리

클라우드를 비롯한 여러 서비스를 제공하고있는데

오전 2:47

음.. 프론트랑 백이 존재하ㄱ ㅣ위한 기반인프라와 관련이 있다고 보면될거같아용

오전 2:47

모아이

안녕하세요 혹시 재직자 분들중 신입에게 어느정도 능력을 요구하는지 알 수 있을까요?

오전 7:35

허브를 존경하는 프엔 공부중

2~3달 후에 우리회사 프로젝트에 기여할수있을까..?

오전 7:37

유용태 (teo.yu)

배게를 부비적되는 라이언님, 라이언 붕붕카를 탄 무지님 프둥이님 모두모두 반갑습니다 어서오세요 :)

오전 8:25

주주니어 개발자

혹시 react에서 이전 페이지의 url을 알 수 있는 방법이 있을까요 ?

오전 9:15

초롱초롱 네오

이동하기 전 url을 state로 넘겨주는건 어떨까요

오전 9:18

무지성 개발자

history는 힙스택에 쌓일건데 한번 찾아보세요

오전 9:18

울고있는 어피치

9시출근에 신도림역에서 환승하시는분 계시나요..? 10시출근하다 9시출근해봤는데 진짜 헬이네요..

오전 9:19

울고있는 어피치

1,2 호선도 시위있나보네요 오늘은

오전 9:21

주주니어 개발자

감사합니다 ㅎㅎ state 활용해서 해결했습니다 :)

오전 9:23

찍찍

patch로 delete 리퀘스트 보내보신분?!

오전 9:23

찍찍

제가 백엔드한테 delete 리퀘스트 만들어달라고 했는데, patch로 delete 바로 넣으면 된다고

오전 9:25

아예 그 게시글을 지우는게 아니라, 게시글 중에 사진만 부분적으로 삭제하는

오전 9:25

찍찍

delete 하려면 delete api가 따로 필요한줄 알았는데..

오전 9:26

하드 딜리트냐 소프트딜리트냐 그것도 문제일수도 있거요

오전 9:27

김찡찡

일단 하시고 싶으신게 지우는 게 아니고 수정 개념인 것 같은데

오전 9:28

이지

요청 보내는건 딱히 문제 될건 문제가 없는거 같고

오전 9:28

이지

수정개념이라 patch할때 메소드로 보내는게 맞는거 같습니다

오전 9:28

찍찍

패치로 딜리트 보내서 사진 목록중에 하나 지우기..!

오전 9:29

이지

update함수에 그냥 남아있는 사진 파일 id 만 담아 보내는 법도 있구요

오전 9:29

이지

말씀하신대로 deleteImage method를 백엔드에서 만들어놨다면 그 메소드 요청하면 될거 같은데

오전 9:30

찍찍

이렇게 하니까 기존 목록이랑 쌓여서

오전 9:30

이지

그건 기존에 이미 불러와져있던 데이터가 새로 고침이 안되서 그런거 같은데

오전 9:30

이지

아님 서버단에서 그냥 id를 추가하는 방식이라 그럴수 있구요

오전 9:31

이지

update 함수를 고쳐쓸건지, 새로운 함수를 만들건지 논의해보시면 될 듯합니다

오전 9:31

무지성 개발자

서버상태와 동기화하는방법과 클라이언트 상태를 조절하는 방법이 있을수도 있어요

오전 9:31

찍찍

이지님 백준님 김찡찡님 넘 감사합니다! 알려주신 것 토대로 곰곰히 해결해보겠습니다!!

오전 9:33

이지

정리 해보자면 1. patch를 통해 바뀐 image 리소스 정보를 update 하여 클라이언트에 뿌려준다. 2. image delete 메서드를 만들어 요청을 보낸다.

오전 9:34

이지

그리고 patch에 delete를 같이 쓴다는게 이해가 잘 안되가지고 그 부분 한번 백엔드 분께 여쭤보고 저한테도 좀 알려주세요!

오전 9:35

으응..? 하면서 알겠습니다 했어요 ㅋㅋㅋㅋㅋ

오전 9:36

썰cho

논리적 삭제와 물리적 삭제 두가지가 있는데

오전 9:36

썰cho

보통 논리적 삭제를 기본으로 하는경우가 많아서

오전 9:36

그건 patch가 맞을거같아요 ㅎㅎ

오전 9:36

김찡찡

딜리트는 거의 안쓰는 거 같아요 데이터가 자산이라..

오전 9:36

썰cho

그리고 어짜피 restful은 서로의 약속이라

오전 9:36

썰cho

어떻게 하던간에 서로의 약속만 맞으면 되긴합니다

오전 9:37

상태코드 만단위를 쓰는곳도 봤는걸요

오전 9:37

무지성 개발자

샵검색 : #Soft delete hard delete

오전 9:37

슈슈슉슈슈슉

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 미라클모닝 전도사.. 계속 얘기해주심 한번쯤 일찍갈지도 모르겟네여 ㅋㅋㅋㅋㅋ

오전 9:37

무지성 개발자

아마 썰초님깨서 말씀하신게 이거일가에여

오전 9:37

찍찍

아침부터 많이 배웁니다.. 역시..

오전 9:38

썰cho

우리가 회원탈퇴를 했음에도 같은 아이디로는 가입못하는곳들 있잖아요

오전 9:38

찍찍

썰초님도 넘 감사해요 복받으실겁니다

오전 9:38

전재연(JAENY)

어차피 자는 시간 똑같으면 아침시간을 활용하는게 더 이득이지 않을까요 ㅋㅋ

오전 9:38

썰cho

내 정보가 삭제되지 않았다느 말이죠

오전 9:38

무지성 개발자

하드딜리트는 테이블의 해당 row를 그냥 밀어버리는거에여

오전 9:38

이지

이래서 프론트도 cs가 필요하다..

오전 9:38

찍찍

에고 다들 넘 감사해요.. 집단지성.. 감동..

오전 9:39

아침 댓바람부터 감동의 눈물이..

오전 9:39

썰cho

화이팅입니다 ㅋㅋ 이렇게 하나씩 알아가시면 됩니다 ㅋㅋ

오전 9:39

카이카스

6만줄 데이터를 하나에두고 search나 필터링학쇺다고해서

오전 9:39

썰cho

상태코드 만단위 쓰는분 === 제로초님

오전 9:40

이지

아 전 진짜 아침이 안맞아서..

오전 9:41

이지

밤-새벽 이시간이 맞더라구요..

오전 9:41

전재연(JAENY)

여러분 그냥 밤도 쓰고 아침도 쓰세요~ 저는 사실 늦으면 2시쯤 자는거 가타여

오전 9:41

슈슈슉슈슈슉

밤에 코딩이 잘되는 느낌적인 느낌

오전 9:41

이지

머든 각자 맞는 시간에 집중해서 공부하면 좋지여..

오전 9:41

전재연(JAENY)

다 쓰자! 그냥 자기가 쓸수있는거!!!

오전 9:41

이지

학교에서 가르치는 조기교육느낌이랄까

오전 9:41

무지성 개발자

카카오에서 다른곳 가서 cto하시지않나여?

오전 9:42

슈슈슉슈슈슉

아침형 인간들때메 사회생활이 힘듭니다..(이렇게 남탓)

오전 9:42

썰cho

두달전까진 카카오 모빌리티셨거든요

오전 9:43

전재연(JAENY)

에잉.. 그렇치 않아여 출근시간 당기면 퇴근도 빨리 할 수 있지 않아여? (유연이나 자율이면)

오전 9:43

말썽쟁이 네오

더 잘 하시는 분도 많이 계시는데

오전 9:43

이지

뭐든..저희보다 열심히..더 잘 살고 있지 않으실까요..?

오전 9:43

슈슈슉슈슈슉

유연근무지만 한번도 일찍 간적이 없..

오전 9:43

전재연(JAENY)

이슈 없어도 야근하면 무조건 제 실력을 키워야할듯.. ㅠ

오전 9:43

이지

이슈 생기게한 제 능력탓도 있으니.

오전 9:44

전재연(JAENY)

일찍 나오면 맑은공기 마시고 기분 조아여

오전 9:44

썰cho

넵넵 ㅎㅎ 그 cto로 있던 회사가 카카오모빌리티에 합병되셔서

오전 9:44

무지성 개발자

엑싯하셨다고 방금 봤네요 ㅋㅋㅋ

오전 9:44

전재연(JAENY)

저도 아마 그냥 전부 제 탓..

오전 9:44

썰cho

엑싯하시고 카카오로 ㅋㅋㅋㅋ 진짜 최강 코스

오전 9:45

슈슈슉슈슈슉

아침생활은 자신없지만 함께자라기 책은 저두 어제부터 보고 이씀다 ㅋㅋ 추천감사해여

오전 9:46

교양쌓는다 생각하시면 마인드에 좋아여 ㅋㅋㅋㅋㅋㅋ

오전 9:47

2년차ㅠ

안녕하세요 선생님들 호옥시 react 컴포넌트를 하나 만드려고 하는데 이 react 컴포넌트가 버튼 그 자체처럼 행동하게 하고 싶어서 여쭤봅니다!! 혹시 ...props 스프레드 프롭스의 타입은 그냥 props: 타입 이렇게 지정해주면 되는건가요?

오전 10:20

저는 타입 애매하면 any 넣는데 좋은방법은 아니라고 하더라구요 ㅜ 작동은 되는디

오전 10:27

2년차ㅠ

props?: Partial<ButtonProps & React.ComponentProps<'button'>>;

오전 10:27

무지성 개발자

애니는 타스를 자스로 만드는방법이라..

오전 10:29

전재연(JAENY)

HTMLButtonElement 이런 타입으로 줘야 하지 않을까여??

오전 10:31

2년차ㅠ

React.ButtonHTMLAttributes<HTMLButtonElement>로 하니까 되네요

오전 10:42

커스텀할 능력이 생겨서 버튼 찍어내는 공장이 될수있게 됐습니다 감사함다!!

오전 10:42

제이든

혹시 스프린트 모집은 언제까지인지 알 수 있을까요?! 또, 바닐라 자바스크립트로만 프로젝트를 진행한 경험만 있는데 참여가 가능할지도 여쭤보고 싶습니다..!(다른 분들께 폐가 될까해서요..!)

오전 11:16

유용태 (teo.yu)

개발능력 외에도 협업에서 기여할 수 있는 것들을 많이 있습니다. 열정이 있다면 부담갖고 참여하세요 :) 잘 하실 수 있을거에요!!

오전 11:21

제이든

빠르게 답변주셔서 감사드립니다 :)!!!

오전 11:22

힙합맨 제이지님이 들어왔습니다.

오전 11:25

유용태 (teo.yu)

안녕하세요 힙합맨 제이지님 반갑습니다

오전 11:25

전재연(JAENY)

마이 BirthDay..에 마감이라니이 ㅠㅠ 다음 기수때 꼭 참여해야지

오전 11:31

엄지척 제이지

스프린트에 당근 개발자분도 계시네

오전 11:46

왕초보

안녕하세요 사이트 따라해보면서 연습하려고 하는데 부트스트랩으로 만들어진 사이트를 부트스트랩 없이 똑같이 구현해보는것도 의미가있을까요? 아님 쫌 시간낭비일까요

오전 11:48

취미는개발

저는 의미 있다고 봅니다 ㅎㅎ

오전 11:49

일단 클론코딩은 가장 기초적이면서도 도움이 많이 되는 부분이고

오전 11:50

막히면 부트스트랩 소스 보면서 참고하고 바꾸는 것도 실력 향상에 도움이 되지 않을까 하는 생각입니다

오전 11:50

처음부터 폴더구조 그런것까지 다 생각하면서 하는건데

오전 11:51

부트스트랩 안쓰고 부트스트랩 기능들을 구현한다면 실력 엄청 느시겠네여

오전 11:52

왕초보

허걱 그만큼 어려운길이긴 하겠군요... 감사합니다 한번 해볼게요

오전 11:52

취미는개발

main-container 에서 "grid-template-columns: 898px 919px;"

오전 11:56

를 고정으로 준 이유가 있나요 ?

오전 11:56

부모에서 "grid-template-columns: 898px 919px;" 를 고정했으면

오전 11:56

temp-box d 에다가 div를 하나 입히고 그 안에서 다시 그리드로 나누면 되지 않나요 ?

오전 11:57

4, 5번을 div 하나로 감싼다는 이야기입니다 ㅎㅎ

오전 11:58

베개를 부비적대는 라이언

저 혹시 프론트엔드 개발자가 되려면 정처기가 필수 인가요??

오후 12:09

베개를 부비적대는 라이언

취업 준비하면서 포트폴리오를 만들고 있는데 정처기가 없어서 그런가 싶어서... ㅜㅜ

오후 12:11

FE

정처기 <<<<< 개인 프로젝트 1개

오후 12:11

일하기 싫은 네오

현업 FE들이 고민하고 있는 주제가 무엇인지 생각해보시고

오후 12:11

취미는개발

뭐 있어서 나쁠 건 없지만 체험상 있어도 아무 도움 안 됩니다

오후 12:11

일하기 싫은 네오

해당 주제에 대해서 맛이라도 느껴보시면 좋은 결과 있으실거에요

오후 12:12

무지성 개발자

근데 정처기에 내용이 진짜 좋긴해요 ㅋㅋㅋㅋㅋ

오후 12:15

꼭 따야하는가 ? ㄴㄴ 알면 좋은가 ㅇㅇ 이겁니당

오후 12:15

A.tsx를 창 하나 더 띄워서 더블모니터로 보고 싶은데

오후 12:17

유용태 (teo.yu)

221005시작님 반갑습니다 어서오세요 :)

오후 12:18

제가 공유한 사진 오른쪽 위 보면 두개 여는 버튼있어요

오후 12:19

뚱뚱보가 되어버린 네오

duplication workspace as same window 라는 부분이 있었네용

오후 12:19

저는 wnodw를 하나 더 띄우고 싶어서 여쭤봤던거였숩니돳돳

오후 12:19

뚱뚱보가 되어버린 네오

duplication workspace as same window 치면 됩니당

오후 12:20

공부2일차

잘부탁드립니다! 마크업부터 리액트까지 약4달 목표잡고 공부시작했습니다🙇‍♂️

오후 12:24

멍청이 하얀

vsCode에서 IUserService를 컨트롤 클릭해도 UserService 문서로 이동되게 할 수 있을까요?

오후 12:25

유용태 (teo.yu)

화이팅입니다!! 이곳은 프론트엔트에 대해 궁금한 것들을 물어보고 아는것은 알려주고 공유하면서 함께 성장하고자 하는 곳입니다. 많이 물어볼 수록 더 빨리 내것이 되고 내가 무엇이 부족한지 잘 알수 있다고 하더라구요~ 언제든 편하게 궁금한게 생기면 글 남겨주세요

오후 12:26

콘이 웃긴 무지

그거 f12인가 누르면 되지 않나요?

오후 12:29

베개를 부비적대는 라이언

선생님들 제가만든 반응형 홈페이지인데 화면 크기가 519px보다 작으면 오른쪽에 빈공간이 생기는데 원인이 대체 무엇일까요... 도와주세욤..

오후 12:39

모바일로 보면 자꾸 빈공간이 생기네요... ㅜㅜ

오후 12:39

오.. 모바일에선 스크롤을 제거 해야하는건가요,

오후 12:42

container에 overflow-y: hidden;

오후 12:42

베개를 부비적대는 라이언

아하!! 감사합니닷 해보겠습니다!

오후 12:43

기뻐하는 라이언님이 나갔습니다.

오후 12:46

html, head 태그가 여러번 선언되어있네요 ?

오후 1:02

귀여운 라이언

안녕하세요 선배님들!! 아이폰에 관해서 질문이 있는데요 아이폰에서 os버전이 같다면 해상도 외 기능적인 부분에 차이가 있을까요??

오후 1:05

취미는개발

그리고 하나 더 주제넘은 조언을 드리자면 reset.css에 대해 찾아보셔요 ㅎㅎ

오후 1:08

베개를 부비적대는 라이언

오.. 그런가요? 그 오버플로우는 히든 되도록 한거 같았는데.. 다시 확인해봐야 겠네요 감사합니닷!

오후 1:08

베개를 부비적대는 라이언

감사합니다!! 찾아보겠습니다 ㅎㅎ

오후 1:09

취미는개발

reset.css 등으로 padding, margin 등 초기에 셋팅할 css를 reset 시키는 것이 도움이 될거에요 ㅎㅎ

오후 1:09

베개를 부비적대는 라이언

아 초기에 먼저 다 0의 값으로 만들고 해야 오류가 없어서 그런거군요?

오후 1:10

취미는개발

오류라기보단 각 태그가 기본적으로 가지고 있는 스타일이 있어서

오후 1:10

베개를 부비적대는 라이언

아하 감사합니다 좋은걸 배워가네요!! ㅎㅎ

오후 1:11

취미는개발

아까 박용준님이 말씀해주신 것처럼

오후 1:12

김찡찡

아이폰 대응은 노치나 펀치홀 부분, 하단 부분 안전영역도 고려하셔야..?

오후 1:13

구기자

Next + ts에서 intersection observer로 무한스크롤 만들고있는데 너무 어렵네요 ㅠㅠ 밤새도록 했는데도 구현을 못하고있습니다 흑흑 잘 설명된 블로그글같은거 아시는분 계실까요 ㅠㅠㅠ 관측은 제대로 한거같은데 관측될때마다 api호출 후, 다음 데이터 호출을 위한 page값 +1 해주는부분에서 오류가 나는지 데이터 호출이 미친듯이 폭주하네요 ㅠㅠ

오후 1:13

베개를 부비적대는 라이언

아 이미지가 밀려서 공간이 생긴거군요

오후 1:13

position: absolute 는

오후 1:14

취미는개발

생각보다 저렇게 밀리는 경우가 많을 거라 ㅎㅎ

오후 1:15

베개를 부비적대는 라이언

음 그럼 자동차 이미지를 저렇게 하단 오른쪽에 고정시키고 싶을땐 어떻게 하는게 좋은가요??

오후 1:15

구기자

오 감사합니다!! ㅜㅠㅜㅜㅠㅠㅜㅜ

오후 1:15

취미는개발

부모를 relative 로 묶고 absolute를 쓰거나

오후 1:16

flex 등을 이용하는 것이 나을 것 같아요

오후 1:16

이걸 5%로 주려고 했을까요 ?

오후 1:17

마이너스는 right 기준 오히려 바깥쪽으로 이동하는거라

오후 1:17

베개를 부비적대는 라이언

음.. 자동차 이미지가 민트색에 안들어가게 하려고 하다보니

오후 1:17

밀리는 건 잡을 수 있을 것 같은데 아닐까요

오후 1:17

베개를 부비적대는 라이언

감사합니닷!! 덕분에 원인을 알았어요 ㅎㅎ

오후 1:18

울고있는 어피치

div를 d에주고 float: left주고 e에 right주니까 되네요 ㅎㄹ

오후 1:29

그게 더 관리하기가 어렵지 않나요 ㅠ

오후 1:30

그 d에 display: flex

오후 1:30

justify-content: space-between

오후 1:31

display: flex; justify-content: space-between;

오후 1:32

울고있는 어피치

.d { width: 453px; height: 334px; display: flex; justify-content: space-between; } .e { width: 450px; height: 334px; justify-content: space-between; }

오후 1:34

취미는개발

그 소스를 코드펜으로 줘보실래요 ?

오후 1:35

취미는개발

d랑 e를 감싸는 div를 부여하셨군요

오후 1:36

d랑 e 감싼 친구에 줘보세요 ~

오후 1:37

display: flex; justify-content: space-between; }

오후 1:37

울고있는 어피치

.temp-bind { display: flex; justify-content: space-between; } 이렇게 주니까 되네요 ㅎㅎ 감사합니다

오후 1:39

울고있는 어피치

자식만 생각말고… 부모 생각도 ㅠㅠ

오후 1:40

취미는개발

부모가 자식 교육을 잘 하는게 좋죠 ㅎㅎ

오후 1:40

자식들에게 개성을 부여하면 어긋납니다 ㅎㅎ

오후 1:40

FE💪🏻

프론트엔드로 취업하고 싶은데 현재 과정이 인공지능이면 계속 하는 게 맞나요? 나간다면 뭐부터 해야할지 몰라서 갈피를 못 잡겠네요

오후 2:03

좀버프론

프론트엔드에 맞게 하시는게 좋을텐데 인공지능은 안하시는게 좋을거같아요

오후 2:07

짱구

저는 인공지능 버리고 따로 혼자 공부했어요

오후 2:07

좀버프론

Html, css, js, vue나 react로 가세요

오후 2:07

김찡찡

과정 중이시면 지금 학원다니시는건강

오후 2:08

그걸 결국은 클라이언트에 보여줘야하니

오후 2:08

적절하게 프론트도 같이 공부하셔서 하시면 좋을 겁니당

오후 2:08

인공지능모델이 워낙 크기 때문에

오후 2:08

로드벨런싱이랑 이벤트 큐, 이벤트브로커 도 같이 공부하게되고

오후 2:09

ai데이터 모델 캐싱 도 공부하게되니

오후 2:09

하나를 포기하지마시고 같이 가져가보세요

오후 2:09

음악듣는 어피치

부캠듣는데 부캠이 인공지능+프론트과정인건가요?

오후 2:11

그런 부캠이 하나 있던거로 기억하는데

오후 2:11

무지성 개발자

우선 학부과정인지 부트캠프 과정인지가 중요할것같아요

오후 2:11

학부과정이면 석사과정까지 갈수도있는데 부트캠프라면 얘기가 달라질수있으니

오후 2:12

비디오가미래다

인공지능 프론트 과정이라니 감이 안잡히긴 하네요

오후 2:12

음악듣는 어피치

요즘 정부지원받을려고 인공지능같은걸 추가하더라고요

오후 2:12

FE💪🏻

말씀 드리고 그렇게 했나요???

오후 2:14

짱구

저는 온라인이라서 하루 할당량만 채우는 식이었거든요

오후 2:15

귀여운 라이언

저도 프론트엔드로 취업하고 싶은데 시작이 어렵네요 어떻게 공부해야할지부터 막막해용 ㅠㅠ

오후 2:24

치맥하는 제이지

힘들죵 ㅠㅠ 일단 사람을 만나는 것을 추천드려요 :)

오후 2:25

귀여운 라이언

지금 과는 지능정보통신공학과이고 4학년 막학기입니다

오후 2:25

비디오가미래다

저는 독학했는데 생활코딩, velopert, zerocho 강의만 주구장창 봤던 기억이 .. 근데 지금은 그거도 다 옛날 자료겠네요

오후 2:25

귀여운 라이언

사람..! 그래서 여기 눈팅 열심히 하고 있었어요🤣

오후 2:26

비디오가미래다

부트캠프를 할 수 있으면 부트캠프도 추천드려요!

오후 2:26

무지성 개발자

근데 벨로퍼트님 제로초님 서적 강의는 리액트 근본을 알려주셔서 괜찮을걸여

오후 2:27

제로초님 노드버드 강의 괜찮아여

오후 2:27

Next.js 도 사용하고 리덕스 사가였나 썽크였나.. 암튼 그당시 최애 상태관리를 사용하셨었어요

오후 2:28

props로 넘길지 redux로 관리할지

오후 2:29

비디오가미래다

react-saga 쓰셨어요 ㅋㅋ 저도 그래서 한동안 react-saga만 썻었어요 ㅋㅋㅋ

오후 2:29

무지성 개발자

전역으로 써야하나 아니나 그차이로 정해야져

오후 2:30

아맞네여 생각해보니 제너레이터 사용했던거같아요 ㅋㅋㅋ

오후 2:30

아이스크림든네오

구글 스프린트 시간이 평일 밤 11시부터 2-3시간이면 새벽까지 하는건가요?

오후 2:33

거지개발자

prototype 구현은 레거시 인가요??

오후 2:34

화난 라이언

할줄 아는거, 배운거를 다 적기보다는

오후 2:34

눈빛 애교 어피치

구름톤 떨어졌네요.ㅠ ㅠ 진짜 가고싶었는데..

오후 2:34

화난 라이언

업무에 필요한 것만 진하게 적는게

오후 2:34

FE💪🏻

안드로이드 머신러닝 딥러닝 아두이노 왜 하는지도 모르고 듣고있습니다 ㅋㅋ 프론트엔드쪽은 과정끝났는데 전체 과정이 안 끝나서 듣고있습니다

오후 2:34

화난 라이언

제너럴보단 스페셜리스트 느낌으로?

오후 2:34

비디오가미래다

프로젝트 담당하신 부분, 핵심기술, 어떤문제를 어떻게 해결했는지를 중점으로 쓰시는것도 좋아보여요

오후 2:35

Hardy

스페셜리스트 답게 이력서를 쓰실 수 있으시다면 괜찮겠지만 신입이 가능할까요...?

오후 2:35

무지성 개발자

기술의 경험보다는 기술에 대한 이해도가 중요하고 기술경험중 해당기술을 사용했던 '이유'가 가장 중요해여 아무 이유없이 남들 다쓰니까 이거 알려주니까 썼다. 이런건 오히려 마이너스일겁니다 거기서 이유를 찾으시고 이유를 포폴에 녹여내보세요. 그렇게 작성한 포폴이 이력서를 뒷밤치해줄 겁니다

오후 2:38

그럼 학부생이시면 프로젝트를 a to z로 하나 끝내보세요 그 경험이 중요해요

오후 2:38

그냥 전공 과목이라 배웠는데요?

오후 2:38

무지성 개발자

ㅋㅋㅋㅋ 배운걸 한번 써볼려고했다 그렇게 돌려말하는거죠

오후 2:39

짱구

저도 리액트 그냥 학원에서 이거 쓰라해서 배운건데

오후 2:39

무지성 개발자

배움에서 그치지않고 프로젝트에 녹여보았다

오후 2:39

음악듣는 어피치

리액트가 제일 취업시장이 넓어서 쓰는거지만..

오후 2:39

무지성 개발자

사실 멘트는 무지막지하게 많습니다

오후 2:39

화난 라이언

역시 취업은 js, 리엑트, 노드가 안전빵인가요

오후 2:39

무지성 개발자

1. 생태계가 넓어서 물어볼곳이 많다. 2. 그만큼 지원하는 라이브러리가 정말 많다.

오후 2:40

무지성 개발자

빠른 mvp 제작을 위해 레퍼런스가 많은 리액트를 선택했다도 이유가 되죠

오후 2:40

화난 라이언

이것저것 배우는 것보다 Javascript react 2개만 올인하는 게 취업에 좋을까요

오후 2:40

썰cho

리액트 실행하려면 노드 사용하고

오후 2:43

행갬

Js를 빼시면 문맹이 되십니다..

오후 2:43

raon (베이비 개발자)

스프린트 11시부터 2시까지 통화해야하는건가여??

오후 2:43

썰cho

노드를 서버로 아시는 분들이 있더라고요

오후 2:43

화난 라이언

Js, ts, react, 정보처리기사 자격증 취득 4개만 빡집중하면 좋을까요

오후 2:43

유용태 (teo.yu)

네!! 적극적으로 소통을 해야 합니다 협업이니까요~

오후 2:43

행갬

정처기를 굳이 따시려는 이유가 있으실까요?

오후 2:44

화난 라이언

정처기 따면 cs 기본은 배운다고 들어서

오후 2:44

유용태 (teo.yu)

네~ 괜찮습니다 미리 알려만 주세요 ㅎ

오후 2:44

화난 라이언

그러면 정처기를 빼고 Js, ts, react 3개만 빡집중하면 좋을까요

오후 2:44

유용태 (teo.yu)

푸딩님 반갑습니다 어서오세요 :)

오후 2:44

무지성 개발자

네 먼저 그렇게하시고 필요한거 나올때 더 찾아하시면됩니다

오후 2:45

FE💪🏻

만약에 인공지능반을 때려치고 나온다면 어떻게 공부를 시작할까요?? JS기초부터 하고 이력서 낼 떈느 개인프로젝트 진행해본거 내고 그러나요?

오후 2:45

무지성 개발자

어차피 공부할게 계속 늘어날거에요

오후 2:45

raon (베이비 개발자)

10일부터 입원을 해야해서... 걱정이 많았는데 다행이네요 ㅎㅎ.. 부담가지고 해보겠습니당

오후 2:45

둥글

뭐랑 뭐만 하면 된다! 보다는 하다보면 할 게 점점 보일거에요 우선은 js랑 react로 시작한다 생각하시고, 필요에 의해 선택하는 게 좋을 거 같습니다!

오후 2:45

무지성 개발자

이걸 느끼면 공부 잘하고있는겁니다

오후 2:45

음악듣는 어피치

html,css도 해야합니다 ㅎㅎ.. 나중에 발목잡혀요

오후 2:45

화난 라이언

그러면 정처기를 빼고 Html, css, Js, ts, react 5개 빡집중하면 좋을까요

오후 2:46

음악듣는 어피치

그 5개 해보세요 그것만 다 할줄알아도 취업은 걱정없습니다

오후 2:46

무지성 개발자

이것만하는게 아니라 어차피 할게 계속 생겨요

오후 2:46

raon (베이비 개발자)

계획 세워서 기본적인거부터 하시면 될거같아여

오후 2:46

음악듣는 어피치

아직 학부생이라 시간도 많을텐데

오후 2:46

화난 라이언

2개만 해도 벅차다고 하셨는데 그러면 Html, css, Js, ts, react 중에 js react만 조지면 되나요

오후 2:47

raon (베이비 개발자)

마음 급하게 먹는다고 무조건 잘되는게 아니더라구요. 천천히 해보면 될거같습니다 ㅎㅎ

오후 2:47

화난 라이언

~만 하면 될까요? 의 의미가 있을까 싶습니다..

오후 2:47

둥글

우선은 JS를 깊게 공부해 보는 게 어떨까요? 가장 기본이라서요

오후 2:48

화난 라이언

그럼 차근차근 5개 다 조질가요

오후 2:48

모승

하시면서 직접 프로젝트 만들어보시면 좋을거 같아요

오후 2:48

bboy

Html css js react/vue

오후 2:49

raon (베이비 개발자)

순서는 HTML/CSS -> HTML/CSS + JS로 시작해보시면 좋을거같아요

오후 2:49

화난 라이언

Js html css ts react 순인가요

오후 2:49

모승

html css가 저는 기본이라고 생각하고 그뒤에 자바스크립트와 리액트 공부하시면 좋을것같아요

오후 2:49

화난 라이언

Html css js react ts?

오후 2:49

선풍기 바람 쐬는 어피치

개발자분들! 구인사이트 잡코리아,사람인 많이 보시나요?

오후 2:49

취미는개발

html+css가 먼저 오는게 순서상 맞을 것 같아요

오후 2:49

raon (베이비 개발자)

저는 처음에 html css로 화면에 나오게 하는거 부터 하고

오후 2:49

둥글

네네 순서상은 html + css 가 맞겠네요

오후 2:49

bboy

Html css js react

오후 2:49

유용태 (teo.yu)

뭐라도 하나 만들어보세요! 뭘 배운다고 하는 것들은 결국 서비스를 하나 만들기 위한 도구에 지나지 않습니다~ 지금 들었던 키워드들 정도만 가지고 일단 뭐라도 하나 만들어 가면서 필요하면 찾아보세요

오후 2:49

모승

원티드가 제일 UI좋아서 자주 애용하고 있고 사람인, 잡코리아, 로켓펀치에서 자주 확인해보고 있어요

오후 2:50

raon (베이비 개발자)

그 다음에 화면에 나온 요소들을 js로 접근/제어 해봤습니당

오후 2:50

화난 라이언

Html css js react ts 순서 메모하겠습니다 고맙습니다

오후 2:50

짱구

js 고수 되고 react하는 게 제 경험상 좋더라구요

오후 2:50

raon (베이비 개발자)

그 다음엔 여러 개의 HTML 파일로 프로젝트를 만들어보고 이후 react같은 spa 프레임워크를 이용해서 하나의 html파일로 프로젝트를 만들어 봤어요

오후 2:51

짱구

학원에서 급하게 나가다보니 js 딥하게 공부 못하고 react했는데

오후 2:51

raon (베이비 개발자)

이후 그 프로젝트에 ts 추가해보면 좋을거 같습니당

오후 2:51

무지성 개발자

js 하다가 react 해도 결국 js로 다시돌아와 공부하게됩니다 구조상 순환공부가 될거에요

오후 2:51

프롱

넹 멘탈 탈탈 털리고 오겠습니당 핫핫

오후 2:52

유용태 (teo.yu)

저자세로 있지 말고 또 대답하지마세요!! 면접관에게 정답을 말해줘야 한다고 생각하지 마세요~

오후 2:53

그냥 내 이야기 해준다 생각하고 소개팅 같이~~

오후 2:53

프롱

넵 !! 이건 알바면접이다 세뇌거는중 ㅎㅎ….. 후아후아

오후 2:53

음악듣는 어피치

제가 또 소개팅만 나가면 어버버거려서..

오후 2:54

유용태 (teo.yu)

나도 면졉관을 보고 애프터를 할지 말지 결정하는 겁니다 화이팅!! ㅋㅋ

오후 2:55

Html js react는 프론트엔드 기술인줄 알았는데 클라우드 개발자도 배우나요

오후 2:56

무지성 개발자

sdk 개발자들도 js로 개발하니까여

오후 2:56

우선 그냥 해보시는게 어떻겠습니까

오후 2:56

음악듣는 어피치

너무 다 알고 시작하려하지 마세요 어쳐피 기억도 다 안나실겁니다

오후 2:57

울고있는 어피치

저도 금방배운거 돌아서면 또 까먹더라구여

오후 2:57

무지성 개발자

가비지컬렉터가 잘 작동하나보네요

오후 2:58

퉁이리

와 12기 스프린트 지원자 30명....

오후 2:58

raon (베이비 개발자)

js공부해서 그런지.. 애가 알아서 잘 지워주네요 ㅠㅠ

오후 2:58

음악듣는 어피치

ㅋㅋㅋ 제 가비지컬렉터는 사용중인것도 가져가던데요 ㅠㅠ...

오후 2:58

울고있는 어피치

기억력에 좋은 인도카레 앞으로 더 자주먹어야겠어여

오후 2:59

raon (베이비 개발자)

인도카레 아점저 == 비휘발성메모리를 가지는 습관?....

오후 3:01

울고있는 어피치

ㅋㅋㅋㅋㅋㅋ 어제 저녁으로 먹었는데 또먹고프더라구여

오후 3:02

raon (베이비 개발자)

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ카레 좋아하시는군여

오후 3:02

울고있는 어피치

네넵 인도카레 거진 10년 전부터 찾아 먹었는데 지금은 예전보다 가게수가 좀 많이 줄어서 아쉽더라구여 ㅠ

오후 3:03

raon (베이비 개발자)

울피치님 기억력이 엄청나시겠군여..

오후 3:04

좀버프론

클론코딩을 좀 더 기능을 추가해서 플젝으로 내도 될까요?

오후 3:06

울고있는 어피치

그렇진않아여 ㅋㅋㅋㅋㅋ 사소한것도 까먹는거 너무많습니다 ㅠ

오후 3:06

좀버프론

프론트엔드 취업 포폴은 어떤걸 주로 만드시나요?

오후 3:06

bboy

클론코딩은 그냥 새로운 기술 입문용으로만 쓰시고

오후 3:06

FE💪🏻

클론코딩이 플젝으로 낼만 하나요?? 하나도 몰라서…

오후 3:06

bboy

플젝은 따로만드는거 추천드립니당

오후 3:06

쇼핑몰이라도 이름만 바꾸면 되지않나요??

오후 3:07

설계브타 디자인까지 다 하는게 무리라서;

오후 3:08

화난 라이언

자기 이력 사항을 홈페이지로 만드는거 많이하더라고요

오후 3:08

음악듣는 어피치

포폴로 내려는 목적으로 프로젝트를 하지말고 성장하려는 목적으로 프로젝트를 하시길 추천드려요

오후 3:08

음악듣는 어피치

어쳐피 그렇게 디자인을 중시하지 않아요

오후 3:08

좀버프론

이뿌지 않으면 좋게 안본다 들어서요

오후 3:09

bboy

클론해서 약간 수정해서 플젝으로 내는건

오후 3:09

raon (베이비 개발자)

그게 정말 스타일하나 없고 깡통이 아닌이상.., 괜찮을거같습니다!

오후 3:09

bboy

그건 잘 모르는 사람들도 진짜 아무나할수있는거잖아요

오후 3:10

좀버프론

유형이 다들 비슷해서 무엇울 할지 모르겠습니다

오후 3:10

자신이 공부한 걸로 마음을 담아서 만들면

오후 3:11

신입

안녕하세요. 혹시 회사에서 git으로 분산관리 하실 때 rebase 많이 사용하시나요?

오후 3:11

무지성 개발자

아마 조금수정이라는게 강의에 클론코딩 이런강의들많잖아여 거기서 api하나 더붙여서 기능수정이라고 하고 내는분들을 말씀하신것같아여

오후 3:12

음악듣는 어피치

클론 코딩도 강의를 따라하는 클론 코딩이 아니라 애플이나 삼성사이트를 처음부터 작성하는 클론코딩이라면 전 괜찮다고 생각해요

오후 3:12

raon (베이비 개발자)

어떤 프로젝트를 하더라도 이 목적으로 만든 프로젝트라면 좋게 보일거같슨비당!

오후 3:12

무지성 개발자

프론트에서 baas로 만들수있는 플랫폼많잖아여 파이어베이스 strapi nextJS api 등등 한번 그걸로 백엔드 도움없이 만드는게 좋을겁니다

오후 3:12

좀버프론

클론한걸 제 방식대로 재구성이요

오후 3:13

raon (베이비 개발자)

오 저도 쉐도잉했었어요. 엄청 도움 많이 됬습니다.

오후 3:13

만들어져 있는걸 클론하고 좀 더 기능을 추가하는거요

오후 3:13

음악듣는 어피치

만드시면서 배우신것도 있으실거고 분명 시간도 꽤 투자하셨을텐데 잘 정리하셔서 포폴 하나로 넣으세요

오후 3:14

FE💪🏻

포폴을 보통 몇개정도 제출하나요?

오후 3:14

html css js 까지 배웠는데 react한다고 했다가 시간 없어서 패스하고 안드로이드 머신러닝 딥러닝 2개월 남았는데

오후 3:16

이걸 왜 듣고있는지 모르겠다... 막상 나간다고 해서 뭘 해야할지 모르곘어서 두려워요 ㅎ..

오후 3:16

하나라도 제대로 만들 자신이 없어서

오후 3:16

FE💪🏻

프론트로 생각 굳혔으면 그냥 나가는게 맞을까요... 여기가 취업연계 구조라서

오후 3:17

허브님을 존경하는 어피치

리액트가 알파이자 오메가인데 그걸 스킵한다니

오후 3:17

심지어 그걸 스킵하고 한다는게 머신러닝?

오후 3:17

소심한 네오

취준 기간이 점점 길어지면서 의욕이나 동기부여 같은게 점점 옅어지는 와중에, 썩 좋은 조건은 아니지만 회사에 취업이 됐는데 우선 다니면서 경력이나 경험 쌓고 이직준비하는 테크트리도 괜찮겠죵..?

오후 3:17

허브님을 존경하는 어피치

취업연계에 혹하지마세요 제대로된 회사는 그런루트로 사람 안구해요

오후 3:18

음악듣는 어피치

회사에서 영업시키는거만 아니면 ..

오후 3:18

몽몽/취준/프엔

동기부여가 옅어질땐 새로운 환경에서 몸을 담그는것도 좋은 방법인 것 같습니다

오후 3:18

소심한 네오

일하면서 다른 공부 하고 이런게 무리하다던가 그렇진 않겠죵??

오후 3:18

짱구

전 취준 길게 해봤자 못할걸 알기때문에 그냥 취업했습니다

오후 3:18

음악듣는 어피치

회사마다 워라벨이 달라서 그건 알수없죠

오후 3:19

좀버프론

저도 빨리하고싶습니다 ㅠㅠ 속도좀 내야지..

오후 3:19

우그

프론트엔드에서 테스트 공부하려면 JEST가 나을까요??

오후 3:19

우그

이모티콘 그렇군요! 답변감사합니다.

오후 3:20

무한공부중

고수님들 배열이 비었다면? 이렇게 해라 하고 싶은데 이걸 코드로 짜면 어떻게 해야하나요? data=[] data?이렇게해라.: 아니면 이렇게 해라. 라고했는데 data가 빈배열인데도 있다고 떠서 여쭤봅니다.

오후 3:26

화난 라이언

Js로 머신러닝 안드로이드가 되나요

오후 3:27

FE💪🏻

혹시 부트캠프 국비 안 하시는 분들중에 유튜브 처럼 인터넷으로 강의 듣는 사람 있어요??

오후 3:27

화난 라이언

머신러닝 python 안드로이드 자바 코틀린 아닌가

오후 3:27

FE💪🏻

머신러닝 파이썬으로 할 예정이고 안드로이드는 자바로 하고 있습니다

오후 3:29

js는 배운게 끝이고 더이상 진행하고 있지 않습니다 그래서 고민중이에요 ㅋㅋ.

오후 3:29

나가서 뭘 어떻게 시작해야할지 몰라서

오후 3:29

달팽이똥

[], {} 는 if문 조건을 통과함니다

오후 3:29

FE💪🏻

맞아요 ...그래서 지금 나가려고 생각하고 있고.. 어떻게 해야할지 몰라서 자문을 구하는 중입니다 ㅋㅋ

오후 3:30

음악듣는 어피치

원래 잘봤다 생각하면 떨어지고 못봤다 생각하면 붙는 경우가 많아요 ㅎㅎ 걱정마세요

오후 3:32

쎄오옹

안녕하세요 Electron 관련 해서 질문이 있습니다. 현재 main.js 에서 ipcMain.on() 해서 renderer 에서 넘겨주는 이벤트를 받고 있는데, ipcMain.on() 을 다른 파일로 분리해서 작성해도 상관없나요 ??

오후 3:32

FE💪🏻

과정은 인공지능 빅데이터 과정이구요 와서 하다보니까 프론트가 맞는것 같아서 프론트를 하려고 하는데 과정이 ㅋㅋㅋ... 백엔드 프론트 다 섞여있어서

오후 3:33

야미

react 로 만든 페이지를 flutter에서 웹뷰로 띄우려고합니당 그 웹뷰 내용에 앱스토어와 플레이스토어 로 가는 버튼이 있습니다. 그런데 android는 appstore 웹으로 뜨고 playstore 도 잘 뜨는데 ios 는 playstore만 잘 뜨고 appstore는 안뜨네요 버튼이 무반응 이거나 흰색화면 밖에 안떠요 해결방법이 있을까요?

오후 3:36

과거에 RN 에서 똑같은 문제가 있었던것 같은데 webkit 관련 설정을 제대로 해주지 않아서 발생했던걸로 기억합니다

오후 3:48

FE💪🏻

혹시 실례가 안 된다면 유투부 링크좀 알려주실 수 있을까요?

오후 3:52

FE💪🏻

이모티콘 강의 들을만 한 곳 추천좀 해주세요

오후 3:58

야미

css animation 에 대해서 좀더 자세히 배우고싶은데

오후 4:07

그런것은 어디서 배우는게 좋을까용?

오후 4:07

음악듣는 어피치

vim 캠프 css잘가르쳐주세요

오후 4:09

FE💪🏻

유튜브 누구 들으세요??? 여러분들은

오후 4:12

음료수 마시는 어피치

2년 되어가는 프론트엔드 개발자는 어떤 걸 더 학습하면 좋을까요? 지금은 현재 일하면서 발견하는 이슈나 새로 알게되는 것 위주로 공부하고 있는데 조금 더 깊게 cs를 공부해야하나 싶고 그러네요. 결국 하나씩 다 하긴 해야하겠지만 조금 더 우선순위를 어디로 두면 좋을지가 헷갈립니다. 오래 일하고 계신 분들은 어떻게 생각하시나요?

오후 4:14

김재훈

프론트엔드 면접질문 키워드 공부하기

오후 4:16

잘 돌아가던 게 갑자기 이런 에러가 뜨는데 왜인가요?ㅠㅠ

오후 4:18

33번째줄에서 console.log(basicRoutinArray를 찍으면 배열로 잘나옵니다ㅠㅠ

오후 4:18

울지마 라이언

앞에 basicRoutinArray && 를 추가하고 매핑해보면 어떨까요?

오후 4:20

얼굴마사지하는 제이지

basicRoutinArray의 초기값이 [] << 아직 빈배열이라 map을 돌릴수 없어서 안되는거에요!

오후 4:22

김재훈

selectBasicRoutin[0].routin 이 배열인지 확인해보세용

오후 4:22

근데 4쨰줄 useState 비구조화할당 {} 로 하셧네요 [] 인거같습니다

오후 4:22

무한공부중

[]배열로 되어있지 않나요?..

오후 4:23

리액트돔 렌더에서 떠서 어떤것인가했는데 그럼 해결방법이 어떤게 있나요? 구조를 배열로 주려고했던건데

오후 4:24

권투하는 무지

간단하게 더미데이터를 넣어두셔도 됩니다.

오후 4:24

얼굴마사지하는 제이지

routinArray && routinArray.map 이런식으로 쓰면

오후 4:25

배열에 값이 있을때만 렌더링할수있어요

오후 4:25

권투하는 무지

아니면 삼항연산자로 배열길이 체크하셔서 0이면 안나오게 처리하셔도 되고요

오후 4:25

무지성 개발자

Array.isArray(basicRoutinArray) 일때 map 돌리시면 타입가드 될거에여

오후 4:26

텀블러맨

basicRoutineArray?.map 로 해보실래요~?

오후 4:27

선배님들의 조언 감사합니다. 해결해보고 말씀드리겠습니다ㅠㅠ

오후 4:30

UNICORN 🦄

노션 페이지를 react-notion 사용해서 리액트로 가지고 오려고 하는데 혹시 경험 있으신분 계신가요?

오후 4:30

텀블러맨

optional chaining 한번 공부해보셔도 좋을것같아요~~

오후 4:30

김찡찡

처음 페이지가 로드되자마자 최초 렌더링될 때 selectBasicRoutin이 그냥 빈배열이 되는거 아닐까요? 그러니 그 다음 라인인 setBasicRoutinArray(undefined) 되어서 map 메서드가 없는거 같은데

오후 4:32

김찡찡

useEffect selectbasicRoutin 아래 콘솔 한번 찍어보심이?

오후 4:33

기린

아까 위에 관련한 대화 오갔던것같아요~ 참고해보심이!

오후 4:37

무한공부중

와 죄송합니다 ㅠㅠ 처음 DB만들때 넣었던 더미값이 배열이 아니었는데 그 친구 하나때문에 오류가 난거였습니다...ㅠㅠㅠ 다들 도와주셔서 감사합니다. 특히 아까 Array.isArray알려주셔서 감사해요. 하나씩 필드값 찍다가 깨달았습니다.

오후 4:42

구기자

혹시 렌더링이 여러번 이루어지고 있을때 무엇이 원인인지 찾아내는 팁같은게 있으실까요? 전체 로직을 다 주석처리하고 콘솔만 남겨놨는데도 3번씩 렌더링이되고있네요 ㅠㅠ 왤까요…? props 받아오는것도 없고 state도 다 주석처리했는데 ㅠㅠ

오후 4:43

next 사용중이고 strictmode 꺼도 2번이네요 흑흑..

오후 4:45

캘텨만

로직 내에 useEffect문을 사용하고 계신가요?

오후 4:48

FE💪🏻

딥러닝 진짜 너무 어렵네요 머리의 한계입니다 ㅋㅋ 탈주각 잡았습니다 유데미 인프런 추천해주신 분들 감사합니다

오후 4:48

구기자

사용하고있긴한데, 컴포넌트 내부의 모든 로직을 주석처리해도 2번 발생합니다 ㅠㅠ

오후 4:51

한번 vscode 껐다켜봐야겠습니다 ㅠㅠㅠㅠ 이럴리가 없는데

오후 4:51

프인

프로바이더로 감싸여져있진 않나요 ?

오후 4:51

니소

부모가 있다면 부모 컴포넌트가 렌더링되고있나 확인해보셔요

오후 4:52

무지성 개발자

strict Mode 사용하면 원래 3번찍히지않나영

오후 4:56

김찡찡

라이프사이클 잘 생각해보세요~!

오후 4:57

구기자

헉… 저는 기본 1번이고 strictmode true면 2번인줄 알았어요 ㅠㅠ 감사합니다!!

오후 4:57

손을 번쩍 든 무지

혹시 window.scrollTo() 기능 아이패드에서도 사용해 보신 분들 있으실까요..? 맥이랑 아이폰에서까진 기능지원이 되는데 아이패드에선 동작을 안하네요ㅠㅠ

오후 4:58

safari 넘나 예민한 친구....

오후 4:59

제가 구글링을 잘 못하는건지 아이패드 이문제에 대해선 자료도 별로 없네요ㅠㅠㅠ

오후 5:00

혹쉬 이미 이 문제 겪어보신 분이 계실까싶어 여쭤봅니다...!

오후 5:01

으쓱으쓱 어피치

질문 있습니다 정규식 혹은 다른 방법으로 문자열에서 \ 거르는 방법이 뭐가 있을까요?

오후 5:02

split('\').join()

오후 5:03

raon (베이비 개발자)

ㅋㅋㅋㅋ 지금보고 웃었네여 ㅋㅋ

오후 5:04

으쓱으쓱 어피치

아하 저렇게 하는군여 감사합니다!

오후 5:05

'' "" `` 가 안먹혀서 어떻게 해야하나 고민중이었슴다 ㅠㅠ 감사합니다

오후 5:05

앨리스

next.js 하다 라우팅 때문에 질문하나 해도 될까요

오후 5:13

home 으로 들어가도 리스트가 보이게 하고 싶은데 router.push 로는 해결이 안되는거 같아서요

오후 5:14

FE💪🏻

@좀버프론 좀버프론님 갠톡 가능하신가요?

오후 5:20

코딩하는 무지

emotion 에서 자식요소에 접근하려면 어떤식으로 접근하나요??

오후 5:56

초롱초롱 네오

선생님들 약관내용을 프로젝트에 넣으려는데 단순히 생각했을때 텍스트만 복붙하면 되는줄알았는데 넣고보니 태그 형식으로 넣어야할것같더라구요.. 혹시 태그형식으로 일일이 넣어야하는지.. 보통 어떤식으로 처리하는지 궁긍합니다!

오후 6:08

이지

랜딩만들듯 한땀한땀 태그로 만들던지 아니면 데이터화 시켜서 태그 매핑..

오후 6:09

핸디(강경석)

정답은 아니지만 마크다운문서로 작성한다음 마크다운를 태그로 변경시켜서 랜더링합니다

오후 6:09

일일이 처리를한다구요..!!!?

오후 6:10

김찡찡

누군가는 입력을 하긴 해야하는데 ㅋㅋㅋ 백엔드에서 내려줄 건지 프론트에서 작성할건지 고민이 필요할듯요?

오후 6:12

초롱초롱 네오

ㅋㅋㅋ일단 수작업인건 확실한건가요?

오후 6:13

초롱초롱 네오

티스토리에서 진행해봤는데 이런식인가요..

오후 6:15

핸디(강경석)

저는 이렇게 쓰고 마크다운 문서에서 카피해서 가져옵니다. (기존의 정책 문서가 마크다운으로 작성되어있어서 이렇게 구현한 것도 있어요)

오후 6:15

노가다가 필요한 작업이였군요..

오후 6:19

포도포도

안녕하세요~ 제가 프로젝트에서 파이어베이스 써보려고 하는데 혹시 추천하시는 강의있을까요?

오후 6:41

강의나 글 다 좋습니다 ㅎㅎ 공문하고 병행하고 싶어서요!

오후 6:41

포도포도

노마드코더 파베강의가 있군용!! 감사합니다 ㅎ

오후 6:47

링링

파이어베이스 버전 9가 가장 최신으로 알고 있어요 강의 보실거면 버전확인해보시고 수강하시길요 저는 버전 9 유튜브나 구글링해서 감 잡고 독스 보면서 했어요 파이어베이스 어느 정도까지 사용하실지 모르겠지만 당시 취준이었던 제 기준으로는 사용이 간단한 편이었어요!

오후 6:55

기린

선배님들~ 공부를 하다보면 끝없이 가지 칠때가 있습니다. 예제 코드를 보다가 ReactElement에 대해 찾게 되고, 그 안에서 다시 네임스페이스패턴을 찾아보게 되고 또 즉시실행함수를 찾게되고..

오후 6:56

모르는게 많아 그렇겠지만.. 이러다보면 결국 읽을거리가 많아져 미루게 되거나.. 원래 주제에서 벗어나서 해메게 되네요ㅠㅠ

오후 6:56

기린

지금처럼 그냥 꾸준히 하는게 맞는걸까요? 공부방법에 대한 조언 부탁드립니다..!!

오후 6:57

타이거꽃게

목적이라기보단 지금준비하는것이..

오후 6:59

이게 계속끌수없으니까 다른건 사용가능할정도로

오후 7:00

기린

아하.. 조금은 효율적으로(?) 보란 말씀이시죠?

오후 7:01

링링

저도 완전 그랬어요 처음에ㅋㅋㅋ

오후 7:01

신입생

리액트 공부하다가, 코딩테스트에서 자주 낙방하여 부족함을 알고 다시 준비 중인데 코딩테스트 준비도 어렵네요...😥

오후 7:05

음악듣는 어피치

코테 준비할때 알고리즘 개념 전부 익히셨으면 리트코드 콘테스트 문제 풀어보는것도 좋아요 1시간30분동안 4문제씩 시험처럼 볼수 있어서 좋습니다!

오후 7:08

육개장가자

혹시 코테준비는 자바스크립트로하시나요?

오후 7:12

기린

영상 도움 많이 되었습니다!! 감사합니다

오후 7:12

신입생

감사합니다 ! 이해완료 외치고 다른 문제 보면 어.. 하는 수준이라, 조금 더 파고 들어보고 도전하겠습니다 ! 😄😄

오후 7:18

비옷입은 튜브

혹시 바닐라js로 프로젝트하는 경험이 초보일 때 많은 도움이 될까요? 리액트와 바닐라js 둘 다 프로젝트 경험은 있지만 둘 다 높은 수준의 프로젝트는 아니고, 다음 프로젝트를 시작 해보려고 하는데 둘 중 어떤거로 정해서 할지 고민이네요.

오후 7:25

앨런

바닐라js로 먼저하는 걸 추천합니다

오후 7:27

으쓱으쓱 어피치

전 리액트 제대로해보는거 추천합니다~ 리액트로 좀 복잡한 플젝 다루고나서야 모듈화의 중요성, 많은 구글링과 리액트 패턴에서 배운 좋은코드 가이드 등 배운게 많아요 바닐라는 너무 자율성이 높아서 초보에게 가이드라인 제시가 어렵고 좋은코드가 뭔지 알기 어려웠습니다

오후 7:27

물론 동시에 딥다이브같은 바닐라 동작원리 이론(?)공부 병행하면 더 좋겠죠

오후 7:28

비옷입은 튜브

아하 전체적인 프로젝트 구조나 패턴? 같은거를 익히기엔 리액트가 더좋은걸까요?

오후 7:30

으쓱으쓱 어피치

네 아무래도 라이브러리에서 추구하는 기본적인 패턴이 있고 사람들이 더 잘써보려고 노력하는 레퍼런스 글도 많고, 그래서 그런글을 읽어보며 이런걸 사람들이 고민하는구나, 이렇게하면 훨씬 편하구나 많이 배웠어요!

오후 7:33

링링

저도 바닐라 js로 해보고 답답함(!?)을 느낀 상태로 같은 플젝을 리액트로 바꿔보면 베스트요

오후 7:34

앨런

'자바스크립트로 다 할 수 있는 상태에서 편의를 위해 사용하는게 라이브러리다' << 요런 생각을 가지고 있습니다!

오후 7:34

음료수 마시는 어피치

저도 공감해요. 직접 바닐라 js로 돔 건들여보고 이것저것 해보고 리액트같은 라이브러리 쓰면 리액트를 이해하는데에도 도움되었어요

오후 7:35

리엔

여태 자바스크립트로 만들다 리액트 테일윈드 쓰는데 신세계 경험중입니다

오후 7:35

이게 된다고!? (헉) 이런 느낌

오후 7:36

으쓱으쓱 어피치

아 플젝 좀 해보셨다고해서 저도 이정도수준은 해보셨다고 가정하고 말씀드린것입니다...!

오후 7:36

비옷입은 튜브

다음 프로젝트에선 패턴같은 것도 고민하면서 진행해봐야겠군요! 답변 감사합니다 ㅎ

오후 7:36

기존 바닐라프로젝트를 리액트로 변환해보는 것도 서로 장단점을 느끼기에 좋은 경험일 것 같네요! 답변 감사합니다 ㅎㅎ

오후 7:41

기초가 탄탄하면 -> 리액트 할때 훨씬 수월

오후 7:42

리액트 하면서 기능 마다 JS 익히기 -> 생존본능

오후 7:42

물론 구글링은 덤으로 가져가야 하지만

오후 7:43

ㅇ론부터 시작하면 지루할때가 많더라구요

오후 7:43

모승

저도 바닐라로 addeventlistner하고 queryselector하면서 코딩하다가 리액트하니까 아 이래서 리액트 쓰는구나 하면서 공감이 됐어요

오후 7:45

니소

리액트는 가상 돔과 상태를 이용한 다이나믹 ui만들기가 진짜 편하죠

오후 7:47

뷰붕이

개발자의 안목이라.... 맨날 욕먹지만 선택해드렸습니다

오후 7:55

유용태 (teo.yu)

안녕하세요 쇼힝님!! 반갑습니다 :)

오후 8:30

유용태 (teo.yu)

여기는 프론트엔드에 대해서 궁금한 것들을 묻고 아는 것은 답해주고 공유하는 곳이랍니다~ 언제든 궁금한게 생기거나 함께 나누고 싶은 이야기가 있다면 편하게 글 남겨주세요

오후 8:33

인성(현파랑)

와 axios 1버전 릴리즈 됐네요

오후 8:34

로고도 이뻐졌네… 다들 설치하실때 확인하셔욥

오후 8:35

오 현파랑님 저번 스터디는 잘 마무리 되셨나요

오후 8:35

신난 어피치

스프린트12기 참여하고싶은데 이제 자바스크립트 배운 사람은 좀 어려울까요??ㅠ

오후 8:38

쇼힝

안녕하세요 제가 현재 컴공 1학년 학부생인데, 웹페이지를 만들어보고 싶어서 혼자 해보는 중입니다아.. 제가 원하는 방향으로 스타일링이 잘 안돼서 그런데 혹시 어떻게 해야 제가 원하는 대로 되는지 질문해도 되나요?

오후 8:39

퉁이리

와 1학년부터... 빠르시네요..!

오후 8:40

FE

코드를 보여주시는게 빠를덧같아요

오후 8:40

유용태 (teo.yu)

참가에는 제한은 없습니다 본인이 그래도 기여할 수 있을 게 있다고 생각이 된다면 한번 도전해보세요

오후 8:40

유용태 (teo.yu)

안녕하세여 강님~~ 반갑습니다 :)

오후 8:41

인성(현파랑)

아앗 넨ㅂ넵 잘 끝났어요 :) 부족한게 많았는데 다들 잘 참가해주셔서 좋게 끝났습니다

오후 8:41

homie

스프린트 팀 매칭은 어떻게 이루어 지나요? 랜덤으로 매칭 되는 건가요?

오후 8:41

유용태 (teo.yu)

첫날에는 각자가 생각해온 아이디어를 발표하고 투표를 통해 선정된 아이디어 중에서 같은 아이디어에 투표한 사람들끼리 팀으로 선정합니다

오후 8:42

다만 한 팀에 너무 많은 사람이 몰리게 될 경우에는 랜덤하게 다른 팀으로 분배를 해드립니다

오후 8:43

homie

오! 좋은 방법 이네요 ㅎㅎ 좋은 기회 만들어 주셔서 감사합니다.

오후 8:43

유용태 (teo.yu)

네~ 편하게 물어보세요 FE님 처럼 스샷이나 코드가 첨부되는 편이 더 물어보기 좋을것 같아요

오후 8:45

쇼힝

넹 잠시만용 .. 감사합니다 ..

오후 8:47

채팅방 관리자가 메시지를 가렸습니다.

오후 8:47

쇼힝

요기서 저 중간에 하얀부분 ,,

오후 8:48

그리고 제가 만든 버튼도 사라졌는데 .. 어떻게 된 일일까요 이게 ..

오후 8:49

초롱초롱 네오

개인정보가 담긴거 같은데 수정하시는게 좋을 것 같습니다

오후 8:50

유용태 (teo.yu)

그리고 가운데 하얀 부분은 내부 컨텐츠 영역이 모자라서 생기는 것 같은데 height를 100% 주거나 flexbox 한번 알아보시구요

오후 8:53

채팅방 관리자가 메시지를 가렸습니다.

오후 8:54

채팅방 관리자가 메시지를 가렸습니다.

오후 8:54

채팅방 관리자가 메시지를 가렸습니다.

오후 8:54

유용태 (teo.yu)

table에 margin-top이 500이나 되는데 이상하게 출력될 것 같아요

오후 8:55

코드를 다 보거나 디버깅 툴로 본게 아니라서 반쯤은 궁예짓이다 보니 확실치 않을거에요

오후 8:55

유용태 (teo.yu)

대략적인 방향성이나 키워드가 아니라 구체적으로 딱 맞는 해결책을 원하면 codepen이나 stackbliz replit과 같이 코드 공유 사이트로 공유를 해줘야 알 수 있습니다

오후 8:56

유용태 (teo.yu)

제한은 안 두려고 합니다 그리고 일단 다 채워질거라고 생각하진 않지만 게다타운의 max가 25명이라 2개를 연다고 생각하고 저 포함 49명까지가 물리적인 최대인원이라고 생각하고 있어요 그 이상이 온다면 프로세스를 지금과는 달리 해야 할것 같아요

오후 9:26

비옷입은 튜브

톡방에 사람이 많아져서 그런지 스프린트도 참여 인원이 엄청 많아졌네요 ㄷㄷ

오후 9:29

유용태 (teo.yu)

안녕하세요 누누님 반갑습니다 어서오세요 :)

오후 9:52

피자 먹다 자는 무지

스프린트 신청서 보고있는데 닉네임 다들 잘 지으시네요 ㅎㅎ 저게 젤 어려웠던거 같은데요.. ㅋㅋㅋㅋ

오후 9:53

유용태 (teo.yu)

이곳은 프론트엔드에 대해 궁금한 것들을 물어보고 아는 것은 알려주면서 함께 성장하고자 하는 곳입니다~ 뭐든 편하게 글 남겨주세요 질문 뿐만 아니라 관심있어 하는 주제나 고민 상담 본인이 작성한 글이나 프로젝트 홍보 다 환영합니다

오후 9:53

이서현 / 16

혹시 reset css를 적용했는데도 브라우저마다 다르게 나오는 오류를 해결해보신 분 있으신가요..?

오후 10:10

토벤머리 초보자

보통 import까먹었을때…?

오후 10:11

홈으로 접근할 때 유저가 특정 상황이면 특정 주소로 리다이렉트 시켜야하는 상황에서 홈 컨텐츠가 노출이 안되게하려면 어떤 방식으로 구현해야할까요 ㅠ

오후 10:13

이서현 / 16

그러면 어떻게 해야할까요...

오후 10:14

좀 부모에서 자식을 컨트롤하는방향으로

오후 10:14

페북이 가장 힘들긴 한가보네요 안좋은 뉴스는 다 페북이네..

오후 10:43

허브를 존경하는 프엔 공부중

IT 버블이 꺼지고있다고 표현 하시더라구요..

오후 10:46

아직 프론트엔드 이직 못했는데 불황이라뇨 ㅠㅠ

오후 10:47

허브를 존경하는 프엔 공부중

시기가 시기인만큼… 더 열심히 해야겠어요 ㅠ

오후 10:48

무한공부중

혹시 파이어베이스에서 구글로그인 했을때 이름이랑 이메일 포토url말고 성별은 못가져오나요?ㅠㅠ 파베 고수구합니다.

오후 10:48

아래와 같이 feedback 이 들어왔는데

오후 10:56

무슨소린지 설명 해주실뿐 ...

오후 10:56

code는 제가 짯는데 피드백이 아래 코멘트와 같이 왔어요

오후 10:56

child 함수라는게 무엇이죠 ..?

오후 10:58

카타나

S달라의 프리즈엘리먼트 함수를 프로퍼티로 갖게만들어라같기도하고..

오후 11:01

음악듣는 어피치

s$객체의 메서드로 추가하라는 말씀같네요 혹시모를 에러를 방지하기위해서

오후 11:01

무지성 개발자

그건 파베가 아니라 구글OAUTH에서 알아봐야합니다

오후 11:02

무지무지

오..저도 궁금하네요 저거 어떻게 해결을 해야하는건가요?

오후 11:04

이렇게 하려면.. 클로저를 이용해야하나욤?

오후 11:05

유용태 (teo.yu)

말그대로 s$.freezeElement = () => {} 이런식으로 사용하자고 하는 것 같아요

오후 11:06

s$는 class인가요? function인가요? 아니면 그냥 전역객체인가요?

오후 11:07

프엔1년차혀누

const s$ = (a) => document.querySelctor(a)

오후 11:07

무한공부중

아하.. 감사합니다 ㅠㅠ 파베 데이터가 OAUTH json이랑 연결이 되어있는건가요?

오후 11:08

유용태 (teo.yu)

그러면 그 아래에 s$.freezeElement = (selector) => {...} 이런식으로 코드를 작성하시고 s$freezeElement(..) 형태의 함수가 아니라 s$.freezeElement 이런식의 메소드 방식으로 사용하길 바라는거 같네요

오후 11:09

음악듣는 어피치

클로저 개념이 아니라 그냥 단순하게 s$ 함수에 메서드를 추가하는거 같습니다

오후 11:10

무지무지

아 단순히 메서드 추가인거군요~

오후 11:11

음악듣는 어피치

s$freezeElement(..) 이런 함수로 작성하면 s$와 따로 연관이 없는데 s$.freezeElement(..) 로 작성하면 s$가 없다면 오류가 발생하니 이렇게 에러를 예방하라는 말같아요

오후 11:12

프엔1년차혀누

함수 정의 할때 함수명에 중간에 . 넣으면 에러나네요 ...???

오후 11:12

액트리

앞으로 작성하신 코드를 먼저 보여주시는게 빠릅니다.

오후 11:16

화난 라이언

si 업체랑 스타트업체는 무슨 차이인가요

오후 11:24

엄지척 튜브님이 들어왔습니다.

오후 11:25

단수히 메서드를 추가하는 방식이 위와 같다고 생각해서 위와같이 적었습니다. 맞는지는 모르겠지만 다들 도움될만한 말씀 해주셔서 감사합니다 ㅎㅎ.

오후 11:25

nator

return 을 만나면 밑의 코드가 실행이 안됩니다 그래서 어두운색으로 나타나는거고요

오후 11:29

nator

s$ 는 함수가 아니라 선택된 element 의 객체가 되도록 한번 짜보시고 그 객체의 method 에 freezeElement가 있게끔 짜보시는게 어떨까요

오후 11:30

s$를 element의 객체가 되도록 하면서 동시에 method를 내부에 어떻게 꽂아 넣는지 ... ㅠ

오후 11:46

무지성 개발자

정적메서드 프로토타입메서드와 생성자함수를 생각해보시면…?

오후 11:47

nator

잘 하신 것 같은데요 const a = new s$(selector) 방식으로 재활용 할 수 있으니 저라면 이 방식을 쓸 것 같습니다

오후 11:49

프엔1년차혀누

좋은 방향 제시해 주셔서 감사합니다!

오후 11:52

nator

참고로 querySelector 가 리턴하는 Element 의 prototype에 아예 freeze 메소드를 선언하는 방법도 있습니다

오후 11:56

2022년 10월 6일 목요일

피자 먹다 자는 무지님이 들어왔습니다.

오전 12:03

엄지척 제이지님이 들어왔습니다.

오전 12:33

시원한 어피치님이 나갔습니다.

오전 12:43

콴다의 최신글들이 특정 키워드, 기술에 대해 딥하게 파고 들어서 더욱 매력적이네요

오전 1:38

혹시 이 에러 관련 어떤 에러인지 아시는분 ㅠ

오전 1:45

아, 해결했습니다. 인풋에 초기 value가 null이라서 뜬 에러였네요. 초기 값을 useState()로 줬는데 이게 에러를 가져왔네요. useState('')로 해결가능했습니다. 공유요~

오전 1:47

오우 해결하셨네요 밑에 답을 왜 못봤을까요 ㅎㅎ...

오전 1:57

무한공부중

그래도 답변해주셔서 감사합니다ㅎㅎ

오전 2:07

DropdownLi 컴퍼넌트에 삭제하는 함수를(deleteEditMyroutin / 59번줄) 내려주고 배열에서 요소를 삭제하려고하는데 해당 인덱스가 삭제되는 것이 아니라 앞쪽부터 없어지는데 왜그럴까요?ㅠㅠㅠ

오전 4:02

nator

.slice는 원본 배열를 변형시키지 않고 새 배열을 반환합니다. 지금 코드에서는 새로 변형된 배열을 받는 변수가 없네요

오전 4:32

무한공부중

감사합니다. useState로 반환된 값 자체를 기존 배열에 씌워주는 작업해보겠습니다. 힌트주신부분이 이게 맞을까요?

오전 4:35

nator

.splice 와 .slice 를 혼동하신것 같습니다. 위 코드는 splice 로 바꾸시면 원하시는 대로 동작합니다. 그러나 보통 array.filter 를 써서 새로 반환되는 배열을 상태에 덮어씌우는게 일반적일 것 같습니다.

오전 4:47

무한공부중

죄송합니다. 제가 잘몰라서.. 계속 여쭤보네요ㅠㅠ filter를 사용하라는 것이 이벤트 밸류값을 기준으로 이 값이 있는 데이터를 지우라고 해서 배열을 갖고오라는 것으로 이해했는데 맞나요? const resultFilter = basicRoutinArray.filter( (data) => data !== inputNewValue, ) 이해한대로 짜봤느넫 에러가 나서 여쭤봅니다ㅠㅠ

오전 4:58

nator

네 코드로직은 맞는데 inputNewValue 뒤에 불필요한 쉼표가 있네요

오전 5:04

그리고 DropdownLi 에deleteEditMyRoutine={(data) =>setMyRoutine(myRoutine.filter(routine => routine !== data)} 이렇게 data를 클로져로 박아놓으면 깔끔하지 않을까 싶습니다. 지금처럼 분리하고 싶으시면 deleteEditMyRoutine={(data) =>deleteEditMyRoutine(data)} 로 빼셔도 되고요

오전 5:14

음악듣는 어피치

닉값하시네요.. 엄청 열심히하셔서 금방 고수되실거같아요 ㅎㅎ

오전 8:10

선풍기 바람 쐬는 어피치님이 들어왔습니다.

오전 8:14

FE💪🏻

@무한공부중 무한님 현엽에 계신가요?

오전 8:33

씩씩거리는 무지

혹시 antd나 mui같은 것들 중에 추천 해주실만 한 것 있으신가요?

오전 8:41

이전 버전은 문서찾기가 좀 거지같아지는(,…..) 경향이 있긴한거 가타여 갠적으론

오전 8:43

니소

ui 프레임워크는 다 고만고만해요 전 antd가 젤 좋음

오전 8:43

밀림

antd보다 mui가 css 커스텀하기 더 쉽지 않나요?

오전 8:44

좀버프론

전 개인작으로 mui가 이쁘고 가벼운거 같아요 앤트보단

오전 8:44

개인적 의견이지만 중국산을 싫어합니당 ㅋㅋㅋ

오전 8:45

엔트디 엠유아이 더 고민해야겠네요

오전 8:46

슈슈슉슈슈슉

거기서 가기라고 생각하긴해여 저도 ㅋㅋ

오전 8:47

무지성 개발자

Antd 이벤트가 적어서 좀 그래용

오전 8:48

근데 mui는 너무 안드로이드 스럽고

오전 8:48

네어

mui는 진짜 안드로이드같아여 ㅋㅋ 제대로 표현하신덧..

오전 8:49

네어

mui 전에는 예뻐보였는데 먼가 점점 못생겨보이는 느낌..

오전 8:50

FE💪🏻

@좀버프론 좀프님 유데미 들으신다고 하셨나요??

오전 9:13

인프런?? 인프런은 무료가 많네요

오전 9:13

음악듣는 어피치

좋은 무료 강의도 많지만 왠만하면 조금 돈 쓰는게 강의 퀄리티도 높아서 ㅎㅎ..

오전 9:14

배움에 돈을 아끼면 안됩니다 !

오전 9:14

선풍기

오호 강의 추천인가유? 추천감사합니다!

오전 9:15

무지성 개발자

이거 답이 조금 늦은것같지만 Nextjs사용한다면 getServersideProps에서 리다이렉트 해줄수있습니다

오전 9:18

raon (베이비 개발자)

모던 자바스크립트 딥 다이브 책

오전 9:18

어떻게지내

_app에선 못쓰는거로 알아유 ㅠ

오전 9:18

무지성 개발자

메인이시라면 index해서 해주면 되지않나여?

오전 9:19

어떻게 원하는대로 동작하게 만들긴했는데

오전 9:20

치맥하는 제이지

그거 HOC로 감싸주고 HOC에서 로직 처리했던것 같아요

오전 9:20

무지성 개발자

저도 그생각했는데 맞을까해서 ㅋㅋㅋㅋㅋ

오전 9:21

어떻게지내

비슷하게 authRoute처럼 컴포넌트 하나 만들어서 children 또는 로딩바 노출되게 처리하긴했습니다 ㅋㅋ

오전 9:21

2년차ㅠ

리액트에서 선택됐을때 스타일을 변경시켜야하는데 className으로 스타일 변경을 추가 삭제를 많이들 하시나요, 아니면 컴포넌트 내에서 state로 style 프로퍼티에 직접 입력을 해주시나요?

오전 9:23

FE💪🏻

엄청 두껍던데 시작부터 무섭네요 ㅋㅋㅋ

오전 9:24

음악듣는 어피치

백과사전이라 생각하고 보는중입니다 ㅎㅎ..

오전 9:24

울고있는 어피치

딥다이브 초짜한테는 어려운거같아요 ㅠ

오전 9:24

아 아닙니다 이건 다들 말이 달라서 ㅎㅎ..

오전 9:25

허브님을 존경하는 어피치

솔직히 백과사전은 구글이라는 최고의 백과사전이..

오전 9:26

전 그래서 굳이 안샀습니다 ㅋㅋ

오전 9:26

음악듣는 어피치

ㅋㅋㅋㅋ 무겁고는 왜 강조하시는..

오전 9:27

FE💪🏻

딥다이브 책으로 내려치면 상해죄 적용되나요? 거의 둔기던데

오전 9:30

박박

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 너무 웃겨요

오전 9:31

슈슈슉슈슈슉

책은 흉기적용 안될걸요 …? 판례잇다고 들엇던거 가튼데 (진지)

오전 9:32

울고있는 어피치

아놔 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 빵터졌어여

오전 9:38

울고있는 어피치

나중에 중고로 팔려고해도 안팔릴거같은책..

오전 9:39

당근에서 중고로 싸게 사볼려했는데

오전 9:41

경쟁에 2번 밀려나서 그냥 새책 샀네요

오전 9:41

유명한 이유가 있는책이라고 생각합니다

오전 9:41

음악듣는 어피치

카이카스님은 굳이 필요없을것같습니다 ㅎㅎ.. 너무 고수라서

오전 9:41

카이카스

저 밀려나고있습니다 최신내용을 너무안봐서

오전 9:42

울고있는 어피치

티안나게 div안에 이미지를 넣고 싶은데

오전 9:42

좋니

딥다이브는 기본서라 최신내용원하시는거면 안맞으신거같아염

오전 9:42

overflow:hidden 처리해도 안될까여?

오전 9:43

초보개발자

딥다이브 진짜 좋아요! 오히려 초보자에게 더 필요한 책이라고 생각해요 ㅎ

오전 9:43

raon (베이비 개발자)

코어 자바스크립트랑 딥다이브 같이 읽으면 좋더라구여

오전 9:45

저번에 네오님께선가? 알려주셨는데

오전 9:45

한번 완독하고 그 뒤론 백과사전처럼 곁에 두면 될거같아여

오전 9:46

뷰붕이

부모에 transform: translateZ(0); 넣어도 삐져나오나요

오전 9:58

울고있는 어피치

temp-box에 넣어도 반응이 없네요 ㅠ ……

오전 10:01

좋니

이미지가 없어서 안보이네여 ㅠㅠ

오전 10:04

display:block 한번 줘보시겟어요?

오전 10:04

울고있는 어피치

.AF1 { display:block; } 이게 이미지 클래스 이름인데… width: 100%, height: 100%로 줘봐도 그대로더라구여...

오전 10:06

좋니

패딩이나 마진기본값이 있어서 그런거때문에 뭉그러질수도있다는 생각..

오전 10:07

좋니

보내주신걸로는 잘 모르겟네여 ㅠㅠㅠㅠㅠ 흑

오전 10:12

이런식으로 자바스크립트 html css이용해서 이런 팝업창 띄울수있나요?

오전 10:12

무지성 개발자

저거모두 js html css로 만들어진건데영

오전 10:13

저는 지금까지 만든게 네모난 팝업창 가운데 띄우는거여서

오전 10:13

모승

기업들이 서버사이드개발의 경험을 우대사항이나 자격요건으로 두는데 이는 Nextjs를 통한 개발경험을 물어보는것과 유사하다고 봐도 괜찮을까요?

오전 10:16

김재훈

서버사이드 개발이라는거는 백엔드서버 개발경험이 아닐지 싶네요 nextjs는 서버사이드렌더링

오전 10:18

주니어개발자(0.1년차)

티스토리 velog 중 어느것을 더 사용 많이하시나요 ?

오전 10:19

여의도개발

Position: fixed, absolute

오전 10:20

UNICORN 🦄

방문자수나 수익 신경 안쓰고 메모장처럼 쓰는거라면 벨로그가 더 편했어용

오전 10:21

bboy

티스토리 장점은 커스텀 가능, 용돈벌이 가능, 구글 상위노출 잘됨

오전 10:23

김재훈

t50 air 다음티어 의자는 혹시 뭔가요?

오전 10:24

나는벌레

벨로그에서 메모장 쓰듯이 짧게 블로그 쓰는데 티스토리에서는 그래도 수익이 나나요?

오전 10:27

좋니

꾸준히 해서 광고붙으면 수익나는걸로 알고잇어욤

오전 10:28

나는벌레

정보 감사합니다! 환승하겠습니다

오전 10:29

좋니

벨로그는 넘 에러가 많아요 ㅠ

오전 10:30

저번에 공들여서 엄청 써놧는데 임시저장도 안되고 그대로 삭제됏어여..

오전 10:30

bboy

티스토리도 얼마전까진 완전 비주류였는데

오전 10:31

개발자 붐 이후로 엄창 늘어난 것 같더라구요 ㅋㅋ

오전 10:31

md 파일로 관리하기가 너무 편해여

오전 10:31

모승

아하 감사합니다!! 다시 생각해보니 저도 그게 맞는것 같아요

오전 10:33

무지성 개발자

네 SSG방법으로 블로그 쓰는거있어여

오전 10:33

빡준님 블로그 보여주실수 있나여?

오전 10:36

수수료가 엄청 비싸지 않을까 걱정되네요

오전 10:40

경례하는 프로도

모방일을 틀면 정가운데에 뜹니다 !혹시 항상 아래에 붙이는 방법있을까요??

오전 10:42

FE💪🏻

align-items : flex-end

오전 10:46

초롱초롱 무지님이 들어왔습니다.

오전 10:47

비옷입은 튜브

안녕하세요 혹시 모바일 화면을 반응형으로 대응하는게 아니고 m.~형식의 url인 다른 페이지로 대응하는것에 대한 명칭이 따로 있나요?

오전 10:48

좋니

position:fixed로 한번 더 해보세염

오전 10:50

좋니

혹시 flex 다 빼주실수 있나여? flex 가 들어간 이유가 컨테이너밖에 닫기 버튼때문인가요?

오전 10:52

그리고 괜찮으시면 html 부분도 추가해주시거나 코드펜 경로 부탁드릴게여 ㅠ

오전 10:52

구조를 봐야 도움이 될 수 있을것 같아요

오전 10:52

아이스크림든네오

posixion:fixed; bottom:0 둘다 주석 해제하고 해보셨나요?

오전 10:53

초롱초롱 무지님이 나갔습니다.

오전 10:58

화면보는백엔지니어

리액트에서 윈도우미디어플레이어를 실행하도록 할 수 있나요?

오전 11:10

퇴근하는 프로도

꼭 윈도우미디어플레이어여야 하는 이유가 있으신가요?

오전 11:14

치맥하는 제이지님이 들어왔습니다.

오전 11:17

유용태 (teo.yu)

치맥하는 제이지님 반갑습니다 :)

오전 11:17

JS잘하고싶다

혹시 적응형이랑 반응형 차이점이 무엇일까요?

오전 11:18

무지성 개발자

반응형은 window size에 반응하고 적응형은 기기에 대응해여

오전 11:18

적응형쓰면 미디어쿼리로 하나하나 대응하지않고 크기마다 다른 화면을 보여준다고 생각하면되시는데 그만큼 코드 작성량도 늘어나겠졍?

오전 11:19

연봉업

혹시 canvas에 대한 책이나 강의 추천해주실만한것 있을까요?

오전 11:20

Kirin

반응형 => 미디어 쿼리 적응형 => 다른 사이즈로 새로 만드는 거..?

오전 11:20

JS잘하고싶다

아하~ 답변 감사합니다. 궁금증이 해결되었어요

오전 11:21

음악듣는 어피치

canvas 장인 개발자님..

오전 11:21

화면보는백엔지니어

고객사에서 어떤 동영상포맷으로 제공해줄지 몰라 대부분의 코덱이 지원되는 윈도우미디어플레이어를 떠올렸습니다

오전 11:24

뷰넉

혹시 pc에선 폰트가 적용되는데 모바일에서 적용이 안되는 경우는 별도의 설정이 필요한가요..? 폰트는 otf 형태입니다

오전 11:27

퇴근하는 프로도

아하 ㅎㅎ 그런 경우라면 웹 기반 영상 플레이어 라이브러리를 사용하시는 것을 추천드려요.

오전 11:31

화면보는백엔지니어

웹기반 영상플레이어도 포맷에 제한이 있지않나요?

오전 11:32

퇴근하는 프로도

만약에 스트리밍 형태(주소가 m3u8로 끝나는..)라면 오히려 웹기반 라이브러리 사용하셔야 정상 재생되실거예요.

오전 11:33

화면보는백엔지니어

아 스트리밍인지 파일을 다운로드하는지 확인해야겠군요

오전 11:34

퇴근하는 프로도

넵. 어떤 형태의 영상포맷이냐에 따라 크게 나뉠 수 있어용 단순히 널리 쓰이는 포맷의 영상이면(mp4라든지) 그냥 비디오 태그 쓰셔도 되구요.

오전 11:35

말썽쟁이 네오

window.screen 으로 쓰나요?

오전 11:35

js로 화면 사이즈 가져올때 window.screen 이거 정확한 값이 맞을까요;? 뭔가 좀 안맞는 느낌이여서

오전 11:35

퇴근하는 프로도

구현 방식에따라 다른 것 같은데 미디어 쿼리 css사용하시는 경우도 있고 js로(window.matchMedia 등..) 구현하시는 경우도 있어요.

오전 11:38

최소희

안녕하세요 React 함수 내 return에 대해서 궁금한 점이 있어 여쭈어봅니다. 아래와 같이, 함수 내 return 의 인자로 window를 받아 window 메타태그의 속성에 접근이 가능한 이유가 return 문의 매개변수가 기본적으로 window에 접근가능해서 인가요? const 함수명 = () => { return ((window) => { window.name } }

오전 11:39

toho

함수명()(window); 이렇게 호출해야 window.name에 접근 가능하지 않나요? "함수명" 함수는 그냥 window를 인자로 밭는 함수를 return하는 고차함수인 것 같아요

오전 11:43

최소희

오 맞는 것 같습니다 ! 고차함수에 대한 학습이 필요했었네요..ㅎㅎ

오전 11:46

허브를 존경하는 프엔 공부중

윈도우 네임하면 저분의 트위터가 연결되나보네요..

오전 11:50

Herb

파라미터는 함수가 받는 인자를 부르는 용어라고 알고 있습니다!!

오후 12:02

울고있는 어피치

아놔… 엘베에 갇힌건 첨이네요

오후 12:07

좀버프론

인프런이요 유데미는 돈 질러놓고 안보고있어요 ㅋㅋㅋ 제로초 강의랑 코딩앙마님 위주로 보고 있어요 거기 플러스 벨로버트님 블로그랑 리다기 책이랑 병행

오후 1:22

기뻐하는 라이언님이 들어왔습니다.

오후 1:37

기뻐하는 라이언님이 나갔습니다.

오후 1:38

초록

테오님 스프린트 참여하고 싶은데 이번달에는 일정이 안 맞아서 신청을 못하네요.. ㅠ.ㅠ 혹시 다음 11월에도 스프린트 예정이실까욤?

오후 1:57

이수민

저도 궁금하네욤 이번달에 시간이 안되어서ㅠㅠ

오후 1:58

프론테오엔드

스프린트 50명에서 마감된거 아닌가요? 임의로 어느분께서 칸을 늘리신게 아니신지..

오후 1:58

무이

5라인부터시작했으니까 55번째 적어놓으신듯해요

오후 2:01

언데드풀/ts

다음에 하려고 했는데 선착순 정신 바짝 차려서 신청해봐야겠다

오후 2:01

모승

우와 저는 8기때 10명이서 진행했는데 5배나 늘었네요

오후 2:02

유용태 (teo.yu)

11월달이라고 확정지을순 없어요. ㅠㅠ 아직 현업이고 육아를 하고 있다보니 일정을 미리 정할수는 없는데요.. 가급적 1~2달내에 반정기적으로는 하려고 생각하고 있습니다. 윤곽이 나오면 또 공지하겠습니다.

오후 2:04

그렇죠 일단 저희 방에서 시작된 거다 보니 ^^;; 커리어리에 디자인쪽만 따로 공지도 올려봤는데 디자이너분들을 모시는건 쉽지가 않네요.

오후 2:05

유용태 (teo.yu)

마감이나 커트라인이 생길거라고는 생각지도 못했는데 정말 많아졌네요

오후 2:06

그러게요~ 사람들이 많아졌어도 퀄리티 안 떨어질수 있도록 신경 잘 쓰겠습니다

오후 2:07

비옷입은 튜브

너무 좋은 활동이라 입소문이 많이 퍼진것같아요 ㅋㅋ

오후 2:10

초록

넵 답변 감사드립니다~! 다음에는 꼭 참여하고 싶네요 ㅎㅎ 그때까지 또 열심히 해보겟슴당~

오후 2:13

오늘하루동안 열지않음을 누르면 모달창이 사라지는데 24시간은 안사라지는데

오후 2:26

무지성 개발자

쿠키가 어디에 저장되는지 이해는 되시나요?

오후 2:28

무지성 개발자

이해가 아니라 어디에 저장되는지 개념은 있으실까여

오후 2:28

배불뚝 제이지

지금 스프린트는 모집이 끝난거죠?

오후 2:29

응원하는 튜브님이 들어왔습니다.

오후 2:34

유용태 (teo.yu)

안녕하세요 응원하는 튜브님 반갑습니다 :)

오후 2:35

음료수 마시는 어피치님이 들어왔습니다.

오후 2:35

유용태 (teo.yu)

음료수 마치는 어피치님도 환영합니다.

오후 2:36

음료수 마시는 어피치

안녕하세요! FE에 아주 살짝은 관심이 있는 ux 디자이너 지망생입니다!! 개발을 잘 아는 것은 아니지만 잘 부탁드립니다🙇🏻‍♀️🙇🏻‍♀️

오후 2:37

유용태 (teo.yu)

그러게요 ㅠ 제가 준비한 자리는 다 차버렸네요;; 설마 설마 했어요. 온라인 방식이라 실제 자리가 없는 것은 아니겠으나 아직까지 이렇게 까지 대규모 인원으로 해본 적이 없어서 경험치가 쌓이면 더 많이 모집해서 진행해보도록 할게요

오후 2:38

aran

스프린트는 매달 하는 건가요?? 다음번에 참여해 보고 싶어요!

오후 2:38

유용태 (teo.yu)

잘 부탁드립니다. 여기는 프론트엔드에 궁금한 것들을 물어보고 아는 것은 알려주고 공유하면서 함께 성장하고자 하는 곳입니다. 언제든 편하게 질문해주면 다들 친절하게 알려줄거에요. 이런걸 물어봐도 되나? 고민 하지 마시고 내가 모르면 다른 사람들도 궁금해할거라는 생각으로 편하게 물어보세요

오후 2:39

매달...은 아니구요 1~2개월 사이의 간격으로 계속 진행해오고 있습니다. 사정상 정기적인 일정으로 진행을 하고 있지는 못하고 있는데요 적당히 빈 시간이 나오면 공지를 해서 모집을 하고 있어요. 또 공지 올리도록 하겠습니다~

오후 2:40

음악듣는 어피치

사람이 많으니 긴장되네요 ㅎㅎ..

오후 2:40

육개장가자

채용공고 자격요건중에 오픈소스에 의존하지 않은 코드 구현이 능숙한 분 이말이 라이브러리쓰는게아니라 직접 구현잘하는사람을 원한다 이런의미맞을까요?

오후 2:41

좌절하는 제이지

혹시 CSS 질문 하나 해도 될까요 ? ..

오후 2:42

유용태 (teo.yu)

네 허락 안구하셔도 됩니다. 편하게 물어보세요

오후 2:42

육개장가자

저 여쭤보고싶은게있습니다 혹시 포트폴리오 만들려할떄 에를들어 리액트쓰다보면 유효성검사라이브러리나 form관련라이브러리등 본인이 직접 구현안해도될정도로 라이브러리좋은게 되게많더라구요 혹시 이런부분에있어서 최대한 라이브러리쓰는걸 지양하고 직접구현하는식으로 포트폴리오짜는게맞을까요?

오후 2:43

좌절하는 제이지

현재 코드는 css word-break: keep-all; white-space: pre-wrap;

오후 2:43

육개장가자

라이브러리찾아보니까 되게많은거같긴한데.. 라이브러리를 어디까지써도될지 잘모르곘습니다

오후 2:43

모승

라이브러리 사용은 본인의 주관이 담겨있다면 자유롭게 하셔도 괜찮지 않을까요?

오후 2:43

음악듣는 어피치

바퀴를 새로 만들지 말라는 말이 있는것처럼 있는것 잘 사용하는것도 능력이예요

오후 2:44

좌절하는 제이지

화면상 이렇게 표기 되고 싶은데

오후 2:44

얼굴마사지하는 제이지

프론트가 90%라고 하셨는데 혹시 백엔드는 더 추가적으로 받거나 하는 부분이 있을까요?

오후 2:44

음악듣는 어피치

pre태그 사용하면 작성한 양식 그대로 출력되는데 그걸 원하시는 걸까요?

오후 2:44

좌절하는 제이지

이런 식으로 해야 가능해서, 원하는 대로 단락을 나누려면, br태그는 좋지 않고 어떤 방식이 좋을지 궁금합니다. 토스는 코드는 저 css를 활용해서 끊었던거 같아요

오후 2:44

육개장가자

저도 사실 그런생각으로 라이브러리쓰긴한데 저렇게 채용공고에 라이브러리쓰는게 아니라 직접 코드구현하는걸 더 선호하는게 없지않아있는거같아서 혹시 나중에 취업포폴로 제출했을떄 라이브러리를 너무많이쓰면 불이익이있을까봐 고민이되네요

오후 2:45

유용태 (teo.yu)

포트폴리오에서 라이브러리를 쓰고 안쓰고는 본인의 판단입니다. 쓰고 안쓰고가 문제가 아니라 왜 라이브러리를 써야 겠다고 생각했는지 그리고 그리고 왜 유사한 라이브러리가 있는데 이 라이브러리인지 그리고 실제로 그러한 점을 라이브러리를 쓰면서 느꼈는지를 충분히 설명할 수 있으면 됩니다.

오후 2:45

유용태 (teo.yu)

그러면 오픈소스를 안쓰고 라이브러리를 직접 하나 만들어보시는 것도 시도해보시면 좋을 것 같네요 ㅎ

오후 2:45

좌절하는 제이지

pre로 하면 특수문자 공백 다들어가고 저렇게 한 것과 별반 차이는 없고 태그자체가 시멘틴 하지 않은 거 같아요! h3 로 되야 하는 태그라서;; br외에 원하는 단어 단위로 끊으려면 html 뭉개지는 걸 감안해야 될지.

오후 2:46

유용태 (teo.yu)

이번 기수에는 좀 어려울것 같습니다ㅠ 저도 이렇게 사람들이 많이 지원할지 예상을 못했고 사실상 제한을 안 두려고 했지만 제가 대규모 인원을 한번에 진행했던 경험이 없다보니 특정 기수가 실패하는 일은 없어야 될 것 같아서 조금 조심스럽게 인원을 늘려볼까합니다. 양해부탁드립니다.

오후 2:47

음악듣는 어피치

그럼 word-break나 word-wrap 속성한번 찾아보셔도 될것같아요

오후 2:47

얼굴마사지하는 제이지

아닙니다ㅎㅎㅎ 당연한거지만 혹시나해서 한번 여쭤봤어요. 고생많으십니다

오후 2:49

유용태 (teo.yu)

시멘틱에 너무 큰 의미 부여는 하지 않으셔도 되요. pre를 쓰는 이유는 string에서 줄바꿈을 \n으로 되어 있다면 br로 바꾸는 것보다 훨씬 더 편하기 때문입니다. 내가 하드코딩해서 HTML을 만드는 경우라면 pre는 다소 불편할 수 있어요. 내가 원하는 것을 잘 표기하는 거라면 그걸 사용하세요. 현대에 와서 HTML의 시멘틱함은 그렇게 중요하지 않습니다.

오후 2:50

핸디(강경석)

나중에 프로젝트 정리할때 이런 기능을 이런 목적으로 구현해봤는데 이미 상용 라이브러리가 있습니다 하면서 설명까지 하면 깔끔!!할듯합니다.

오후 2:50

좌절하는 제이지

html이 뭉개지지 않고 태그안에 쓰면서 css로서 문단 나눠줄 방법은 없을까요 ? pre로 해도 결국 특수문자나 공백이 그대로 들어가다보니, 에디터에서는 ㅜㅜ 들여쓰기가 깨져버리네요

오후 2:52

2년차ㅠ

getQueriesData 써보신분 계신가요

오후 2:53

이지원

DIP (Dependency Inversion Principle)에 대해서 공부하다가 어떤 글에서 React에서 등장하는 사례에 대해서 보게되었습니다. Prop Drilling 을 막기위해서 A-> B-> C 구조로 이루어진 컴포넌트를 B가 C를 children 이라는 props로 받아 관계를 A-> C-> B 로 역전시키는 예시였습니다. 이런 예시도 DIP라고 볼 수 있을까요?

오후 2:58

김재훈

const A = ()=>{ const a = "a" return <B><C a={a} /></B> } 이런 느낌이려나요 흠

오후 3:01

유용태 (teo.yu)

white-space: pre-wrap은 어떤가요?

오후 3:03

아니면 <br>을 쓰셔야 할거같아요. 원하시는 바를 정확히 이해못했어요. 특히 html이 뭉개진다의 표현이요

오후 3:05

좌절하는 제이지

넵! 감사합니다! html 뭉개진다는 의미가 코드 에디터에서 들여쓰기 지켜진채로 예쁘게 안된다는 말이었어요

오후 3:06

완전초보

안녕하세요. 저는 아직 리액트 1달 입문자이고 프론트엔드 인턴으로 회사 코드를 class component 를 function 으로 변환하는 작업을 하고 있습니다. 1. componentDidMount() 를 function 으로 바꿀때 useEffect(()=>{},[]) 를 사용하면 될까요? 2. 입문자로, function 으로 학습했기에, class component를 보는데 어려움이 있습니다. 지금은 class 코드에서 모르는 부분을 구글링하여 function 으로 바꾸는 방법을 계속 찾고 있는데, 정말 어렵네요. 어떻게 하면 속도가 빨리 붙을지 궁금합니다. class component에 대해서 학습해본적이 없는데 따로 공부하면 될까요?

오후 3:12

2번은 일단 하다보면 자연스레 익을겁니다

오후 3:13

effect hook은 componentDidMount componentDidUpdate componentWillUnmount 3가지를 관통하는 훅스에요 잘 사용하셔야할거에용

오후 3:15

안녕하세요!

질문 있습니다! 이미지가 로드가 완료되어야 모달을 닫을 수 있게 하고 싶습니다. 그래서 제가 생각한 방법은 이미지 태그가 온로드 되면 showImage라는 state를 true로 바꿔주고 showImage가 true일 경우에만 모달을 닫는 함수를 실행하고자 합니다. 코드로 보셔야 편하실 것 같아서 주석이 포함된 코드 사진도 첨부하겠습니다!

오후 3:29

nator

onClose() 함수가 다른데 따로 정의되어 있나요?

오후 3:38

안녕하세요!

props로 전달받은 함수입니다!

오후 3:39

nator

Modal 안에서 onClose 함수를 어떻게 다루는지 어떤 조건일때 실행시키는지 알아야 될 것 같은데요

오후 3:43

니소

모달 컴포넌트의 onClose이벤트 함수를 useCallback으로 감싸고 showimage를 의존성배열에 넣고 넘겨보세요

오후 3:45

nator

아 이제 알겠네요 지금 onClose={.. 로 들어가 있는 함수의 showImage 는 이 함수가 정의될때 closure가 형성되어 외부에서 showImage를 바꾸어도 같이 바뀌지 않습니다. stale closure 키워드로 공부해보시면 좋겠습니다

오후 3:47

안녕하세요!

앗 감사합니다! 꼭 찾아보고 공부해서 해결해보겠습니다!

오후 3:48

nator

맞습니다 이렇게 하시면 showImage가 바뀔때마다 콜백함수의 클로져 환경이 새로 생성되기 때문에 안의 업데이트 된 showImage 변수값을 가진 새로운 클로져가 생성됩니다

오후 3:49

msw랑 testing library 도입을 많이 하는 편인가요?

오후 3:49

Herb

Q. localhost:3000은 HTTP 401 unauthorized, 127.0.0.1:3000는 HTTP 200 ok인데 이유가 무엇이며, 어떤 부분들을 찾아봐야 할까요? 환경: MacOS 서버: vscode live preview 익스텐션에서 띄워 준 서버 클라이언트: 크롬 파이어폭스에서 접속했을 때 동일한 behavior

오후 3:51

Herb

static html 페이지에 대한 GET 요청이었습니다!

오후 3:52

안녕하세요!

앗 문제에 대해 이해하고 해당사항 적용해봤으나 showImage가 바뀌어도 적용이 안되네요...!

오후 3:53

혹시 제가 실수한 부분이 있을까요??

오후 3:53

FE💪🏻

톡게시판 '글 공유': 공부방법

오후 3:54

Herb

콘솔에서 CORS 에러라고 뜨지 않고 외부 리소스를 쓰지 않는데 다시 한 번 확인해볼게요

오후 3:54

FE💪🏻

여러분들은 어떻게 하고있나 궁금해서 공유하고 싶었어요 ㅎㅎ 저말고도 궁금해 하시는 분들 계실 것 같아서

오후 3:54

아이스크림든네오

부트캠프 말고 부트스트랩인가요...?

오후 3:55

니소

선생님 전체 코드가 있어야 할 것 같습니다. 글고 유즈콜백 쓰기전에도 원래라면 잘 작동해야해요

오후 3:56

Herb

일단 127.0.0.1로 보고 집에가서 더 파봐야겠어요, 도움주셔서 감사드립니다!!

오후 3:57

눈물바다에 빠진 라이언님이 들어왔습니다.

오후 4:02

질문 하나만 드려도 될까요? 배열 메소드 중에 at이 있는데 사파리에서는 동작하지 않는데, Browser compatibility에는 또 된다라고 되어있는데 이럴 경우 어디서 확인해보면 될까요?

오후 4:02

nator

Modal 컴포넌트의 rerender를 트리거 하는 요소가 없으면 바뀌지 않을거에요 새로운 함수를 전달해줄 수 있는 방법이 없으니.. setShowImage 가 호출될때 showImage 에 대한 상태에 따라 다른 함수가 전달될 수 있는 방법을 생각해 보시면 좋을 것 같습니다

오후 4:03

이승환

안녕하세요😀 프론트엔드 신입분들 포트폴리오 보면 노션에 이력서같이 깔끔하게 정리하시는 분들도 있고 좀 인터렉티브하게 직접 제작하시는 분들도 있는데 어떻게 하는게 좋을까요..?

오후 4:07

뚱뚱보가 되어버린 네오

깔끔하게 적는 것과 인터렉티브하게 적는 목적은 결국 저는 읽는 사람이 피곤해하지 않고 잘 읽을 수 이 있게하기 위함인거 같은데

오후 4:10

저도 중요한건 내용이라고 생각해요

오후 4:10

대장

화려한데 그냥 부트캠프에서 프로젝트한거 인턴십한거 내용만 적혀있으면

오후 4:10

핸디(강경석)

아이고 현재 15.4 버전부터 사용가능하다라고 나와있는데 제 버전이 15.3이었네요. 감사합니다.

오후 4:11

음악듣는 어피치

어디서 프로젝트한게 중요할까요 전 프로젝트 퀄리티만 좋으면 된다고 생각합니다 ㅎㅎ

오후 4:12

대장

저는 차라리 개인플젝이 양호한 것 같아요

오후 4:13

우리나라가 금속활자가 유명해서 그런지

오후 4:13

부캠도 금속활자로 다 찍어낸 느낌이라서요

오후 4:13

양식이 군대에서 온나라로 공문 보내는 것 마냥

오후 4:14

음악듣는 어피치

보통 최종 프로젝트는 자유주제라서 같을수가 없지 않나요

오후 4:14

김재훈

취업하기 참 쉽지않네요 ㅜ (좋은곳에)

오후 4:14

뚱뚱보가 되어버린 네오

대형 트래픽 이커머스 서비스 클론 프로젝트

오후 4:16

음악듣는 어피치

아 ㅋㅋ 좀 낮은 부캠은 그렇게 하나보네요

오후 4:17

뷰붕이

결국 어떤 경험을 하고 어떤걸 얻는지가 중요한것같아요

오후 4:17

지금 저희 프로젝트에 제가 testing library랑 msw 도입해서

오후 4:17

다른 기업은 어떻게 하고 있는 지 궁금해서도

오후 4:17

뷰붕이

그래서 플젝 경험 쓸때 고민한 내용과 해결 과정 적으라고 조언을 많이 하시더라구요

오후 4:17

엄지척 제이지

사람인에 이력서 올려놨더니 갑자기 어떤 회사에서 사전 과제 권유하는데

오후 4:17

이거 말로만듣던 사전과제형 코드 훔치기인가요?

오후 4:18

안녕하세요!

코드 이것저것 살펴본 결과 공통으로 사용되던 모달 컴포넌트에서의 useMemo 때문이었습니다ㅜㅜ 답변해주셔서 감사합니다!!

오후 4:18

코드 이것저것 살펴본 결과 공통으로 사용되던 모달 컴포넌트에서의 useMemo 때문이었습니다ㅜㅜ 답변해주셔서 감사합니다!!

오후 4:18

FE💪🏻

톡게시판 '글 공유': 공부방법

오후 4:24

Plush

안녕하세요 리액트 한지 3주정도 되었는데 궁금한게 생겨서 질문 남깁니다! 사진처럼 한 컴포넌트에 props가 하다보니까 여러개 쓰게 되었는데 이게 맞는 방법인가요..?

오후 4:26

비옷입은 튜브

중복 투표가 가능해야될 것 같아요 흔치않겠지만 네가지 전부 할수도 있을 것 같네요

오후 4:26

리듬타는 제이지님이 나갔습니다.

오후 4:27

nator

다시 생각해보니 그러네요 이미 setShowImage 가 호출되는 순간 컴포넌트가 리렌더 되어 함수에 대한 참조값이 변하니 새로운 showImage 값을 가진 함수가 전달 되겠네요. 정정해주셔서 감사합니다

오후 4:28

달려라급식차

개인적으로는 props에 값이 3개 이상이면 뭔가 잘못됐다고 의심하는 편입니다

오후 4:28

벙찐 튜브

나중에 오류 발생범이 될 가능성이 있나요? 왜 의심해봐야할까요?

오후 4:29

비옷입은 튜브

근데 혹시 전공자 분들 중 cs 외 웹 관련으로 깊게 들어가는 전공 커리큘럼 있었나요? 저희 학교같은경우는 웹프로그래밍 과목 딱 하나 있었는데

오후 4:30

Plush

무언가 많이 꼬였다는 의미일까요.. 이래서 리덕스같은 라이브러리를 쓰나 싶기도 하네요

오후 4:30

음악듣는 어피치

데이터 통신, 네트워크 과목이요

오후 4:31

희희

저희도 이랬고 그냥 웹 관련 과목은 10개정도 있었어요!

오후 4:32

InteractiveMedia

안녕하세요 혹시 클래스 다이어그램같이 프론트 컴포넌트 간의 관계도를 그려주는 앱이나 서비스가 있을까요?

오후 4:41

달려라급식차

1. 넘길 필요가 없다. 2. 분리할 필요가 있다. 3. 또 다른 객체로 바라볼 필요가 있다. 4. component가 다른 정보에 불필요하게 의존적으로 되면 standalone하게 실행하기 어렵다. 5. 테스트가 어렵다.

오후 4:42

허브님을 존경하는 어피치

안녕하세요 제가 지금 퍼블리셔에서 프론트엔드로 전환준비를 하고있는데요. mui나 antd를 이용한 ui작업경험이 필수일까요? 디자인을 ui로 전환할때 라이브러리를 서치하고 커스텀해서 적용하는 비용보다 차라리 styled component로 직접 짜는게 비용이 더 적다고 생각이 들어서요

오후 4:44

ㄷㄷㄷ

선배님들, 정보처리기사 관련해서 여쭤보려는데요..

오후 4:44

벌써 23년 이기적 정보처리기사 필기 이런 교재가 나오는데

오후 4:44

최신껄 사야될까요? 법이 개정되거나 하는게 아니라서 시험 내용은 비슷한가요?

오후 4:45

무지성 개발자

학습이 목적이십니까 취득이 목적이십니까

오후 4:45

ㄷㄷㄷ

학습하려는데 굳이 안딸 이유도 없는 것 같아서요

오후 4:46

무지성 개발자

취득이 목적이면 CBT 3바퀴 돌리라고할려했어영

오후 4:46

ㄷㄷㄷ

23년 최신이든 아니든 상관 없겠죠?

오후 4:46

허브님을 존경하는 어피치

이거에 대해 어떻게 생각하시나요??

오후 4:47

무지성 개발자

프론트엔드라고해서 그런경험이 왜 필수여야할까염

오후 4:47

무지성 개발자

굳이 ? 해봤다면 어 해봤구나 근데 안해봤다고 떨어뜨린다? 그것도 이상할것같아요!

오후 4:48

김재훈

필수아님니다~ 오히려 스타일드컴포넌트로 css 직접 다루는게 더 중요합니당

오후 4:48

허브님을 존경하는 어피치

antd나 mui를 실무에서 적용하는 비율이 큰가요? 보통 실무에선 디자이너들의 결과물을 ui에 적용할텐데 해당 라이브러리들은 디자인결과물을 반영한다기보단 디자인 없이 준수한 ui를 보여주는데 더 적합하다고 생각이 들어서요

오후 4:49

무지성 개발자

디자인시스템이 없는 기업에서는 라이브러리를 커스텀화 할수도 있겠죠? 디자인시스템을 구축할만큼 여유가있는지 여부에따라서 달라지기도하고요

오후 4:49

타이거꽃게

디자인 초안을 mui기반으로 한다던지

오후 4:49

값이 ['팔'] 이렇게 뜨는데 왜 typeof를 찍으면 객체알까요?

오후 4:50

허브님을 존경하는 어피치

디자인 초안 단계에선 ui라이브러리가 아니라 디자인툴로 초안을 뽑지않나요?

오후 4:50

밀림

useEffect 쓸 때 deps 관리시 eslint-disable-next-line react-hooks/exhaustive-deps 남용하면 안좋나요?

오후 4:50

벙찐 튜브

아하 여러모로 불편한 구석이 있군욥 감사합니다!!!

오후 4:50

밀림

어쩔수없이 써야하는 상황이면 써야할까요?

오후 4:50

무한공부중

object취급이면 map함수를 써야할 때에는 어떻게 해야하죠?ㅠㅠ

오후 4:51

무지성 개발자

프로토타입 체이닝은 Array로되요

오후 4:51

밀림

Object.keys(part).map((key) => (

오후 4:51

허브님을 존경하는 어피치

typeof로 찍을땐 object로 뜨지만 prototype은 각각 다른걸로 알고있어요

오후 4:51

스타트업개발자

프론트 개발 / 포토샵 일러 애프터 이펙트를 작업하는데 맥북을 사면 어떤걸 추천해 주실거 같으세요!?

오후 4:51

무지성 개발자

[].__proto__ 찍으면 Array나올거에요~!

오후 4:51

허브님을 존경하는 어피치

아무리 생각해도 해당 라이브러리를 따로 공부할 필요성이 안느껴져서 고민이었는데 해결된거같네요 감사합니다

오후 4:51

유용태 (teo.yu)

Array.isArray() 라는 함수가 있어요

오후 4:51

허브님을 존경하는 어피치

내가 짜는게 훨씬 편한데 굳이?? 라는 생각이 자꾸 들어서

오후 4:52

무지성 개발자

아 그래도 object로 체이닝 되는군요

오후 4:52

머리 빗는 네오

안녕하세요 선배님들 취업준비과정에서 질문이 하나 있습니다..! 기술블로그가 서류합격에 긍정적 영향은 줄거라고 생각은 하는데 막상 어떤 글을 어떻게 써야할지 조금 고민이 되어서요 좋은 팁이 있으면 알려주실수 있을까요?

오후 4:54

엄지척 튜브

주제를 하나 정해서 쓰면 될듯ㅇ염

오후 4:55

머리 빗는 네오

제가 공부하고있는건 노션으로 정리하고있는데 그러면 혹시 노션을 기술블로그로 대체해도 될까요?

오후 4:55

무지성 개발자

어떤걸 공부하는지 볼려는 분들도 있어여

오후 4:55

블로그 목적이 공부하는 습관남기는거면 그래도되졍

오후 4:56

무한공부중

와.. 어제 똑같은 걸 빡준님한테 배웠는데 그새 까먹었네요.. 타입가드라는 걸 공부하고 넘어가겠습니다. 감사합니다!

오후 4:56

음악듣는 어피치

기술 블로그랑 til랑은 조금 차이가있어서

오후 4:56

보통 노션은 til용도고 제대로 정리해서 공유하고 싶은 글은 블로그에 작성하는것 같아요

오후 4:56

특정 useSelector 하나만

오후 4:57

mocking할 수 있는 방법이 있나요?

오후 4:57

머리 빗는 네오

감사합니다 이것도 참고하겠습니다!

오후 4:57

이렇게 useState훅에서 state에 제너릭으로 여러개의 타입을선언 해줄때 어떻게하면 좋을까요? medicalReceptionStatusData.diagnosisHistory.src 이런식으로 사용하면 다른타입에는 diagnosisHistory 프로퍼티가 없다고 에러가뜨네요..ㅠ

오후 5:14

눈물바다에 빠진 라이언님이 나갔습니다.

오후 5:15

니소

유니온 타입을 설정하셨으면 타입 내로잉으로 타입을 하나 확정시켜줘야합니다

오후 5:17

간단하게 if && 로 시도해보세요

오후 5:17

FE💪🏻

톡게시판 '글 공유': 공부방법

오후 5:22

무한공부중

태오 아까 Array.isArray로 찍어보니 이렇게 뜨는데 왜그런거죠?

오후 5:23

짱구

객체를 isArray 하신건가여?

오후 5:32

신입0뇬차

어떻게 하면되나요..? 대충 예시 한줄만 부탁드려도 될까요?

오후 5:37

짱구

Array.isArray 는 []만 true를 반환해영~

오후 5:41

니소

타입이 3개니까 하나로 확정지으려면 이 프로퍼티가 있으면 이 타입이다 라는걸 코드로 써야해요. 아까 제가 링크 드린거 보시면 잘 나와있어요. 예를들면 if ('diagnosis어쩌구' in data) 가 true면 3개의 타입중에서 위에서 첫번째랑, 두번째가 해당되겠죠 false면 3번째 타입으로 확정나구요

오후 5:43

으쓱으쓱 어피치

프론트엔드 개발자의 성과 라고하면 어떤게 있을까요...?

오후 5:46

옥느

🔥🔥🔥 그러나 프론트엔드의 가치는 기술보다 본인이 만드는 서비스의 가치로 먼저 평가받는다! 테오님 블로그 글에서 이부분이 가장 공감이 되었던거 같아요

오후 5:50

으쓱으쓱 어피치

잘 이해가 안가는데 기본적으로 서비스의 가치는 기획자의 성과영역 아닌가요? 물론 협업하며 서비스를 같이 조율하긴 하지만.. 그렇다면 개발자 개인의 노력은 어떻게 평가되나요?ㅠㅠ

오후 5:53

달팽이똥

뭐 렌더링 속도나 빌드 시간 단축, 기획자나 디자이너한테 제안해서 유저한테 좋은 피드백이 있는 것들, 이탈율 감소 요런 것도 다 어필할 수 있지 않을까여

오후 5:56

쓰파크(Thpark)

마침 저도 방금 사내에서 그런 얘기를 했는데, 개발자 같은 경우 개발 영역에서의 성과를 판단할 수 있는 리더가 팀원들의 노력을 판단하게 되고, 리더가 따로 없거나 스스로가 리더라면 '협업하며 서비스를 조율' 쪽의 비중이 커서 서비스의 가치로 평가되기도 할 것 같습니다. 개발자는 서비스의 가치와 직접적으로 성과가 연결되지 않는 경우도 있어서 리더가 개발팀원들의 성과가 어떤 것으로 평가될지(로드맵이나 마일스톤) 제시해주는 것도 중요하다는 얘기를 했었어요.

오후 6:00

카이카스

본인이 성과를생각했을떄 딱히 어필할게 없다면… 성과가 없는게 맞다고봐요

오후 6:01

쓰파크(Thpark)

관리자가 주는 업무 자체가 어필할 게 적은 경우는 그래서 주도적으로 업무를 만들 필요성도 있다...고 느끼고 있습니당

오후 6:02

카이카스

어떤것이든간에 성과는 본인이 만들고 어필하는거라고봐요

오후 6:03

무한공부중

안에 요소가 있으면 true로 반환하지 않는다는건가요??

오후 6:04

짱구

아뇨 [] 형식으로 된 객체만 true로 반환한다는 뜻입니다!

오후 6:04

옥느

서비스의 가치를 저는 해결해야 하는 비즈니스 문제를 해결한 가치라고 생각했어요 개발자가 돈을 많이 버는 이유가 단순하게 코딩을 할 줄 알아서 이유보다 그런 문제를 해결하는 사람이라 생각했습니다. 물론 비즈니스 문제를 어떻게 정의하냐에 따라 다를 수 있지만 예를 들면 디자인 시스템이 없는게 하나의 비즈니스 문제점일 수도 있고 렌더링이 느려 발생하는걸 하나의 비즈니스 문제점이라 볼 수 있다 생각했습니다. 실제 경력 사항에 이런 내용을 포함한 이력서가 좋은 이력서라 생각하고요

오후 6:05

오늘 하루도 고생 많으셨어용~~

오후 6:06

전재연(JAENY)

입사 3일만에 실무투입이 되었슴미다 온보딩 없어도 열시미 해야지 ㅠ

오후 6:09

으쓱으쓱 어피치

다양한답변 감사합니다 입사 한달차라 성과가 어떤건지 잘 감이 안와서 질문했습니다... 비즈니스적 문제해결이라고하면 결국 경제적 가치를 가져와줄수있는 문제정의와 해결을 말하는거겠죠? 감사합니다

오후 6:11

우그

여러분들 ESLint + Prettier를 기존에 적용안된 프로젝트들에 적용 하려고 하고있는데요.. 그런데 사용 언어나 프레임워크가 같은 케이스일 경우 전부 일관된 코딩 컨벤션(ESLint +.Prettier) 설정을 가져가는게 맞다고 생각하는데 맞을까요? 아니면 프로젝트 환경(사용 언어나 프레임워크가 같은 경우를 제외한 환경)에 따라서 설정이 달라지는게 맞는걸까요??

오후 6:11

옥느

꼭 경제적 가치라 하기는 애매하지만 저는 전에 회사에서는 백오피스를 많이 개발했는데 백오피스가 회사에 있기 전과 후가 회사 업무 효율성이 증가했기 때문에 이런 점도 새로운 가치를 만들었다 생각했어요

오후 6:12

니소

안되는게 아닙니다 as문 지우고 변수에 마우스 올려보세요 추정 타입이 3개가 아닐거에요

오후 6:13

우그

예를 들어 Vue + TS 사용하는 프로젝트들의 경우 Vue + TS만의 통일된 개발 환경 세팅을 갖게 하는 것이 일관된 코딩컨벤션을 유지하는 최종 지향점같은 개발 환경 세팅이라고 생각되는데.. 이게 언어는 같이쓰이더라도 관련된 설정이 달라질 수 있는건지..? 제가 생각한게 맞는것인지...

오후 6:13

찍찍

저는 입사 당일부터 실무투입....

오후 6:15

으쓱으쓱 어피치

오..... 그렇군요 혹시 질문하나 드려도될까요? 업무 효율성이 증가했다는건 어떻게 증명할수있나요?

오후 6:16

울고있는 제이지

저는 다들 바빠서 온보딩이 없었는데 저한테 넘어오는 업무도 없어서 2달 방치 당했던 억이.......

오후 6:17

어찌보면 꿀이지만 어찌보면 고생하셨네요…

오후 6:17

울고있는 제이지

감사합니다... 꿀이긴 했는데 눈치가 너무 보였네요... 심지어 병특이라 다른 회사로 가지도 못하고... 프론트 문서화된 안된 회사인데다 저한테 깃 권한도 정말 일부 밖에 안줘서.... 흑훅..... 다시는 없을 꿀신입의 추억으로 남겨둬야겠네요...ㅋㅋㅋㅋㅋㅋㅋㅋ

오후 6:21

울고있는 제이지

일정 기간 채워야 이직이 가능해요 ㅠㅠ

오후 6:22

옥느

사실 증명을 하기는 쉽지 않은거 같아요 예를 들면 렌더링 최적화로 기존보다 로딩 속도 2배 빨라졌다 이걸 증명하기란 쉽지 않죠… 실제 면접관이 그 서비스 전과 후를 직접 눈으로 보기는 쉽지 않으니까요 대신 본인이 만든걸 이력서에 적으면 면접관이 해당 내용을 물어봤을 때 막힘이 없지 않을까 생각합니다. 저는 왜 내가 해당 기능을 만들었지를 중심적으로 생각해 이력서를 작성하는거 같아요 실제 다른 사람 이력서를 보는 과정에서 그런걸 주로 보고 면접에서 물어봅니다. 테크니컬 요소는 다른 방식으로 검증하고요

오후 6:23

신입생

처음 근무 3개월인가 6개월인가 후 부터 가능했던걸로.. 들었던 것 같은..

오후 6:23

울고있는 제이지

한회사에서 총 복무기간의 1/4 채워야 이직이 가능함다 ㅠㅠ

오후 6:24

개발하자

이번에 회사를 입사하게 되었는데 전에 3개월 다녔던 이력을 작성하지않고 들어가게되었습니다 서류를 제출해야하는데 경력사항에 적는게 맞을까요..?

오후 6:24

말썽쟁이 네오

react-hook-form으로 라디오버튼 registser 등록했는데, 이거 클릭 영역을 상위 Div로 지정하고 싶은데.. 어떻게 방법이 있을까요?

오후 6:25

으쓱으쓱 어피치

그렇군요.. 정말 감사합니다👍🏻 성과증명은 쉽지않을수있군요...

오후 6:27

달려라급식차

보통 일을 할때 성과증명하기 위한 기틀을 마련해놓고 하려고합니다.

오후 6:34

FE💪🏻

톡게시판 '투표 종료': 공부방법

오후 6:35

옥느

맞아요 사실 지금 주로 실험적 배포를 많이 진행해요 해당 피쳐 전과 후 데이터 분석을 통한 지표 개선을 확인하기 위해서요 물론 도메인 특성에 따라 성과측정 방식은 달라질 수 있을 것 같아요

오후 6:37

유용태 (teo.yu)

개발자에게는 일반적인 수치로 이력서에 쓰라는 성과증명이라는 체계가 잘 맞지 않을 수 있습니다. 특히 FE에서는 더더욱 그렇죠. 내가 프로젝트에서 어떤 기여를 했는지 개발이라는 본연의 업무를 포함해서 비개발적으로는 또 어떤 기여를 했는지 한번 작성해보세요. 분위기를 담당했을수도 있고 문서화를 잘했을 수도 있고 좋은 의견을 내었을수도 있구요 뭐든 적을수 있어요 본인의 생각이 중요합니다.

오후 6:39

성과를 내는 사람을 뽑고 싶은것도 있겠지만 결국 함께 하고 싶은 사람을 뽑고 싶은거라서 저런것들을 좋아하고 잘하는 사람이구나 함께 하면 좋겠다 라는 핏를 보기 위함이구요 그 핏이 안 맞으면 그 회사랑 안 맞을수 있겠죠 다만 그런 것들을 노출하지 않으면 이 사람이 어떤지 알 수가 없기에 애매하면 뽑지 못해서 떨어지기 않기 위해서 실력 외 부분들을 알려주기 위해 적는다고 생각해보시면 좋을 것 같아요

오후 6:42

으쓱으쓱 어피치

헉 감사합니다.. 수치로 증명해야한다는 심리적 강박이 있었던것같네요.. ㅠㅠ 수치적 성과가 아니더라도 어필하는게 좋겠네요....

오후 6:43

화나서 방방 뛰는 튜브

진짜 맞는거 같아요 아무리 기술적으로 뛰어나고 그래도 개발 이외의 면이 문제가 되면 같이 일하기 힘들더라고요… 그래서 스스로 같이 일하고싶은 사람인지 생각해보는게 좋은 자세 같습니다

오후 7:06

유용태 (teo.yu)

안녕하세요 한성식님 반갑습니다 :)

오후 7:41

디자이너를 꿈꾸는 학생

< 엠블럼 목업> https://forms.gle/HSW1TaZPaXz2vLW36 선배님들 학과 50주년기념 엠블럼 목업을 했습니다! 그래서 마지막으로 하나를 추려내기 위해서 투표를 통해 뽑으려고 하는데 선배님들께서 좋으신 안목으로 투표를 한 번 도와주셨으면 하는 바람에서 이렇게 부탁드리게 되었습니다! 선배님들께서 바쁘시지만 양해 한 번 부탁드리겠습니다 감사합니다! 좋은 하루 보내십시오!🥹🫶😀

오후 7:52

슈슈슉슈슈슉

투표 해드릴수야 잇는데 왜 개발자들한테 디자인을 물어보는지 의문이에요 ㅋㅋ; 디자이너들한테 물어보는게 젤 좋지않을까 시푼 의견,,

오후 7:53

음악듣는 어피치

3번째 보는거같은데.. 신중하시네요

오후 7:53

링링

이거 진짜 많이 올리신거 같은데ㅎㅎㅎㅎ 열심히 하시네요 ㅎㅇㅌ

오후 7:53

뚱뚱보가 되어버린 네오

맞는 말이긴한데 그래도 열심히 해주신거같은데 ㅜㅜ

오후 7:54

슈슈슉슈슈슉

아 글쵸굴쵸 투표 저도 해드렷어여 이미

오후 7:54

핸디(강경석)

나중에 투표결과 알려주세요. 다른분들은 어떤 선택을 했는지 궁금해요

오후 7:55

디자이너를 꿈꾸는 학생

정말 감사해요 다들 ㅠㅠ 졸전이라서!!

오후 7:57

한성식

안녕하세요! 프론트엔드 취준생입니다. 잘부탁드려요~~

오후 8:02

음악듣는 어피치

와 소름 저도 고민하다가 2번 했는데

오후 8:05

개발자들 안목이란게 이런건가요... ㅎㄷㄷ

오후 8:06

출력물에 실릴거면 1번이 괜찮은 것같네요

오후 8:09

지금 react-calendar가이형식인데

오후 8:13

약간 선택됐을때 background를

오후 8:13

저런식으로 하려면 어떻게 해야할까요

오후 8:14

유용태 (teo.yu)

어서오세요!! 이곳은 프론트엔드에 대해 궁금한 것들을 물어보고 아는 것을 알려주고 공유하면서 함께 성장하고자 하는 곳입니다!! 언제든 편하게 궁금한게 생기면 글 남겨주세요~~~

오후 8:19

toho

react calendar 문서를 대충 훑어봤는데, 아마 개발자 도구로 요소들의 classname을 집어와서 하나하나 수정해야 할 거에요

오후 8:27

육개장가자

공부방법항목중에 부트스트랩은뭐죠?ㅋㅋ

오후 8:28

box shadow 아시는분 있나여 ㅎㅎ..

오후 8:38

슈슈슉슈슈슉

Box shadow 써야해여? Gredient 쓰믄 안대옆

오후 8:44

Background-gredient 철자맞는지 몰루에여

오후 8:44

이거 써서 왼쪽부터 오른쪽 방향으로 그래디언트 줘도 될거가툰데

오후 8:45

힝구

background: linear-gradient() 쓰시면 될거같아용

오후 8:46

괄호 안에 색상값 넣으시면 됩니당

오후 8:46

맷돌

질문의 의도를 알 수 있을까용? 첫 삽을 뜨기엔 쉬워요! 시간만 들인다면 응용도 할 수 있구요!

오후 8:50

한번 확실하게 배워두면 두고두고 쓸 수 있지만

오후 8:50

저는 정규표현식 쓰는거 좋아해서 이따금 찾아보기는 하는데

오후 8:51

무지무지

아직 시작을 안 해봐서 어떤 용도로 어떻게 사용하는지 잘 모르겠어요ㅎㅎㅎ 근데 배워보고 싶어요

오후 8:52

신입

정규식 코테에서 많이 쓰지 않나요?

오후 8:53

맷돌

코테 1레벨에서 간간히 본 적있어요

오후 8:53

난이도 높아지면... 정규표현식보단 알고리즘을 많이 요구해서

오후 8:53

아 모지 저번에 정규표현식 챌린징 하는거 있었는데

오후 8:54

신입

프론트엔드 개발자가 1명인 회사 장단점이 뭐가 있을까요..? 이제 프론트엔드 개발자를 뽑기 시작한거 같은더라고요

오후 8:55

맷돌

적어도 서너명 있는게... 의견공유라두...

오후 8:55

같이 일하는 "개발자" 가 있다는것도 저는 되게 와닿았어요

오후 8:56

신입

맞아요.. 기술적인 부분을 나눌 사람이 없다는게

오후 8:56

혼자서 하는건 너무 힘들 것 같습니다

오후 8:57

어떤분이 프론트엔드 신입 개발자는 20프로만 사수가 있다는 글을 봐서요

오후 8:57

정확히 말하면 사수가 없는 이유는

오후 8:58

리액트를 깊게 다뤄본 사람이 생각보다 많아서

오후 8:58

막상 회사를 가셔도 년차가 드라마틱하게 차이나지 않을 뿐만 아니라

오후 8:58

그 사람도 정말 모든걸 아는건 드뭅니다

오후 8:58

*깊게 다뤄분 사람이 많지 않아서

오후 8:59

감이 안잡히네요 주니어 입장에서는 ㅜㅜ

오후 8:59

추천해주실만한 깃 레포가 있을까요?

오후 9:00

떨고있는 어피치

리액트 베타 독스 쪽 코드 보세요

오후 9:00

뚱뚱보가 되어버린 네오

아토믹하게 구분해논 사내코드보면

오후 9:00

Neo

처우협의를 위한 서류를 채용 담당자에게 제출해야하는데 최근 2개년도 연봉계약서 최근 3개년도 갑근세 등…

오후 9:01

제출하라는데… 연봉계약서도 내나요...?

오후 9:01

떨고있는 어피치

개인적으로 아토믹은 좀 너무 과한것같아요 ㅋㅋ

오후 9:01

액트리

필요하면 사용하는거고 아니면 아닌겁니다 ㅋㅋ

오후 9:01

무지성 개발자

아토믹화는 재사용을 할수있냐 아니냐 그것도 되게 까다롭지않나요

오후 9:02

액트리

패턴을 뭘선택하느냐는 그리 중요하진 않아요

오후 9:02

뚱뚱보가 되어버린 네오

페이지 전체가 박살나는것도 많이 봐서

오후 9:02

신입

다른건가요..? 한번 찾아보겠습니다.. 아항

오후 9:02

뚱뚱보가 되어버린 네오

팀 성격에 맞게 개발하는게 중요해조입니당

오후 9:02

무지성 개발자

혹시 아토믹 패턴으로 잘 짜여진 레포지토리 볼수있는곳있나요...?

오후 9:02

뭐가 베스트인지가 좀 알고싶어서 ㅠㅠ

오후 9:02

종종 ui 프레임워크들 소개되곤 하는데

오후 9:03

솔직히 봐도... 잘 모르겠습니다...

오후 9:03

그건 좀 보기가 제 실력에선 어렵더라구요

오후 9:03

무지성 개발자

아토믹하게 잘 개발한 회사를 들어가서 코드보는게 답인건가

오후 9:03

무지성 개발자

지금 구조보다 더 좋으면 쓰자고 할때 타당할거같은데

오후 9:04

그게 아니면 말꺼내기도 애매하구

오후 9:04

신입

면접을 다른곳을 더 봐야겠네요 후..

오후 9:04

금전이 부족해서 빨리 취업하려고 했는데

오후 9:04

피스메이커 프로도

아토믹 디자인 시스템은 개념적으론 매우 훌륭하나 막상 현업에서 사용하기 시작하면 매우 모호한 지점이 많아서 나누는 기준이 회바회가 됩니다.. 사용하려면 정말 신중히....

오후 9:06

raon (베이비 개발자)

DID 개발중인데 모니터 해상도를 모르는 상태로 개발중이라 걱정이 많네여..

오후 9:09

각종 크기 테스트 해보는 방법같은게

오후 9:09

lucky.jun

그럼 혹시 현실적인 대안이 있을까요?

오후 9:11

떨고있는 어피치

현실적으로 아토믹을 사용하지않으면 ㅋㅋㅋ

오후 9:12

계속 리팩터링 하는거죠 뭐...

오후 9:12

무한공부중

혹시 이 에러 왜나는지 아시는분 있나요? 잘 돌아가닥 갑자기 ㅠㅠ생긴 오류인데 찾아도 정확한 답을 모르겠어요ㅠㅠ

오후 9:13

피스메이커 프로도

팀 단위시라면 나누는 기준부터 정하신 후에 재사용성을 고민하시면 좋을 거 같습니다.

오후 9:13

신입

혹시 기업에서 신입 프론트엔드 직무로 뽑을 때 전공자래서 받는 혜택도 있을까요? 제가 느끼기에는 딱히 없는거 같은데... 맞을까요?

오후 9:27

먹보 네오

혹시 방통대 컴퓨터과 있으신분있나요?

오후 9:27

데부

서합이 조금 더 잘되는 것 같습니다(주관적

오후 9:28

좋니

전공자 푸시가 있는 회사는 있어여 ㅠ 좀 큰기업..!

오후 9:28

신입

수도권 4년제 전공자입니다 근데 딱히 없는거 같아요..ㅋㅋ쿠ㅠㅜㅜ

오후 9:28

먹보 네오

프론트엔드 공부중인데 방통대 다니는것도 도움 많이 될런가요??

오후 9:29

CS지식을 채우는데는 큰 도움이 되었지만

오후 9:30

피스메이커 프로도

음 cs 지식에는 도움이 되시지만

오후 9:31

젠

방통대 시작할때로 돌아간다면 더 고민 많이하고 신중하게 시작할거같아요.

오후 9:31

프인

음 저는 최근에 pre commit을 추가해봤어요! 린트체크하는걸 붙였는데 이전에는 어딘가 신경쓰지못했던 린트가 하나씩 튀어나와서 커밋이 하나씩 늘었는데 이젠 아예 없어져서 귀찮아지지않았어요 ㅎㅎ 또 pre commit msg도 붙였는데, 회사에서 지라를쓰고있어서 커밋메시지에 티켓넘버를 붙여야 추적이 가능해지는데 일일히 티켓넘버를 붙이는게 귀찮아서 브랜치네임을 파싱해서 자동으로 붙이도록 하는 스크립트를 작성해서 공유했어요 !

오후 9:31

젠

일부학과 빼고는 항상 미달이에요. 쓰시면 됩니다

오후 9:32

피스메이커 프로도

그래도 저는 전반적으로 시야도 넓어지고

오후 9:32

좋니

전 3년제라...4년제 지원을 못하더라고요

오후 9:32

먹보 네오

아하 그렇군요! 수업듣는게 빡세서 그러신가요!?

오후 9:32

신입

저도 전공자인데 프론트 관련 수업은 2개정도 밖에 없었어요...

오후 9:32

좋니

근데 기본지식알고있음 좋은거같아요

오후 9:32

피스메이커 프로도

프론트 외적인 이야기 나눌 때 많이 도움이 됐습니다

오후 9:32

먹보 네오

가도 나쁠게 없겠군요 좀더 바빠지겠지만

오후 9:32

먹보 네오

졸업 기준이 정보처리기사 취득으로 들었는데

오후 9:33

젠

네 저는 회사랑 병행하느라 힘들었습니다. 전과목 전공만 들어서 그런걸지도 모르겠네요.

오후 9:33

저도 내년이면 졸업반이라 정처기 준비하려구요

오후 9:34

육개장가자

혹시 방통대 입학한다했을떄 4년제 졸업자의 경우 그냥 1학년부터 다시는게 나을까요아니면 3학년으로 편입해서 다니는게나을까요?

오후 9:34

먹보 네오

회사랑 병행하면 많이 힘드셨겠구만요

오후 9:34

젠

aws 프론티어 응시료가 좀 비싸서… 저는 azure자격증으로 졸업했어요

오후 9:34

먹보 네오

4년제 학사도 딸겸 내년 초에 편입 해봐야겠네요! 감사합니당

오후 9:34

백엔드맨

이번 스프린트는 아무래도 시간이 부족할거 같아서 신청 취소했습니다ㅠ 43번칸 한자리 지웠습니다!

오후 9:35

젠

고민없이 3학년 편입이요. 모든 과목을 다 들을 필요는 없습니다… 꼭 들어야하는 과목 위주로 들으세요

오후 9:36

데부

이모티콘 혹시 저소음 키보드 좋은거 추천해주실 분 계신가요..?

오후 9:39

데부

유니콘님 레오폴드 좋아하시는군요…😍

오후 9:40

맥북 매직키보드 쓰다가 요고 쓰는데

오후 9:41

UNICORN 🦄

무거운건 느껴지지만 부드럽게 들어가서 어히려 기분 좋더라구여

오후 9:41

Hardy

조용한건 무접점이 좋은거 같아요

오후 9:41

링링

저 이거 보고 있는데 혹시 어떤 점이 좋으신가요!!

오후 9:47

비옷입은 튜브

제가 맥북 키보드 좋아하는데 맥북 키보드의 상위호환 같은 느낌?이라 좋았어요! 펜타그래프 키보드 특유의 느낌이 너무 좋더라구여 그리고 무엇보다 디자인이 깔끔해서 데스크가 예뻐집니다 ㅎㅎ

오후 9:49

저건 진짜 너무 리얼해서 더 못보게되더라구요

오후 11:11

유용태 (teo.yu)

음.. 결말이 씁쓸하게 끝나네요..

오후 11:18

화난 라이언

공기업이나 7급 공무원 쪽 IT직무

오후 11:25

괜히 사기업 노렸다가 이도저도 안되고

오후 11:26

멋쟁이 프로도님이 들어왔습니다.

오후 11:29

택배요

흑흑 저도 이번 스프린트는 일정이 있네요ㅜ 11월을 노려보겠습니다

오후 11:29

유용태 (teo.yu)

안녕하세요 멋쟁이 프로도님 반갑습니다 :)

오후 11:30

작은뉴비

mx 키보드 궁금한게 유튜브 리뷰는 다 18만9천원이던데 실제 가격은 24만원 정도더라구요 ㅠ

오후 11:30

먹보 네오

안녕하세요 선생님들 여쭙고 싶은게 있어 왔습니다

오후 11:32

여기서 Oracle과 MySQL에 hover 했을 시 underline을 만들어주고 싶은데 방법이 있을까요??

오후 11:33

코드는 이렇고 현재 subCategory에 border-bottom만 넣은 상태입니다

오후 11:34

underline은 애니메이션으로 왼쪽에서 오른쪽으로 긋고 싶은데 조언 부탁드립니다 ㅜ

오후 11:34

니소

hover 가상선택자와 text decoration css 속성으로 검색해보세요

오후 11:35

애니메이션은 transition 속성이 있습니다

오후 11:35

혹시 underline 말고 이미지와 같이 border-bottom으로 처리하는 방법도 가능한가요?

오후 11:44

맷돌

border-bottom 은 좌-우가 아닌 위-아래로 조절할 수 있어서

오후 11:44

개인적인 생각으로는 가상선택자(::after, ::before)를 이용해

오후 11:45

width 와 height 로 그린 다음에 니소님이 말씀해주신 transition 을 쓰면 어떨까 싶어요

오후 11:45

음악듣는 어피치

웹페이지 렌더링 과정에서 css의 변화는 reflow-repaint-composite를 리렌더링한다고 나와있는데, js로 DOM객체를 다루게되면 DOM Tree 생성부터 다시 진행하게 되나요? 정확히 나와있는 곳 서칭을 못하겠네요..

오후 11:50

사진의 어디부터 진행되는지 궁금합니다 !

오후 11:50

니소

hover 블럭 안에 언더라인을 보더로 대체하세요. 이렇게하면 원래 스타일에서 보더를 지워야겠죠. transition 적용 속성도 border로 바꾸세요

오후 11:57

2022년 10월 7일 금요일

한성식

js로 다루면 이미 있는 DOM, CSSOM을 조작해요. 첨부터 생성 안하구요

오전 12:17

음악듣는 어피치

아 그러면 js로 다뤄도 Reflow부터 진행된다는것이군요

오전 12:18

뷰붕이

reflow가 일어나지 않는 css 속성이 있어서

오전 12:22

일부러 피하면서 애니메이션을 하기도 합니다

오전 12:22

만들긴 했는데 language 부분은 잘 나오는데

오전 12:36

먹보 네오

같은 height를 주었는데 front-end 부분은 굵기가 다르게 나오는 이유가 뭔지 아시나요?

오전 12:37

카이카스

위치이동같은것보다 opacity조정으로 표현하면 성능이 확 좋죠

오전 12:37

같은 클래스값에 동일하게 줬는데 height가 다르게 나옵니다 ㅠ

오전 12:39

subCategory 의 background 를 ::after 에 넣어주시구

오전 12:43

subCategory 의 배경색은 빼면 어떻게 나오나요?

오전 12:43

먹보 네오

엇 쪼금만 더 자세히 설명 부탁드려도 될까요?

오전 12:44

subCategory 에 들어간게 배경색인 줄 알았는데

오전 12:48

맷돌

희안허네요 왜 다르게 나오는거지

오전 12:48

먹보 네오

지옥에서 온 aside가 탄생할 뻔 했습니다 ㅠ

오전 12:48

뷰붕이

코드는 눈이 침침해서 못봤지만

오전 12:49

어느 속성에서 어느 높이가 지정됐는지

오전 12:49

보통 원하는 속성값 취소선 그어지고

오전 12:50

맷돌

어디에 overflow: hidden 이라도 있는걸까용 흠

오전 12:50

뷰붕이

어느 이상한곳에서 지정한 값이 떠있더라구요

오전 12:50

먹보 네오

근데 그러기엔 코드도 동일하고 현재 개발자 도구를 보고있는데

오전 12:51

둘 다 height가 2px이 맞는거 같아요 ㅠㅠ

오전 12:51

혹시 codepen.io/pen 으로 재현해봐주실 수 있으실까요?

오전 12:51

아! 로그인이 필요합니다...

오전 12:51

랭귀지랑 프론트앤드를 비교 해 보시면

오전 12:53

먹보 네오

혹시 java랑 python 비교 해 주실 수 있으신가요?

오전 12:55

이번엔 java랑 python이 다르게 나오는데..

오전 12:55

컨트롤 0 눌러봐주실 수 있을까요?

오전 12:55

이케.. 확대된 상태가 아니었을까 싶어요

오전 12:56

브라우저 확대하니까 네오님 보여주신 것 처럼 다르게 나오기는 하는데

오전 12:57

치맥하는 제이지님이 들어왔습니다.

오전 12:58

먹보 네오

엇 전 125%까지 확대하니깐 잘 나와요.. 머지 ㅠ

오전 12:58

윈도우 화면 자체가 확대되어있는건가?? 테스트 해보고 올게요

오전 12:59

윈도우 배율이 다르면 이케 나오기도 하네요

오전 12:59

제가 권장 비율 125%를 쓰고있는데

오전 1:00

먹보 네오

100%로 맞추니깐 잘 보이네요....하하핳

오전 1:00

맷돌

결국 네오님은 잘못 없었따....

오전 1:00

음악듣는 어피치

어떤 발표 내용을 보는 중인데, 이러한 내용이 있어서.. DOM 트리가 수정된다는게 JS로 컨트롤한다는 의미가 아닌 다른 방법이 있는건가요? 아니면 발표 내용이 틀린걸까요.. 아니면 제가 답변을 잘못 이해한걸까요 ..ㅠㅠ

오전 1:00

자료로는 Render Tree부터 재생성 된다는데

오전 1:00

먹보 네오

감사합니다 킹돌님 복 마니 받으십쇼! :D 한 수 배워갑니다^^

오전 1:00

맷돌

킹아니에요.. 흑흑 맷이에요..

오전 1:01

음악듣는 어피치

reflow인가요 Render Tree부터 일까요..

오전 1:01

맷돌

Render Tree 부터 아닐까용?

오전 1:02

JS로 돔 노드가 생성되서 렌더트리에 붙으면

오전 1:02

그에 따라 repainting 이 일어난 다음에

오전 1:02

composit 할테니까........?

오전 1:02

음악듣는 어피치

Render Tree부터면 DOM Tree도 다시 생성된다 생각해도 될까요?

오전 1:02

맷돌

아예 처음부터 생성되진 않을거에요

오전 1:03

음악듣는 어피치

DOM Tree 변화없이 Render Tree만 수정될 수는 없을것 같은데

오전 1:03

먹보 네오

혹시 웹 기획할 때 body의 적당한 width값이 있을까요?

오전 1:03

음악듣는 어피치

DOM은 하나의 노드만 변경되도 전체를 리렌더링 한다고 알고있어서..

오전 1:03

어... 일단 100%...? 그다음에 들어가는 컨테이너 사이즈를 조절해서 가운데에 띄우거나 했었어요

오전 1:04

메인 컨텐츠가 그려지는 요소의 너비라면.. 디자인 따라 다르지 않을까 싶어요

오전 1:04

음악듣는 어피치

잘못된 지식일까요 .. 멧돌님이 놀라니 갑자기 아닌것같은 ㅋㅋ..

오전 1:04

바보fe

근데 스크립트태그나 스타일태그를 js로 삽입하는 경우를 생각해보년

오전 1:07

렌더트리부터 다시 만들어야하지않나요 최소한 영향을 받는 자식이나 부모부터는 만들어야할거같은데요

오전 1:08

아 dom tree에 해당 노드 추가후 다시 계산해야할거같은데

오전 1:08

음악듣는 어피치

저도 그럴것같은데 거기서 더 나아가서 DOM Tree부터 작업되는지가 궁금하네요.. 검색해도 잘 나오지 않아서

오전 1:08

바보fe

렌더트리 만드는던 맞는거 같은데요?

오전 1:09

음악듣는 어피치

DOM Tree부터 리렌더링되면 그냥 처음부터 리렌더링된다는건데..

오전 1:09

바보fe

돔트리는 처음부터 생성할 필요가 없지않나요?

오전 1:09

바보fe

스크립트태그나 그런 태그들을 다 읽어야하는데

오전 1:09

맷돌

추가되거나 삭제되는 노드에 대해서만 계산하면 될 것 같으니까..

오전 1:10

선택자에 따른 스타일이 추가될 뿐이니까

오전 1:10

이를 합성해서 나온 렌더트리도 마찬가지로 새로 그릴 필욘 없을 것 같은데

오전 1:10

음악듣는 어피치

가상돔은 바뀐 노드의 부분만 변경이 가능해서 성능면에서 좋고 일반 돔은 그게 안되서 하나의 노드만 변경되도 전체가 리렌더링되기 떄문에 성능이 안좋다.. 라고 배운 기억이 있어서요

오전 1:10

맷돌

바보fe님 말씀대루 트리 유지하는편이 효율적이니까

오전 1:10

바보fe

렌더랑 cssom은 추가하고 전체 렌더링은

오전 1:10

reflow나 repaint부터 하는게 맞을거같은데

오전 1:11

음악듣는 어피치

흠.. 이부분은 블로그에 일단 체크해놓고 작성해야겠네요

오전 1:11

맷돌

가상돔은 메모리로 관리되니까 페인팅이나 플로우에 신경쓸 필요가 없구 관리하는 각 노드에 대해서만 알면 되니까

오전 1:11

맷돌

직접 그리는 행위에 비해선 확실히 효율적이죵

오전 1:12

하나의 요소 추가마다 reflow repaint를 수행해야자하지만

오전 1:12

이러한 변경사항을 배칭해서 한번에 반영한다는 이야기가 아닐까요?

오전 1:13

바보fe

dom fragment라는 것도 있으니까..

오전 1:14

음악듣는 어피치

아.. 뭔가 제가 애매하게 알고있었나보네요..

오전 1:14

맷돌

노드 추가되면 전체 트리를 새로 그리는지는 저도 궁금하니까

오전 1:14

테스트 좀 해보고 오게씀니다..

오전 1:14

음악듣는 어피치

또 리프노드일때랑 중간 노드일때랑 다를것같긴한데 ㅋㅋ..

오전 1:14

자식요소를 추가하고 삭제할 때 아래를 버리겠다는거 아닌가요?

오전 1:16

무지무지

필터버튼 만들어보려는데 생각보다 어려워요..

오전 1:24

하나하나씩은 보여주는데 여러개가 선택되는 경우가 헷갈리네요

오전 1:25

치맥하는 제이지님이 나갔습니다.

오전 1:26

초롱초롱 어피치님이 들어왔습니다.

오전 1:27

한성식

dom tree부터 리렌더링 된다는 말이 잘 안와닿네요. 브라우저 렌더링 과정을 살펴보시면 dom, cssom을 조합해서 render tree를 만들어내는 단계가 있어요. 렌더 트리가 수정되면 다시 렌더링되는게 맞는데 dom tree부터 리렌더링 된다는 말은 브라우저에서 dom tree를 처음부터 다시 다 생성한다는 말씀이신가요?

오전 1:28

이렇게 말씀하신거면 그건 아니구 화면에 레이아웃잡고 그려지는걸 말씀하신거면 그건 맞아요

오전 1:29

음악듣는 어피치

계속 답변해주셔서 감사합니다. DOM Tree를 처음부터 다시 생성하는 것은 아니고 부분적 업데이트를 진행한다고 이해해도 될까요?

오전 1:35

내일 공문을 좀 찾아서 블로그에 적어야겠네요..

오전 1:35

초롱초롱 어피치

안녕하세요. 구인 공고를 올려도 괜찮을까요? ㅎㅎ

오전 1:39

맷돌

한성식님 말씀대로 처음부터 만들지는 않구 만들어진 노드로 DOM을 만들고, 만들어진 CSSOM과 합성해 렌더트리..에 붙일 노드를 만들어서 렌더트리에 붙이는 것 같아요 (이게 Recalculate style 인 것 같아요)

오전 1:41

..그리고 모든 노드를 돌면서 Layout 을 계산하는 것 같아요

오전 1:42

그렇게 영향받을 노드를 구하고 그 칭구들 대상으로 리페인팅을 진행하는 것 같은데

오전 1:42

맷돌

Performance로 찍어봤어용

오전 1:43

맷돌

div 에 텍스트 넣은 요소 10만개 넣어보고

오전 1:43

absolute 로 띄워서 하나 넣어봤어용

오전 1:43

맷돌

개발자 도구 돌리니 나오더라구요..

오전 1:43

2시까지 하는게 쉽지 않네요 스프린트 할때 잠은 없는거로..

오전 1:49

잠은 주무시며.............

오전 1:52

아 이거 말고 어디 정리 잘 된게 있었는데 못찾겠어요 기억이 안나요 ㅠㅠ

오전 1:53

맷돌

오옹 이것두 잼난 글이네요 감사합니닷

오전 1:53

막 7년 전 글 그런데에선 Chrome DevTools Timeline 을 쓰던데

오전 1:53

Hardy

web.dev 잘 돌아다니시면 정리된거 있을거에요

오전 1:53

맷돌

지금은 Performance 에 흡수된건지.. 안보이더라구여

오전 1:53

되다 말고 그러더라구욬ㅋㅋㅋ큐ㅠㅠㅠ

오전 1:54

보기좋게 정리해주니까 좋긴 하네요

오전 1:55

피스메이커 프로도

저 혹시 스프린트 신청서에 대기자명단이 어디있나요? 못찾겠습니다..

오전 2:37

맷돌

앗 지금 막 확인해보니까 마감된 것 같아요

오전 2:38

피스메이커 프로도

"--- 스프린트 12기는 마감되었습니다. (개발자가 아닌 디자이너분 자리는 남아 있습니다. ) 아쉬우신 분들은 시트 하단에 대기자 명단에 적어주시면 먼저 지원하신 분들의 참석여부를 확인하고 부득이하게 참가하지 못하는 사람이 생길 경우 연락을 드리도록 하겠습니다." 이렇게 적혀있는데 마감 된후 신청한 사람들 대기자로 명단 올리신다는 말 ... 맞죠?

오전 2:46

맷돌

그..... 그런 것 같죠.....?

오전 2:47

늦은 시간에 죄송합니다 혹시 저 화살표를 누르면 옆에 사이드바를 숨기려고 하는데

오전 3:06

이렇게 구현을 했습니다 화살표 클릭 시 aside의 width를 0으로 하고 overflow: hidden 하려고 했는데 화살표까지 hidden처리가 돼서

오전 3:08

모두모두 오늘도 화이팅 하세요!! 즐거운 하루 되시길 바랍니다 :)

오전 7:42

Neo

이모티콘 화이팅입다!! 재연님도!

오전 7:45

혹시 이 에러의 이유를 아시는분 ~ 구글링을 해도 명확한 답이 없어서 여쭤봅니다. 돌아가는데에는 문제가 없는데 콘솔에 빨간색이 떠있는게 너무 보기싫은...ㅠㅠ

오전 8:17

유용태 (teo.yu)

네~ 온라인으로 진행되는 방식이라 사실 참여 인원에 제한이 있는 것은 아니지만 제가 아직 대규모로 진행을 해본 경험이 없다보니 몇명까지 동시에 케어가 가능한지 아직 감이 없어서 실패를 하고 싶지 않아서 부득이하게 이번에는 제한을 걸었습니다. 보통 신청한 모든 사람들이 다 오는 것은 아니다보니 연락처 남겨드리면 또 빈자리가 생길경우 전달 드리도록 하겠습니다

오전 8:18

채팅방 관리자가 메시지를 가렸습니다.

오전 8:18

Neo

헉 아직 비어있나요? 다 찬거같은디🥹

오전 8:27

초롱초롱 어피치

혹시 프론트엔드 채용 공고를 올려도 괜찮을까요?

오전 8:27

슈슈슉슈슈슉

어떻게 구현하셧는지 정확한건 로직봐야할거 가타여

오전 8:27

채팅방 관리자가 메시지를 가렸습니다.

오전 8:28

유용태 (teo.yu)

그러네요 이미 채워졌네요.;;;

오전 8:28

초롱초롱 어피치

안녕하세요. 신생 웹 에이전시에서 채용을 하고 있습니다. 업무 개요 : 커머스 프론트엔드 및 퍼블리싱. 조건 : 주 5일 9시-18시 재택근무. (인하우스 미팅 간간히 있음) 연봉 : 1억 (3개월 수습 90프로) 언어 : 리액트 nextjs mui 기반의 커머스 웹사이트 운영특이사항 : 기본 개발은 되어있으나 클라이언트사의 디자인 개선건을 최대한 웹에서 맞춰줄 수 있어야 합니다. 프론트 역량도 있으면서 자질구레한 퍼블(중요!)을 다 처리할 수 있어야 합니다. 리모트지만 인하우스처럼 일할 수 있으셔야 하구요!

오전 8:28

초롱초롱 어피치

최대한 빠르면 빠를수록 좋고 서울이시면 바로 대면 미팅 후 빠른 입사 가능합니다. 1명 채용 중이에요.

오전 8:29

유용태 (teo.yu)

대기자명단에 올려주시면 제가 따로 연락드리겠습니다.

오전 8:29

초롱초롱 어피치

5년 이상을 선호하는데 서류상 경력은 중요치 않고, 태도/능력을 봅니다. 클라이언트사에서 원하는 요구사항을 잘 맞춰줄 수 있을지요. 9to6안에선 업무량은 조금 빡센 편입니다.

오전 8:31

유용태 (teo.yu)

혹시 상호명을 공개해주실수 있나요?

오전 8:32

연봉 1억이 눈길이 가긴하지만 그래서 조금더 정보가 공개가 되면 선택하는데 도움이 되지 않을까 싶네요.

오전 8:33

초롱초롱 어피치

신생이고 아직 업력은 없습니다. 클라이언트사가 제가 개발팀장으로 있었던 회사고, 제가 나가면서 프론트단을 전부 위임한 상황이에요. 실제로 프론트 코드도 제가 70% 이상 작업했구요.

오전 8:33

다만 저는 이미 다른 업무를 프리로 맡아서 하고 있는 것들이 있어서 이를 나눠 할 분이 필요한 상황이라 보시면 됩니다.

오전 8:33

2년 재직하고 나온 곳이고 제가 거의 다 짠 코드라 소스도 다 설명가능하고 업무 형태가 어떨지도 미팅할 때 미리 다 말씀드릴 수 있다고 보심 될 듯 하네요.

오전 8:34

유용태 (teo.yu)

그렇군요~ 그러면 일단 혼자서 처리가 가능한 사람이어야 하겠네요. 일은 혼자서 해내야 하는 상황인거죠? 함께 하는 분이나 팀 구성은 어떻게 되나요?

오전 8:34

초롱초롱 어피치

3명까지 채용 예정인데, 시니어 2분 주니어 1분 PM1분(저) 이런 식으로 구조를 잡아갈까 하고 있어요. 지금 1억 조건으로 거는 것은 제가 했던 역할을 그대로 넘겨드릴 수 있는 분을 찾고 있는 것이구요. (제가 이 금액 받고 일했고)

오전 8:35

아직 팀은 구성 중입니다. 주니어는 6~7천으로 능력과 열정있는 분을 찾으려고 하고 있어요.

오전 8:36

유용태 (teo.yu)

감사합니다. 우대사항으로 생각하시는 조건 같은게 있으실까요?

오전 8:36

초롱초롱 어피치

1. 재택이지만 9to6 업무 자체에선 몰입도가 있어야 함 2. 커뮤니케이션 능력(고객사 대표, 스타트업 스타일 회사(정리되지 않은)와 원활한 소통이 가능해야 함) 3. "디자인/기획에 최대한 맞추어 구현하는 것"이 최우선인 사항이라 디자인에 최대한 가깝게 프론트를 구현할 수 있는 각오(컴포넌트 재사용성보단 디자인에 가깝게 최대한 구현) 4. 리더급 역량 5. 종종 인하우스 미팅 가능

오전 8:41

특별한 우대사항은 아니나 좀더 설명드리면 이정도가 있을 듯 하네요.

오전 8:42

서류상 경력은 중요치 않아요. 너무 연차 낮고 이해도가 낮지 않으면.

오전 8:42

열심히청소

여기에 올리는 공고 말고 사람인 같은 플랫폼에서 좀 더 자세히 볼 수 있는 공고가 있을까요?

오전 8:43

초롱초롱 어피치

제가 디테일하게 css 작업을 하는 것을 잘못했어가지구요ㅎㅎ. 퍼블이 따로 없는 상황에선 리액트 개발자들이 CSS를 퍼블처럼 잘 다루고 스타일을 맞춰야하는데, 이게 말처럼 쉽진 않은 것 같습니다.

오전 8:46

유용태 (teo.yu)

그쵸~ 개발을 잘하는 분이랑 CSS를 잘하는 분하고도 많이 나뉘더라구요 ㅎ

오전 8:47

타이거꽃게

저도 제가 css만지면서 이게맞는건가?? 이러고잇습니다..

오전 8:48

이지

저정도 연봉이면..진짜 각오를 하고 가야겠는걸요

오전 8:49

초롱초롱 어피치

네 ㅎㅎ 그리고 구조가 특이하게 기획/디자이너가 많은 회사라 그쪽의 파워가 쎕니다.(대표가 기획자 출신) 그러다보니 결과물도 그렇지만 능숙한 소통 능력이 필요해요.

오전 8:49

유용태 (teo.yu)

감사합니다. 언제든 홍보가 필요하시면 얘기해주시며 링크도 공유해주세요. 다른분들도 궁금한게 있다면 많이 물어보셔서 누군가는 선택을 할때 도움이 될 수 있기를 바래봅니다.

오전 8:49

이지

아하.. 혹시 공고 올라오면 말씀해주실 수 있나요?

오전 8:51

초롱초롱 어피치

맞습니다. 근데 진심으로 업무량 대비 좋은 조건이라 생각합니다. (편하다는 얘긴 아닙니다)

오전 8:51

이지

받는만큼 책임이 따르는건 당연한거지요..

오전 8:52

허브를 존경하는 프엔 공부중

맞습니다.. 시니어 기준 1억이니까 ..

오전 9:00

Vintz

혹시 연락 가능하신 이메일이나 연락처를 받을 수 있을까요? CSS 도구 사용의 제약이나 프로젝트 등에 궁금한 사항이 있습니다!

오전 9:07

저 앞에 w.fn.init 뭘 의미하는건가요…?

오전 9:08

유용태 (teo.yu)

jQuery로 보이네요. w는 minify 처리되어 w로 치환되것 같습니다.

오전 9:08

초롱초롱 어피치

어이쿠 연락처를 못남겼네요 ㅋㅋ 01074947084 입니다.

오전 9:10

이지

문의사항 이쪽으로 연락드려도 될까요?

오전 9:24

허브님을 존경하는 어피치

@유용태 (teo.yu) 스프린트12기 지금 마감인가요??

오전 9:30

유용태 (teo.yu)

일단 그렇습니다만 대기자 참가자 신청서에 작성해주시면 불참하는 참가자들이 있을때 연락을 드릴수는 있습니다.

오전 9:32

유용태 (teo.yu)

안녕하세요 카시드님 반갑습니다 어서오세요 :)

오전 9:36

유용태 (teo.yu)

어서오세요~ 여기는 프론트엔드에 대해 궁금한 것들을 물어보고 아는 것은 공유하고 알려주면서 함꼐 성장하고자 하는 곳입니다. 궁금한 이야기 관심있는 이야기 무엇이든 편하게 글 남겨주세요 :)

오전 9:46

FE💪🏻

나는 바보고 vsc는 .... vsc는....

오전 10:04

겸손이 아니라 솔직하게 바보다

오전 11:01

이후

저도 바보행렬에 동참하겠습니다

오전 11:02

멍청이 하얀

유저의 팔로잉 팔로우를 mysql에 저장하는 중인데 팔로우 취소할 때 deletedAt을 채웠다가 다시 팔로우하는 경우 수정하는 것과 아예 테이블 row를 삭제했다가 재생성하는 방법 중 어느게 더 나으려나요?

오전 11:05

무지성 개발자

팔로우 기록까지도 재사용이 되어야한다면 소프트딜리트 혹은 지금까지의 삭제정책이 소프트딜리트였다면 소프트딜리트처리할거같아요

오전 11:06

밀림

혹시 useEffect를 쓸때 eslint-disable-next-line react-hooks/exhaustive-deps 이걸 넣어줘서 warning을 없앴는데 이렇게 warning이 뜨더라도 사용해야하는 상황이 많이 있나요?

오전 11:09

밀림

지금 하나의 컴포넌트에 useEffect를 4개 연속으로 쓰는데 그 중 3개에 eslint-disable-next-line react-hooks/exhaustive-deps 이걸 걸어줘서 이게 맞나 싶어서요 ㅋㅋ

오전 11:12

바보fe

나는 바보고 바보가 쓰는 vscode도 바보다..

오전 11:13

김동현

useEffect를 일종의 완벽한 순수함수로서 동작하기를 원한다면, (그렇게 함으로서 예상하지 못한 동작을 하지 않기를 원한다면) 해당 eslint 를 충실히 지키는게 좋습니다

오전 11:16

그렇게 프로그래밍하기 너무 어려워요

오전 11:16

그게 효율성이 있는가에 대한 레딧이랑 깃헙 토론글도 봤고요

오전 11:16

그래서 저는 끄고 씁니다 ^^

오전 11:16

그레이

저는 경고 안 뜨게 쓰는데, useEffect를 subscribe 하는 형식으로 사용하면 그 경고를 자주보게 되는 것 같습니다

오전 11:17

김동현

예를 들어서 useEffect(()=>{ const d = a(b) + c; },[a,b]) 이럴때 c가 없다고 말하는거죠?

오전 11:17

c가 만약에 상수값이라면 굳이 넣어야할까요? ㅋㅋㅋ

오전 11:18

그리고 정말 가끔 저는 이 트릭을 역이용해서 일부러 업데이트 되지 않은 함수를 사용한적도 있습니다. (리엑트의 방법론적으로는 매우 역행하는 것이긴 하지만요)

오전 11:18

울고있는 어피치

스타텁인데 대표가 자기맘에 안드는(의견에 반기드는사람)을 주기적으로 권고사직 시키고있습니다.. 슬랙 dm도 감시하고..

오전 11:23

DM 을 볼 수 있는 방법이 있나요?

오전 11:24

DM 을 주고받은 횟수는 아는데

오전 11:24

울고있는 어피치

dm 볼수있습니다 여러분 조심하세요..

오전 11:24

특정 요금제 사용하면 dm 다 까볼수있어요

오전 11:24

김동현

엔터프라이즈급 요금제를 해야하는데

오전 11:26

1인당 3~4만원이 넘을텐데 ㅋㅋㅋㅋㅋㅋㅋ

오전 11:26

울고있는 어피치

맞아요 엔터프라이즈급 요금제에요

오전 11:26

김동현

스타트업이 엔터프라이즈급 요금제를 쓸 이유가 없는데

오전 11:27

울고있는 어피치

어떤 다른분께 얘기했더니 사내 메신저에서 나오는 대화내용도 다 회사의 자산이라고 그러려니 하라고.. 하는분도 계시더라구요

오전 11:27

김동현

조직이 개인의 자율성을 상당히 침해하는군요

오전 11:27

울고있는 어피치

저도 그렇게 생각합니다만 왜 그 요금제를 사용하는지 모르겠네요

오전 11:27

북한에살면 이런 기분일까 싶습니다

오전 11:28

김동현

그래야만 하는 상품을 팔고있나요?

오전 11:28

보안이 엄청나게 강조되는 상품이라던지

오전 11:28

김동현

헬스케어인데 보안이 생명인가요?

오전 11:29

김동현

이거는 슬랙 요금제랑 그러면 상관이 없어보이는데.. ㅋㅋㅋㅋㅋㅋㅋㅋ

오전 11:29

아마 그럼 2가지중 하나일거에요

오전 11:29

울고있는 어피치

감시목적인 것 같아요. 본인의 마음에 안들면 숙청하려는..? 그렇게밖에 생각이 안들어요

오전 11:30

김동현

1) 투자/지원 받은 돈이 너무 남았고 쓰긴 해야하는데 임금으로 못 나가서 요금제 업그레이드 => 이 경우 사내에서 쓰는 다른 툴들도 가장 높은 요금제인지를 봐보세요 2) 개인의 자율성을 용납하지 않는 조직문화 형성

오전 11:30

전재연(JAENY)

오.. 저도 헬스케어 쪽에서 권고사직 당했었는데 ㅠ

오전 11:31

하지만 반기를 든적은 없쥬..

오전 11:32

타로

혹시 넥토리얼 엔지니어 직군 코테 보시는분 계신가요?

오전 11:34

JS잘하고싶다

거기 대표님 꿈이 김정은이였나봐요

오전 11:51

대체 직원들 디엠 감시해서 뭐하게ㅠㅠ

오전 11:55

점심 맛집좀 알아내시려그런가..?

오전 11:55

ME

서류통과되고 1주일동안 연락이 없는건 불합격이란 의미일까요?...

오전 11:57

아얀

전 2주뒤에 연락온곳도 있어요! 아니면 리마인드를 보내보는것도 방법입니다ㅎㅎ

오전 11:58

ME

저도 일단 좀 더 기다려보고 리마인드 보내봐야겠네요 ㅠㅠ 답변 감사드립니다!

오전 11:59

아롱

"SSG에서는 빌드 타임에 생성된 pre-rendered HTML을 내려주기 때문에 Client Side Rendering에 비해 레이아웃이 shift될 일이 적다" -> 이 말이 맞는 말일까요?

오후 12:00

CLS 관련해서 제 생각을 적고있었는데 긴가민가하네요..

오후 12:00

여전히 SSG라고 해도 리소스(이미지 파일) 등을 로드하는데 딜레이가 있을 수 있어 layout shift가 생길 수 있나요?

오후 12:01

시바 이누

슬랙 DM 열람 되는군요...

오후 12:30

1대1로 나눈 대화가 관리자에게 오픈된다는 말씀이신가요?!

오후 12:32

그 안에서 대화나누는거니...

오후 12:35

뷰붕이

슬랙 쓰는건 아니지만 회사에 보여주고싶지 않은 말은

오후 12:36

사적 메신저 쓰는게 보통이더라구요

오후 12:36

ColorFilter

웹스톰 쓰시는 분들 부가기능 어떤거 가장 유용하다고 생각하시나요?

오후 12:42

웹스톰에 웬만한건 다 내장돼 있긴한데 그래도 유용한게 있다면 또 깔아서 써보고 싶네요 ㅎㅎ

오후 12:43

nextjs레블

그럼 프라이빗 채널내에서 나눈 대화도 공개되려나...

오후 12:47

시무룩한 튜브

찾아보니까 Enterprise 플랜 이상이고, 관리자 권한을 가진 사람이면 특정한 방법으로 볼 수 있네요, 실시간으로 DM을 보는 건 아니고.

오후 12:51

저희 회사는 규모가 작아 Pro 플랜이라 다행..

오후 12:51

그래도 조심해야겠네요 어떻게든 볼 수있다는건 볼 수 있는거니..

오후 12:51

Enterprise 이상 X -> Business+ 플랜 이상

오후 12:51

달려라급식차

엥.. 저 Enterprise에서 못봤는뎅

오후 12:52

시무룩한 튜브

메세지 내보내기 기능을해서 그 파일에서 찾아봐야 한다고 돼있네요

오후 12:53

달려라급식차

아, 그렇궁요 공유감사합니다.

오후 12:54

nextjs레블

제아이디가 nextjs레블이지만 잘 몰라 질문 드립니다...

오후 1:01

nextjs 같은 서버사이드 렌더링에서의 "서버"와 정통 Backend에서의 "서버" 는 그 주체가 다른것인가요?!

오후 1:02

무지성 개발자

에를들어 naver.com/login 에 접속하게되면 naver 서버에 login 페이지 접속 get 요청을 보낸거라고 생각하면되요!

오후 1:03

그걸 라우트 처리해주는 nextJS의 프론트서버구용

오후 1:03

달려라급식차

정통이 뭘 의미하는지는 잘 모르겠지만 ㅎㅎ 같다고 봐야하지 않을까요?

오후 1:03

express문서인데 서버가 /login get요청을 받으면 필요한 파일을 보내주잖아여? (login 페이지) nextJS서버도 마찬가지로 src/pages밑에있는 파일들을 브라우저에게 전송해줍니다

오후 1:05

Murf

혹시 typescript에서 enum사용시 번들사이즈가 커지는 문제 아직 있는걸까요?

오후 1:08

튜브낀 튜브

제가 해봤을떈 커지더라구요, 딱히 수정했다는 얘기는 못본것 같은데..

오후 1:10

nextjs레블

그 브라우저에게 전송해주는 주체가 무엇인가요?!

오후 1:12

음 예를들어 보통 BE를 ec2에서 사용한다고 하면 서버주체는 ec2에 있는것인데 로컬에서 개발했을때는 예를들어 next빌드를 localhost:3000에 했으면 localhost:3000이 파일을 보내줄텐데 배포환경에서는 프론트 배포를 보통 s3에 했다고한다면 s3가 보내주는것일까요?

오후 1:12

다몬

저흰 예전 회사에서 개발 팀원끼리 우연히 그 사실을 알아서 대표가 직원들 욕한거 전부 알게 되었어요 ㅋㅋㅋㅋ

오후 1:12

물론 그걸 밖으로 꺼내진 않고 저희끼리 알고있긴 했지만..

오후 1:12

무지성 개발자

아니져 s3에있는 빌드타임에 생성된 파일들뿐입니다 그건 서버가아니에요

오후 1:15

무지성 개발자

ec2에서 start시 s3에 미리 빌드되어있는 파일들을 먼저 ssg로 보내주게 되는데 next start시 서버인스턴스가 구동되어서 필요한 서버(라우터요청)시에 미리 필요한 파일들을 s3에서 불러오는 구조가 되겠지요?

오후 1:16

nextjs레블

s3는 그냥 저장소..? 이지요?

오후 1:16

무지성 개발자

s3에있는건 그냥 정적파일 저장소에요

오후 1:16

nextJS를 사용하게되면 아마 이런 형태가되게 될거에요

오후 1:18

클라이언트(브라우저) <-> 프론트서버(nextJS) <-> 백엔드서버

오후 1:19

전지훈 (Dante)

혹시 vercel 프로젝트 만드실 때 레포 선택하는 과정에서 무한 스켈레톤 로딩 현상 겪어서 해결해 보신 분 계실까요? 최근에는 잘 되고 있었는데 신규 프로젝트를 등록하려는 시기부터 갑자기 그러네요. Response 메시지에는 "Vercel App is not installed"라고 뜹니다. 문의도 넣어둔 상태긴 해요ㅠ

오후 1:20

달려라급식차

S3에서 서빙하면 주체는 S3가 되는거고요 EC2에서 띄우시면 EC2가 되는거겠죠?!

오후 1:29

Uncaught SyntaxError: Unexpected token '<' (at app.c06e0c41.js:1:1)

오후 1:44

head 안에 title 이름만 바꿧는데 ㅠㅠㅠ

오후 1:44

좋니

그냥 head 안에 title만 바꿧습니다 vue2 환경이구요..!

오후 1:46

vue를 알아야 도움을 줄 수 있을거같은데 그렇지 못해 너무죄송하군요 ㅠㅠㅠ

오후 1:47

리코일에.. 이미지 저장해보신분..?

오후 1:48

찍찍

string 이나 number 만 저장될리가 없는디

오후 1:48

개발러

s3 링크로 받지않나요 보통? string 저장해도 좋을듯합니다

오후 1:50

니소

enum 써서 번들사이즈 커지는게 유의미하게 커지는건가요?? 궁금해서 여쭤봅니다

오후 1:59

Murf

enum의 경우 어떤 번들러를 사용하느냐에 따라서 사이즈가 달라질 수도 있나요?

오후 2:16

달려라급식차

이거는 좀 생각해볼만한 글 인것 같아요>

오후 2:27

실제 enum을 사용하는 방식이 어떻게 될까요? const ios = MOBILE_OS.IOS 이렇게 직접 참조하는 방식으로만 사용하나요?

오후 2:28

MOBILE_OS[serverResponse.osName] 으로 하면 저것도 쉐이킹처리가 되나요?

오후 2:30

롤

그래서 CRA는 ec2에 배포하려고 할때 웹서버가 필요합니다. 아파치나 엔진엑스요. 얘네들이 리액트 빌드파일 (html)을 브라우저에 건네줍니다. 근데 next는 그 자체에 서버가 있습니다. 그래서 ec2에 배포해도 웹서버가 필요 없습니다.

오후 2:31

멍청이 하얀

패키지 제이슨에서 파일 경로 `@/moduleA` 이런식으로 커스텀 하는걸 뭐라고하나요?

오후 2:31

cadenzah

module alias...일까요?

오후 2:31

nextjs레블

next서버는 어떤걸로 만들어져 있나요?!

오후 2:32

관련해서 문서를 찾아봐도 찾기가 힘들군요...ㅠㅠ

오후 2:32

롤

express인지 알았는데 그냥 노드로 만든 것 같습니다.

오후 2:32

소심한 네오

패키지 파일 뒤집어보시면 나와용

오후 2:33

롤

그래서 리버스 프록시 서버를 사용했을때 CRa는 그것을 감싸고 있는 엔진엑스 포트로 연결을 해주고요. next는 next 포트 물려주면 됩니다. 디폴트가 3000이죠

오후 2:34

롤

그래서 말씀하신 렌더링에서의 서버는 웹서버, “정통” 백엔드 서버는 WAS라고 저는 생각하고 있습니다.

오후 2:41

제이든

MVC패턴을 통해 5개의 페이지를 갖는 웹앱을 만든다고 할때, 이 때 View에 해당하는 모듈은 보통 5개인가요? UI를 기준으로 나누는 컴포넌트 방식과 헷갈려서 질문드립니다..! 질문이 다소 모호한 점 죄송합니다 ㅠ

오후 3:05

엄지척 제이지

component는 다 view로 보는게 맞지않을까요

오후 3:09

FE💪🏻

MVCㅊㅊㅊㅊㅊㅊㅊㅊㅊㅊㅊㅊㅈㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁ

오후 3:14

울고있는 어피치

search에 있는 relative땜에 그런건지...ㅠㅠ

오후 3:26

안졸리나졸린

flex로 하구, input width 100퍼 없애구 갯수입력이랑 버튼 width 지정해주면 될거같아여

오후 3:28

타이거꽃게

왜냐면 flex를 안에주셨기때문이에요

오후 3:28

울고있는 어피치

전체 div라면 두번으로 나누지 말고 한번으로 합치라는거죠?

오후 3:28

안졸리나졸린

search form 에다가 flex 주시면 될거같은데

오후 3:28

튜브낀 튜브

enum의 번들사이즈가 걱정되시면 그냥 맘 편하게 object에 as const 붙여서 사용하세요. 파라미터로 넘길때 뺴고는 다 편합니다

오후 3:43

햄햄

프론트엔드 개발자가 신입 한명밖에 없는 프로젝트에서 pnpm이나 yarn berry를 써도 괜찮을까요? 제가 그 신입인데 기술 스택을 고르는 중이라 고민이 됩니다..

오후 3:55

바보인 내가 만드는 코드도 바보다

오후 3:56

햄햄

뭐든 잘한다면야 문제가 될게 없겠지만.. 사실 FE가 중요한 프로젝트가 아니라 도전적인거 했다가 괜히 프로젝트 딜레이 걸리게 만들까봐 약간 걱정이 되네요 ^^;

오후 3:56

뉴피프론트

안녕하세요 만약 프론트1 백1으로 jsp servelt을 사용해서 web페이지를 만들 때 프론트엔드 개발자가 만들어야 하는 부분은 어디까지인가요? 아직 프로젝트를 경험해보지 못해 궁금해서 질문드립니다

오후 3:58

lucky.jun

yarn berry의 pnp mode의 경우엔 dependency를 node_modules에서 관리하지 않기 때문에 경로에 의한 엄청난 에러가 터지게 됩니다. (설정을 맞춰줘야해요)

오후 3:58

울고있는 제이지

개발자 개인의 입장에서는 신입이고 혼자일때는 하고 싶은 스택 다 써보는걸 추천하지만... 나중에 내가 회사를 나가고 유지보수하는 다음 사람 입장에서는 원래 해당 스택 안썼다면..... 사실 제가 전자라....

오후 3:58

lucky.jun

따라서 급한거 아니면 그냥 yarn을 사용하라고 말씀드리고 싶네요

오후 3:58

거지개발자

저도 1인 개발자라 혼자서 기술스택을 다정했었는데요 뒷사람 생각해서 가장 보편적인 스택으로 했어요!

오후 3:59

햄햄

소중한 조언들 감사합니다! 무난한걸로 골라야겠네요🙇‍♀️

오후 3:59

뉴비

많지는 않겠지만 에러가 발생했을때 정보가 적거나 스택 자체 문제로 해결이 불가능한 케이스를 피하고자 보편적인 스택을 해야한다는걸 알면서도 마음은 신기술을 쓰고싶..읍읍

오후 4:00

햄햄

ㅋㅋㅋ뒷일 생각 안하면 신기술 쓰는게 재미있죠

오후 4:00

화난 라이언

<프론트엔드> 커리큘럼 html css js ts react jQuery canvas SVG SketchUp

오후 4:06

무한공부중

진짜 여쭤보기도 죄송한데... 리액트에서 backgroundimg를 주려는데 스타일링을 안먹어서 혹시 리액트에서 css import하면 다르게 해야하나요?ㅠㅠ 다른 건 다먹는데 backgroundimg만 안먹어서 여쭤봅니다 ㅠ

오후 4:09

여의도개발

제이쿼리 쓸 필요가 없어용 돔접근할 일이 거의 없어서

오후 4:10

제이쿼리쓰면어쩌지? 이생각했는데

오후 4:11

무한공부중

...맞네요.. 경로가 root에서 시작하는게 아니군요.. 아 img는 리액트에서 public 시작이라는걸 깜빡했습니다ㅠㅠ 감사합니다.

오후 4:12

엄지척 제이지

신입 때 썼다가 에러로 한동안 고생 했네요.. 근데 zero install 한 번 맛 들리니까 너무 좋아요

오후 4:15

베개를 부비적대는 라이언

이번에 중소기업에 프론트엔드 개발자로 면접을 보게 되었는데 혹시 면접에서 기술에 관련해 어떤질문이 자주 나오는지 도움을 받을수 있을까요?? 무엇을 공부해야 하는지 막막하네요 ㅜㅜ

오후 4:15

소심한 네오

구글링 해보시면 정리돼있는거 있어용

오후 4:16

근데 저런 블로그는 정확한게 아니기때문에 참고만 하셔야 될것같아요

오후 4:16

앞단쳐내기

브라우저 렌더링이랑 최적화 경험은 꼭 물어보는 것 같아요!

오후 4:17

바보fe

requestAnimationFrame 사용해봤는지 동작원리 setInterval이랑 차이점 정도였어요

오후 4:17

렌더링이랑 최적화 등등 모두 깊게 공부하는게 좋겠죠?

오후 4:18

앞단쳐내기

공부하시되 본인 경험을 중심으로 이야기할 수 있게 준비하시면 좋을 것 같습니다!

오후 4:19

베개를 부비적대는 라이언

최적화의 경우 해본 경험이 없는데... 홈페이지 만들다가 템플릿 상속으로 중복코드를 줄였다는 것도 최적화에 포함이 되나요?

오후 4:19

앞단쳐내기

최적화 같은 경우는 특히 경험이랑 연결해서 많이 물어보시더라구요

오후 4:19

바보fe

이렇게 답변하면 이런 꼬리물기 질문이 나오겠다를

오후 4:19

염두하고 대답하면 좋을거같아요!

오후 4:19

베개를 부비적대는 라이언

오오... 그렇군요 감사합니다!

오후 4:20

혹시 이런건 css로 처리할 수 있나요..?

오후 4:24

모달인데 이게 코드로 구현이 가능한건지가 잘 모르겠네요

오후 4:24

화난 라이언

비전공자 기준 공부 순서 1. 코딩 공부(html, css, js, react, ts) -> 코딩테스트 기출문제(백준, 프로그래머스)-> cs 2. cs -> 코딩공부 -> 코딩테스트 기출문제 3. 코딩공부, 코딩테스트 기출문제, cs 동시 병행 4. 코딩테스트 기출문제 올인

오후 4:25

rotate로 45도 돌리기만 하면 되겠네요

오후 4:25

초롱초롱 네오

아.. ㅋㅋㅋㅋ 맨 하단에 고정폭 정사각형을 만들고

오후 4:26

박용준

clip-path로도 처리 가능할 거 같네요

오후 4:26

무한공부중

내일 feconf 가시는분 있나요? 기대되네요.

오후 4:28

울고있는 어피치

돋보기 아이콘을 저 input창에 넣을려면

오후 4:29

부모태그가 relative인건 알고잇는데

오후 4:29

베개를 부비적대는 라이언

저라면 1.번 으로 할것 같아요 기존 코딩을 모르면 면접 질문에 대답을 못할거라 생각들어서

오후 4:29

근데 왜 여전히 width값은 브라우저에서는 다르게 보이는건지..

오후 4:30

김찡찡

어차피 다 모르면 취직이 되나용 서류 붙어도 코테 뚫어야되고 기술면접 봐야하고 임원면접 봐야되고…

오후 4:31

무지성 개발자

그냥~ 다 공부하셔야해여~ 어차피

오후 4:32

가주

여러분들 넥토리얼 프론트 직무랑 웹 애플리케이션 직무 비슷할까요?

오후 4:32

베개를 부비적대는 라이언

웹 애플리케이션이면 반응형 웹을 애플리케이션 껍데기에 넣는거 아닌가요??

오후 4:34

김찡찡