목록CodeStates/learning contents (74)
Jieunny의 블로그
📣 반응형 웹 이란? 𝟭. 반응형 웹 ✔️ 기기의 디스플레이 종류에 반응해 그에 맞도록 적절히 UI 요소들이 배치되도록 설계된 웹 브라우저 ➰ 모바일 퍼스트 : UX를 디자인할 때 모바일일 경우에 최우선으로 초점을 맞춰 디자인 하는 것 ➰ 현재 데스크탑보다 모바일 유저가 공유하는 정보가 많기 때문에 모바일 유저를 겨냥한 서비스가 많아지고 있다. 𝟮. 반응형 웹의 특징 1️⃣ 하나의 URL을 기반으로 화면이 바뀐다. ✔️ m.domainname.com 처럼 앞에 모바일을 의미하는 'm'이 붙은 경우 특정 장치에 연결되는 별도의 URL이 존재하는 것이므로 반응형 웹이라고 부르지 않는다. 2️⃣ 효율적인 유지보수 ✔️ 하나의 콘텐츠에 하나의 HTML 소스만 있기 때문에 하나의 소스를 수정하면 모든 스크린 사이..
S4) Unit 2. [HTML/CSS] 브라우저 &렌더링
📣 브라우저란? 𝟭. 브라우저의 정의 ✔️ 웹 서버에서 양방향으로 통신하며 HTML 문서 및 그림, 멀티미디어 등의 컨텐츠를 열람할 수 있게 해주는 GUI 기반의 소프트웨어 프로그램 ➰ 페이지를 다운로드 하기 위해 응용 계층의 대표적인 프로토콜인 HTTP를 통해 송수신한다. ➰ 웹 브라우저 또는 웹 탐색기라고도 한다. 𝟮. 웹(Web) ✔️ 월드 와이드 웹 : 인터넷 상에서 텍스트나 그림, 소리, 영상 등과 같은 멀티미디어 정보를 하이퍼텍스트 방식으로 연결해 제공한다. ➰ 웹 페이지 : HTML 언어를 사용하여 작성된 문서 형태 ➰ 웹 사이트 : 웹 페이지 중 서로 관련된 내용으로 작성된 웹 페이지들의 집합 𝟯. 브라우저의 특징 ✔️ 현존하는 브라우저끼리는 동작 방식이 같다. ➰ 사용자가 선택한 자원을 ..
S4) Unit 1. [자료구조/ 알고리즘] Tree & Graph
📣 Tree 란? 𝟭. Tree의 정의 ✔️ 계층적인 자료를 표현하는 데 이용되는 자료구조 ➰ 하나의 데이터 아래에 여러 개의 데이터가 존재할 수 있는 비선형 구조 ➰ 아래로만 뻗어나가기 때문에 사이클(시작 노드에서 출발해 다른 노드를 거쳐 시작 노드로 돌아오는 것)이 없는 하나의 연결 그래프 𝟮. Tree의 구조와 특징 ➰ 루트라는 하나의 꼭짓점 데이터를 시작으로 여러 개의 데이터를 간선(edge)로 연결한다. ➰ 각 데이터를 노드(Nodee)라고 하며, 두 개의 노드가 상하 계층으로 연결되면 부모(Parent Node)/ 자식(Child Node) 관계를 맺는다. ➰ 자식이 없는 노드는 리프 노드(Leaf Node)라고 부른다. 1️⃣ 깊이(Depth) ➰ 루트로부터 하위 계층의 특정 노드까지의 깊이..
S4) Unit 1. [자료구조/ 알고리즘] 자료구조 & Stack & Queue
📣 자료구조란? 𝟭. 자료구조의 정의 ✔️ 여러 데이터의 묶음을 저장하고, 사용하는 방법을 정의한 것 ➰ 데이터 : 문자, 숫자, 소리, 그림, 영상 등 실생활을 구성하고 있는 모든 값 ➰ 데이터는 필요에 따라 특징을 잘 파악하고, 분석하고 정리해서 활용해야만 의미를 가질 수 있다. ➰ 이를 위해 데이터를 체계적으로 정리해서 저장해두는 게 유리하다! 𝟮. 자료구조의 분류 ✔️ 알고리즘 테스트에 자주 등장하는 4가지 개념 ➰ Stack, Queue, Tree, Graph 𝟯. 자료구조의 특징 ✔️ 특정한 상황에 놓인 문제를 해결하는 데에 특화되어 있다. ➰ 어떠한 상황에 적합한 자료구조를 빠르고 정확하게 적용해서 문제를 해결할 수 있다. 📣 Stack 이란? 𝟭. Stack의 정의 ✔️ 데이터를 순서대로..
𝟭. 재귀 Q. 재귀를 활용하기 좋은 상황은 언제인지 예시를 들어 설명해주세요. A. 주어진 문제를 비슷한 구조의 작은 문제로 나눌 수 있는 경우와 중첩된 반복문이 많거나 반복문의 반복 횟수를 예측하기 어려운 경우 입니다. 대표적인 예시로는 피보나치 수열, 팩토리얼 구하기 등이 있습니다. 피보나치 수열로 예를 들어보자면, 피보나치 수열의 n번째 수는 n-2번째 수와 n-1번째 수를 합한 값이므로 몇 번째 값을 구하든지 동일한 구조로 구할 수 있으므로 작은 문제로 나누어 구현할 수 있습니다. 𝟮. UI/UX Q. UI, UX의 개념과 두 개념의 관계에 대해서 설명해주세요. A. UI는 사람들이 컴퓨터와 상호작용하는 시스템을 의미하며, 키보드, 마우스 등 물리적인 요소도 UI로 볼 수 있으나, 프론트엔드 개..
S3) Unit 7. [Backend] Hashing / Token / OAuth
📣 해싱(Hashing) ✔️ 복호화가 불가능한 암호화 방법 ➰ 해시 함수를 이용해 암호화를 진행한다. ➰ 해시 함수 ﹒ 항상 같은 길이의 문자열을 리턴한다. ﹒ 서로 다른 문자열에 동일한 해시 함수를 사용하면 반드시 다른 결과값이 나온다. ﹒ 동일한 문자열에 동일한 해시 함수를 사용하면 항상 같은 결과값이 나온다. 📣 레인보우 테이블과 솔트(Salt) ✔️ 레인보우 테이블 : 항상 같은 결과값이 나온다는 특성을 이용해 해시 함수를 거치기 이전의 값을 알아낼 수 있도록 기록한 표 ➰ 이 값이 유출되었을 때 해싱을 했더라도 이전 값을 알아낼 수 있으므로 보안상 위협이 될 수 있다. ✔️ 솔트 : 해싱 이전 값에 임의의 값을 더해 데이터가 유출 되더라도 해싱 이전의 값을 알아내기 어렵게 만드는 방법 ➰ 해싱..