본문 바로가기

html & css58

네이버(NAVER) 클론코딩 💁‍♀️프롤로그 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스웹퍼블리셔던, 프론트엔드던 누구는 html, css가 별거 아니라고 생각하겠지만 제가 생각하기에 기본이 안되어있음 아무리 새로운 언어를 배워도 소용없다고 생각합니다. 기반이 튼튼해야 건물을 쌓아 올릴 수 있듯이, 기본적인 html, css를 탄탄하게 해야 이후 배우는 언어도 잘 배우고 적용할 수 있다고 생각합니다. 서론이 길었네요. 아무튼 지난 삼천리에 이은 두번째 클론코딩은 바로 네이버입니다. 어디서 봤는데 네이버가 클론코딩 공부하기에 정말 좋다고 하더군요. 레이아웃이 잘 설계되어서요. 사실 멋모르고 이전에 네이버 클론코딩을 해봤는데.. 당장 상단 아이콘도 코드로 못짜서 '언젠간 내가 만들고 만다..'라는 오.. 2024. 6. 15.
삼천리 기업 웹사이트 클론 코딩 💁‍♀️프롤로그 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스카페24 클론코딩을 진행한 후, 사실 만족스럽지는 않았습니다. 이해될 때까지 강의를 계속해서 보고, 혼자 스스로 구현할 수 있을 때까지 코드를 짜서 만들었지만, 강의라는 도움을 받았기때문에 스스로 해냈다는 성취감은 별로 안들었습니다. 사이트 하나 클론코딩했다고 실력이 늘었다고 생각도 안했구요.그래서 이번엔 직접 누구의 도움없이 클론코딩을 해봐야겠다고 생각했습니다. 단순히 html과 css를 이용하는 클론코딩이기 때문에 적응형 웹사이트를 찾다가 삼천리라는 기업 사이트를 발견했습니다.한 눈에 보기 좋게 레이아웃이 설정되어있어 조금은(?) 자신없는 레이아웃 연습을 할 수 있을 것 같았고 화면 크기가 달라져도 해당 요.. 2024. 6. 4.
카페24 베스트 쇼핑몰 디자인 클론 코딩 💁‍♀️프롤로그 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스자격증, 제 2외국어 공부 등 여러가지 이유로 미루거나 공부 시간이 적었던 코딩 공부. 그러다 취업 준비를 위해 포트폴리오를 제작하는 와중 잘한다고 생각했던 css에서 막힘이 생겼다. 강의를 듣고 혼자 다시 해보고.. 그럼에도 강의의 도움을 계속해서 받아야했다. 프론트엔드가 되기 위해 노력했것만 난 이 길이 아닌가 하던 와중,  당신의 클론 코딩은 왜 실패하는가?👋 들어가며 웹 개발 관련 다양한 강의들이 있지만 가장 매력적인 강의는 누가 뭐래도 클론 코딩 강의가 아닐까싶다. 내가 즐겨 쓰는 서비스를 내 손으로 만들어 볼 수 있다는 점은 강의에 대한geonlee.tistory.com 이 글을 보고 머리가 울렸다.. 2024. 6. 2.
코드 경량화 (minify) Minify (경량화) - 무언가를 작게 만드는 것( 여기선 css코드의 크기를 줄이는 것) - css 코드를 작게 만들어 서버와 클라이언트 사이에 주고 받는 데이터의 크기를 줄이는 것이 목표 - 코드의 크기가 커지면 데이터를 주고받는 속도가 느려지기 때문 - 명렁어를 입력하거나, 웹사이트, 확장 프로그램을 통해 경량화를 할 수 있다. 2023. 11. 29.