Jieunny의 블로그

📣 반응형 웹 구현하기✔️ 클론 페이지 : http://www.csszengarden.com/CSS Zen Garden: The Beauty of CSS DesignSo What is This About? There is a continuing need to show the power of CSS. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into thiwww.csszengarden.com➰ 페어분이 미리 찾아주셔서 클론하기로 했당 ➰ 큰 화..

📣 CSS 애니메이션 𝟭. CSS 애니메이션 ✔️ 여러 개의 CSS 스타일을 부드럽게 전환시켜준다. ➰ @keyframes 키워드를 활용하면 시간 순서대로 정밀하게 짜여진 애니메이션을 만들 수 있다. 𝟮. @keyframes 1️⃣ CSS로 키프레임 블록 만들기 /* '%' 단위로 시간 진행에 따른 상태를 작성해주면 됩니다. */ @keyframes 애니메이션이름 { 0% { /* from 이라고 작성해도 됩니다.*/ CSS속성 : 속성값; } 50% { /* 애니메이션 진행도에 따른 스타일을 설정합니다. */ /* 필요하다면 1부터 99까지도, 소수점까지도 모두 작성해도 됩니다.*/ CSS속성 : 속성값; } 100% { /* to 라고 작성해도 됩니다.*/ CSS속성 : 속성값; } } 2️⃣ 키프레..

➰ 91일차 바쁘다 바빠.. 과제도 해야되고 타입스크립트 스터디도 해야되고.. 예습도 해야되고.. 약속 있어서 약속도 나가야하고.. 타입스크립트 진도가 이번에 진짜 타입스크립트를 이용해서 개발해보는건데 진짜 뭔 소린지 1도 모르겠고 나 빼고 혼자 개발하시는 느낌이다...ㅋㅋㅋㅋ 아니 너무 어려워🥹 못하겠어ㅠㅠㅠㅠ 아마 다시 처음부터 들어도 모를 것 같다. 일단은 이런게 있구나, 이렇게 구현해야 하는구나 정도만 이해해고 넘어가야할 것 같다. 힘들다 힘들어

📣 반응형 웹 이란? 𝟭. 반응형 웹 ✔️ 기기의 디스플레이 종류에 반응해 그에 맞도록 적절히 UI 요소들이 배치되도록 설계된 웹 브라우저 ➰ 모바일 퍼스트 : UX를 디자인할 때 모바일일 경우에 최우선으로 초점을 맞춰 디자인 하는 것 ➰ 현재 데스크탑보다 모바일 유저가 공유하는 정보가 많기 때문에 모바일 유저를 겨냥한 서비스가 많아지고 있다. 𝟮. 반응형 웹의 특징 1️⃣ 하나의 URL을 기반으로 화면이 바뀐다. ✔️ m.domainname.com 처럼 앞에 모바일을 의미하는 'm'이 붙은 경우 특정 장치에 연결되는 별도의 URL이 존재하는 것이므로 반응형 웹이라고 부르지 않는다. 2️⃣ 효율적인 유지보수 ✔️ 하나의 콘텐츠에 하나의 HTML 소스만 있기 때문에 하나의 소스를 수정하면 모든 스크린 사이..

📣 브라우저란? 𝟭. 브라우저의 정의 ✔️ 웹 서버에서 양방향으로 통신하며 HTML 문서 및 그림, 멀티미디어 등의 컨텐츠를 열람할 수 있게 해주는 GUI 기반의 소프트웨어 프로그램 ➰ 페이지를 다운로드 하기 위해 응용 계층의 대표적인 프로토콜인 HTTP를 통해 송수신한다. ➰ 웹 브라우저 또는 웹 탐색기라고도 한다. 𝟮. 웹(Web) ✔️ 월드 와이드 웹 : 인터넷 상에서 텍스트나 그림, 소리, 영상 등과 같은 멀티미디어 정보를 하이퍼텍스트 방식으로 연결해 제공한다. ➰ 웹 페이지 : HTML 언어를 사용하여 작성된 문서 형태 ➰ 웹 사이트 : 웹 페이지 중 서로 관련된 내용으로 작성된 웹 페이지들의 집합 𝟯. 브라우저의 특징 ✔️ 현존하는 브라우저끼리는 동작 방식이 같다. ➰ 사용자가 선택한 자원을 ..

➰ 90일차 자료구조 어렵다.. 트리..어렵다... 순회도 어렵다... 재귀도..어렵다... 🥹🥹🥹🥹🥹🥹 4년을 배웠는데도 어렵다니 말도안돼.. 자료구조 배우니까 학부 때 진짜 힘들었던 거 생각나서 너무 싫다 ㅎㅎ.. 하기싫어! 그래도 오늘 코플릿 다 풀었구... 쉴랭..