vscode를 새 에디터로 선택했고 기존에 쓰던atom보다 너무나 좋아진 성능에 실력까지 업그레이드 된 기분또 하나개발용으로 사용할 노트북을 새로 사 세팅을 다시 하게되었다.1.vscode에디터 설치 및 한글화편리성 증대 각종 app설치확실히 새로운 에디터와 사용자의
성급하기 보단 꾸준함을 기르자..글자와 상자요소가 화면에 출력될 때 크게 2가지로 나뉜다.인라인(inline)요소 : 글자를 만들기 위한 요소들span 1.수평으로 쌓인다. 2.대표적인 인라인 요소이다. 3.포함한 컨텐츠 만큼 줄어든다. 4.수평만 조절이 가능하다.im
기존에 듣던 css강의를 다 듣고 새로운 강의를 들으며 느낀점은내가 놓쳤 던 부분이 많았고 사용은 했지만 개념을 모르고 썻다는 것그래! 기초를 다지자.1\. 선택자 우선순위우선 순위란. 같은 요소가 여러 선언의 대상이 된 경우. 점수가 높은 선언이 우선함. 점수가 같으
1. boder 2. box sizing 3. overflow
1. 배경 스크롤 2. 배치 3. 요소쌓임 4. flex
1. flex 2. 전환 3. 변환
9일간의 출장을 끝내고 집으로 돌아왔다. 출장을 간 동안 공부했 던 내용을 간략하게 정리해 보겠다. 스타벅스 클론코딩 프로젝트 시작 전 셋팅하기 스타일 초기화, CSS, JS 연결 후 작동여부 확인 파비콘으로 아이콘 설정 오픈그래프, 트위터 카드 소셜미디어에서 보
스타벅스 클론코딩하기 이제 반정도 온 것 같다. 급하지 말기1.공지사항 요소 슬라이드로 만들기2\. 요소 슬라이드 swiper로 수직 슬라이드 만들기3\. 요소 슬라이드 가운데 배치하기4\. 요소 슬라이드 이미지 삽입 공지사항을 swiper로 구현 하던 중 예상치 못한
유튜브 영상 삽입
오늘은 유튜브 영상에 꾸며주는 반복 애니메이션을 삽입했다. html과 css는 쉬웠지만 역시나 js가 아직은 복잡하다... 더욱 화이팅 철민 스타벅스 클론코딩 1.유튜브 영상배경 - 반복 애니메이션삽입 javascript를 통해서 gsap.to 라이브러리를 사용했다.
스타벅스 웹 사이트 만들기 끝.