마!내가바로왕만두다

최종 프로젝트로  트위터 클론 코딩을 하기로 했다   페이지설정만 해놓았는데  먼가 또 에러가 나서  다시 코드를 보는 중이다 ...  과연 잘 클론 코딩이라도 할 지 모르겠다 .   클론 코딩이란, 이미 존재하는 웹사이트나 앱을 본 떠서 똑같이 만들어 보는 코딩 연습 방법이다 유튜브나 인스타그램 같은 앱을 클론해서  비슷 하게 만들 수있따 . 이렇게 하면, 기능과 디자인을 따라 하면서 코드 작성법과 구조를 배울 수 있다  유튜브 클론 – 비디오 플레이어, 댓글 시스템, 검색 기능 등을 구현해 봄으로써 실제 유튜브가 어떻게 작동하는지 배울 수 있다트위터 클론 – 타임라인, 팔로우/언팔로우 기능을 통해 소셜 미디어의 기본 기능을 이해할 수 있다장점이미 검증된 디자인과 기능을 따라서 하기 때문에 구체적인 목..

TIL 2024. 10. 30. 23:07

반응형 웹이란?반응형 웹(Responsive Web)은 다양한 사용자 환경(노트북, 모바일, 데스크톱 등)에서도 웹사이트가 사용자 화면 크기에 맞춰 자동으로 조정되는 디자인 방식을 의미 한다  반응형 웹을 통해 각 기기에서 최적의 사용자 경험을 제공할 수 있다  왜 반응형 웹이 중요한가?사용자 경험 개선: 모바일이나 태블릿 등 다양한 기기에서도 편리하게 이용할 수 있어 사용자 만족도가 높아짐SEO 최적화: 구글과 같은 검색 엔진에서 반응형 웹사이트를 더 우대하여 검색 순위에 긍정적인 영향을 줄 수 있다관리 효율성: 여러 디바이스에 맞춰 여러 버전을 따로 만드는 것보다 하나의 디자인을 유지 관리하기가 쉽다.  미디어 쿼리 사용하기반응형 웹을 구현할 때 가장 중요한 도구는 CSS의 미디어 쿼리(media q..

TIL 2024. 10. 29. 23:30

최종프로젝트 클론코딩  슬랙으로할려고했는데  생각보다 구현 사항이 높고  오래된 문법도 많아서  결국 슬랙은 클론코딩은 하지 않기로하고  ZOOM  아니면 유투브 클론 코딩 하기로 했다       tailwind css   Tailwind는 유틸리티 클래스 기반으로 빠르고 일관성 있는 디자인이 가능하며, 추가 CSS 파일 없이 작업을 간소화할수있다 장점으로는 빠른 개발 속도와 커스터마이징 유연성을 들 수 있고, 단점으로는 코드 가독성 문제와 클래스 이름 학습 필요성이 있다 .  설치는 npm을 사용하며, 반응형 스타일과 커스터마이징도 지원해 확장성 있는 디자인 시스템을 구축할 수 있다  설치방법yarn add tailwindcss

TIL 2024. 10. 28. 23:17