Today I Learned🧤

위와 같이 웹사이트 메인 페이지에 타이틀을 테두리만 제거한 형태로 표현하고 싶어서 아래와 같이 작성했다. color:transparent; -webkit-text-stroke: 1px black; 글씨의 컬러를 투명색으로 설정하고, -webkit-text-stroke : width color; 형식으로 글씨에 테두리를 줄 수 있다.

먼저, 나는 React, TypeScript를 기반으로 CSS 스타일링은 Styled-Component를 쓰고, 게시판 기능을 위한 데이터베이스는 Firebase를 사용했다. 프론트엔드 개발 과정에서 가장 많이 사용해봤던 React를 사용하는 게 편해서도 있지만, 다음과 같은 이유로 리액트를 사용한다. 재사용 가능한 컴포넌트를 구현하는 것이 용이하다. 컴포넌트의 기능과 역할을 구분해서 유지보수와 관리가 용이하고, 반복 사용이 필요할 경우 분리해서 저장해두고 다시 사용할 수 있다. Virtual DOM을 이용해서 성능 향상이 가능하다. Virtual DOM은 실제 DOM의 복사본으로, 개발자가 변화를 주고 싶은 부분만 Virtual DOM을 변경한 뒤에 실제 DOM과 비교해서 변화가 일어난 부분 즉, 실제..

https://1eehyunji.com/ 이현지 | 프론트엔드 포트폴리오 1eehyunji.com 지난 11월, 약 일주일간 프론트엔드 포트폴리오 웹 사이트를 만들었다. 반응형, 애니메이션에 조금 신경써서 모바일에서도 원활하게 정보를 확인할 수 있는 동적인 반응형 웹을 목표로 했다! 단순 내 소개뿐만 아니라 간단하게 게시판 형태의 페이지도 만들어서 방문자가 메시지도 남길 수 있도록 했다. 최근엔 다크모드 기능을 추가해보려고 생각중이다! 그리고 조금 더 고민해보면서 코드 리팩토링이나 나를 더 어필할 수 있는 기능들을 구현해나가려고 한다. 그리고 그 개발 과정을 이 게시판에다 자세하게 풀어보려고 한다👩🏻‍💻 To Be Continued...