Jieunny의 블로그

📣 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년을 배웠는데도 어렵다니 말도안돼.. 자료구조 배우니까 학부 때 진짜 힘들었던 거 생각나서 너무 싫다 ㅎㅎ.. 하기싫어! 그래도 오늘 코플릿 다 풀었구... 쉴랭..

📣 인접 행렬 길찾기 Q. 주어진 인접행렬에서 한 정점으로부터 다른 정점으로 이어지는 길이 존재하는지 반환해야 합니다. function getDirections(matrix, from, to) { // TODO: 여기에 코드를 작성합니다. if(matrix[from][to] === 1) return true; const queue = []; queue.push(from); const isVisited = new Array(matrix.length).fill(false); isVisited[from] = true; //console.log(matrix[0].length); console.log(isVisited); while(queue.length > 0){ let pop = queue.shift(); i..