MyPortfolio
1.png svg 타입
png파일과 svg파일을 import할 일이 있는 중에, 필자는 TS를 쓰니까 타입을 지정해줘야 했다. 솔직히 처음에는 잘 몰라서 svg파일 타입에 string으로 지정해 줬는데 오류 없이 잘 작동되었다.그런데 png파일을 같은 방식으로 하니까 오류가 나고 static
2.p태그와 줄바꿈, 그리고 pre태그
텍스트를 적고 있었고 원하는 곳에서 줄바꿈을 하고 싶었다. 그런데 백틱을 사용해서 엔터를 눌러도, 이스케이프 문자(\\n)을 사용했는데도 줄바꿈이 안되는 것이다.이유를 몰라서 구글링 해보니까, pre태그라는 것을 알게 되었다. pre(Preformatted Text e
3.css display on 모바일 웹
pc 웹에서는 animation이 잘 적용이 되는데, 모바일 웹으로 테스트를 해보니까, 가상 컴포넌트 ::before이 애니메이션이 적용이 안되는 것이다. 왜그럴까, 모바일에서는 before에 애니메이션 적용이 안되는 것일까 하는 생각이 들었지만 유심히 관찰 결과 하나
4.진행바 배열에 맞는 비율 함수
원래 정해진 프로젝트가 10로 정해져 있어서 비율에 대한 공식을 정적 숫자로 박아넣었었는데, 프로젝트 기록을 추가할 일이 생겨서 숫자를 바꿔야 하는 일이 생기다 보니까 앞으로 더 늘어날 수도 있다는 생각에 이참에 동적 숫자로 프로젝트 숫자에 맞게 비율 함수를 만들자 생
5.next.js v13 이후 metadata viewport 적용법
모바일 뷰에서 확대가 되지 않게 만들기 위해 viewport metadata 옵션을 추가해야되는데, 구글링을 해서 시도를 해봐도 되지 않거나, 나의 프로젝트 구성이랑 다른 파일을 말해서 혼동이 왔다.실패 1.<Head>태그를 사용해서 안에 <meta>태그를