[TIL] 230101-6

🔥 오늘 한 일

• LinkedIn 등록
• [Qumunity 플젝]
  • Footer & Header 버그 수정
  • style: height & margin 조정
• [프로그래머스] Lv.2 124 나라의 숫자, 줄 서는 방법 2문제 완료
• [백준] 정렬 2문제 완료
• 원티드 프리온보딩 프론트엔드 챌린지 사전 미션 구현
  • Next.js + TypeScript + Redux-Toolkit + styled-components 세팅
  • eslintrc(airbnb) + prettier 설정
  • 로그인, 회원가입 기능 구현

🚨 Error Handling

💫 z-index 안 먹히는 문제

header, footer를 구현하는 과정에서 스크롤했을 때 내용 영역이 header, footer 위로 올라오는 z-index가 먹지 않는 문제가 발생했다.

🔗 CSS - z-index 적용 안될때 (Why your z-index isn't working)

이 때, position: relative를 함께 사용하니까 먹힌다!

position: relative;
z-index: 1;

🧚 새롭게 알게 된 내용

💫 foreach문

const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number) {
  console.log(number);
});

1
2
3
4
5

💫 Next.js - useRouter

🔗 Routing: Linking and Navigating | Next.js

import { useRouter } from 'next/navigation';

export default function Page() {
  const router = useRouter();

  return (
    <button type="button" onClick={() => router.push('/dashboard')}>
      Dashboard
    </button>);
}

✍️ Diary

연말, 연초라 좀 헤이해진 느낌이 있는데 다시 열심히 취준해보자!
9일부터 원티드 프리온보딩 강의도 들으면서 좀 더 사기를 북돋아보자구..