[Web]

[CSS] sticky is not working 스티키 속성이 작동안될때

https://www.youtube.com/watch?v=rvuwDBJK83o&t=5s 아래 사이트에서 체크리스트를 보자. https://www.designcise.com/web/tutorial/how-to-fix-issues-with-css-position-sticky-not-working How to Fix Issues With CSS Position Sticky Not Working? Learn possible reasons why CSS position sticky might not be working for you www.designcise.com 나의 버그 케이스는 위 체크리스트에 직접 없었지만 추론할 수 있었다. 신기하게도 sticky 포지션을 잡아도 작동하지 않는 문제가 발생했다. 몇시간의..

[CSS] sticky 속성을 사용해보자

Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Elit Nunc Tortor Metus Mollis Congue Sagittis Vestibulum Et Donec Eget Maecenas et Justo Malesuada Quam Ultricies Sollicitudin Gravida Nibh Pellentesque Sapien Suspendisse Vel Mauris Consectetur

IT 회사의 연봉 구조 - 네카라쿠배당토직야

IT 회사의 연봉, 개발자가 되기전에 회사가 주는 연봉 구조를 알아보자.! 회사의 연봉 구조 직장인 커뮤니티인 블라인드에서 회사별 연봉정보들을 쉽게 알 수 있다. 어느 순간 유행한 네카라쿠배당토직야 라는 말이 있다. 네이버 / 카카오 / 라인 / 쿠팡 / 배민 / 당근마켓 / 토스 / 직방 / 야놀자의 줄임말인데 이 순위는 매년마다 그리고 사람마다 다르게 평가하는 것 같다. 몰두샌 ( 몰로코 / 두 나무 / 샌드버드 ) 이 먼저 나오기도 한다. 본인이 중요하게 생각하는 가치관에 따라 워라밸이 좋은 회사, 야근수당이 두둑한 회사 등 원하는 기업은 입사하고 나면 충분히 고민하게 될 것이다. 각 기업별로 2023년에 계약 초봉이 어떤지 알아보기전에 연봉의 구조를 살펴보자. 급여는 베이스 연봉 외에 몇 가지가 ..

[마틴 파울러] 개발자 리팩토링의 중요성, TDD, 테스트 코드를 짜는 이유

리팩토링의 중요성 feat.테스트 코드를 짜는 이유(한글 자막) https://www.youtube.com/watch?v=mNPpfB8JSIU 아래 글로 리팩토링을 3분 만에 이해 하자.. ✅ 리팩토링 워크플로우 리팩토링 절차 : 테스트 코드 > 기능 구현 > 리팩토링 리팩토링 절차 (TDD Refactoring) 테스트를 통과 못한 빨간불 상태에서 시작 적적한 테스트 시나리오를 고려 ( happy path, exception path, exist path) Unit Test 추가. 테스트는 잘되는 케이스, 예외 케이스, 하위 호환성을 모두 만족시켜야 한다. 우선 기능을 작동하게 만든다. 완벽하게 만들 필요 없다. ( 새로운 기능 추가 및 개선 ) -- step1 코드 스멜에 대해 리팩토링을 진행한다 (..

[개발] 유용한 링크 정리, FrontEnd 개발자 책,문서 추천 링크 모음

[ 개발 컨퍼런스, 해커톤, 웨비나, 행사 ] Dev-Event https://github.com/brave-people/Dev-Event GitHub - brave-people/Dev-Event: 🎉🎈 개발자 {웨비나, 컨퍼런스, 해커톤} 행사를 알려드립니다. [with 남 🎉🎈 개발자 {웨비나, 컨퍼런스, 해커톤} 행사를 알려드립니다. [with 남송리 삼번지] - GitHub - brave-people/Dev-Event: 🎉🎈 개발자 {웨비나, 컨퍼런스, 해커톤} 행사를 알려드립니다. [with 남송리 삼번 github.com 꾸준한 업데이트로 잘 관리되고 있는 레포 . PR도 많이 발생한다. [ 웹 성능 최적화 ] https://ui.toast.com/fe-guide/ko_PERFORMANCE 성..

[NextJS] Tutorials - 01 - SEO를 고려한 NextJS 개발

Keywords SEO NextJS ReactJS