소개
안녕하세요, 시니어 프론트엔드 개발자 정재남 입니다.
서로 돕고 함께 발전하는 건전한 공유문화를 지향하여 다양한 활동을 하고 있습니다.
저서: 코어 자바스크립트
유튜브 채널: FE재남
아티클 및 인터뷰 영상:
원티드) 신입 개발자, 뭘 공부해야 하죠? https://www.wanted.co.kr/events/22_02_s01_b01
인프런) To. 주니어 개발자 https://www.inflearn.com/pages/for-junior-developers-20211207
벤처이몽) 벤처/스타트업 시니어 개발자와 주니어 개발자의 솔직담백 토크쇼 https://youtu.be/6D7I4NNFHsU?si=nD6-F7EU_ZtYqDLI
바닐라코딩) 프론트엔드 개발자 취업 마인드셋 https://youtu.be/zX68pyoLctI
강의
전체11수강평
- 다소 지엽적인 내용도 꽤 많은데 중요한 부분만 딱딱 찝어주시니 편하게 완독했습니다 감사합니다.
매일매일꾸준히
2024.07.25
1
- 잘듣겠습니다.
p.cdoomco
2024.07.08
1
게시글
질문&답변
2024.07.12
아코디언 (3/6) css transition 추가 부분 max-height 질문
보다 정확한 설명이 필요한 것 같군요! height: auto에서는 애니메이션이 발생하지 않습니다. 보나님께서 애니메이션이 작동한다고 느낀 부분은 사실 height와 무관합니다. padding-top 및 padding-bottom이 0px이었다가 15px로 변하면서, 이 부분이 늘거나 줄어들 뿐입니다. height는 transition에 따라 값이 늘어나거나 줄어들지 않고, 즉각적으로 최대높이가 되거나 0으로 변경됩니다. height: auto에 의해서는 정확한 높이값을 인지하지 못하기 때문입니다. padding을 0으로 고정시키거나, transition을 height에 대해서만 적용해 보세요.
- 0
- 2
- 106
질문&답변
2024.07.08
아코디언 (3/6) css transition 추가 부분 max-height 질문
height: auto로 했을 때 애니메이션이 잘 되나요? 문제 없이 된다면 okay인데, 안된다면 왜 안될까요?
- 0
- 2
- 106
질문&답변
2024.07.08
강의 정리에 대한 블로그 정리 글 게시 문의
화면을 전부 캡쳐하거나, 코드를 그대로 공유하시는게 아니라면 괜찮습니다 :)
- 0
- 1
- 88
질문&답변
2024.07.01
모달만드는 방식 질문
보통 하나의 사이트에서 모달을 사용하는 곳이 여러곳이 있더라도 그 디자인은 사이트의 통일성 차원에서 동일하게 가져갑니다. 그런데 모달은 각 특성에 따라 헤더(타이틀, X버튼)가 있는 경우도 있고 없는 경우도 있고, 푸터에 버튼이 하나 필요한 경우, 두 개 필요한 경우, 없는 경우도 있을 수 있습니다. 이처럼 다양한 요구사항이 있을 때, 모달을 사용하는 각각의 컴포넌트에서 각 요구사항에 맞춘 모달을 새로 생성하는 일은 꽤나 번거로울 뿐 아니라 재사용성 측면에서도 바람직하지 않습니다. 그럴 때 Compound 컴포넌트가 유용한 것이죠. 반복은 줄이고 재사용성은 높이고! 레고 조립하듯이 필요한 것들만 골라 조립해서 완성본을 만드는 방식입니다. '실무에서 많이 쓰느냐' 하면, 회사마다 다를 것입니다. 이 문제를 고민하고 해결하고자 노력한 회사라면 많이 쓸 것이고, 크게 중요하게 여기지 않거나 그보다 더 급히 처리할 문제가 산적한 회사라면 아직 도입하지 못하고 있겠죠. 혹은 다른 대안(라이브러리 사용 등)으로 인해 고민의 필요성 자체가 없을 수도 있고요.
- 0
- 1
- 85
질문&답변
2024.07.01
브라우저의 ES6 모듈(ESM)을 사용하도록 Babel을 설정
제가 스터디에서 다루지 않은 부분에 대한 질문이네요. 답답한 마음에 질문을 하셨으리라 생각합니다. 그런데 제가 바벨 웹팩 쪽을 잘 알지 못합니다. 코드를 보고 하나하나 살펴보지 않고는 어떤 문제인지 정확히 알기 어려운 것 같아요. 다만 제가 알기로는 교재가 나온지 수 년이 흐른 지금 시점에서는 ES모듈을 사용하는 것에 특별한 문제가 있지 않습니다. 그리고 이제는 바벨을 써야만 하는 특별한 경우가 아니라면, 바벨 대신 swc를 사용하시는 것을 권장합니다.
- 0
- 2
- 111