분류 전체보기 73

QUEUE

FIFO(First In First Out) 티켓을 사려고 줄을 서서 기다리는 모습, 고속도로를 통과하는 자동차들과 같이 먼저 들어간 자료가 먼저 나오게 됩니다. Queue의 특징 1.FIFO 2. 데이터는 하나씩 넣고 뺄 수 있습니다. 3. 두개의 입출력 방향을 가지고 있습니다. =>가장 앞에 있는 데이터를 꺼내오기 때문에 그 다음 인덱스의 데이터들을 한 칸씩 모두 이동해야 하는 단점이 ㅇㅆ다. Queue의 사용처 컴퓨터와 연결된 프린터의 인쇄 컴퓨터 장치들 사이에어 데이터를 주고받을 때, 각 장치 사이에 존재하는 속도의 차이나 시간의 차이를 극복하기위해 임시 기억장치의 자료구조로 Queue를 사용. 이것으 통틀어 버퍼(buffer)라고 한다. ++원형 큐(Circular Queue) 원형 큐는 선형큐..

Stack

LIFO(Last In First Out) or FILO(First In Last Out) 자동차가 줄지어 들어가다가 막다른골목을 맞이했을때, 유턴해서 순서대로 나오는것이 아니라 마지막으로 들어온 자동차가 후진해서 나오고 그 전에 들어간 자동차가 후진으로 나와서 마지막으로 나오는 자동차는 가장 먼저 들어간 자동차가 되는 것처럼, 후입선출방식이다. PUSH : Stack에 데이터를 넣는 것 POP : Stack에 데이터를 꺼내는 것 Stack의 특징 1. LIFO 후입선출의 방식입니다. 2. 데이터는 하나씩 넣고 뺄 수 있습니다. 3. 하나의 입출력 방향을 가지고 있습니다. 4. 저장되는 데이터는 유한하고 정적이어야 합니다. 5. 스택의 크기는 제한되어 있습니다. 활용하는 곳은? 브라우저의 뒤로가기, 앞으..

네트워크[심화]

IP Packet의 한계 -비연결성 패킷을 받을 대상이 없거나 서비스 불능 상태여도 패킷 전송 -비신뢰성 중간에 패킷이 사라질 수 있음 패킷의 순서를 보장할 수 없음 TCP/IP 패킷 ※채팅 메세지 순서 1. HTTP 메세지 생성 2.Socket을 통해 전달 (Socket: 네트워크 환경에 연결할 수 있게 만들어진 연결부) 3. IP 패킷을 생성하기 전 TCP 세그먼트 생성 4. LAN 카드와 같은 물리적 계층을 지나기 위해 이더넷 프레임 워크에 포함되어 서버로 전송 TCP(Transmission Control Protocol) 의 특징 -연결지향. TCP 3 way handshake(가상연결) : 1. 클라이언트는 서버에 접속을 요청하는 SYN 패킷을 보낸다. : 2.서버는 SYN 요청을 받고 클라이언..

웹 표준 & 접근성

웹표준 W3C에서 권고하는 '웹에서 표준적으로 사용되는 기술이나 규칙' 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹페이지 제작 기법을 담고있다. 웹개발에 사용되는 언어인 HTML(화면의 구조), CSS(표현), JavaScript(동작) 등의 기술을 다룬다. 웹표준의 장점 유지 보수의 용이성/ 웹 호환성 확보/ 검색 효율성 증대/ 웹 접근성 향상 Semantic HTML Semantic: 의미가 있는 HTML: 화면의 구조를 만드는 마크업 언어 왜?! 왜 시맨틱한 HTML이 필요한 걸까? 1. 개발자간 소통 만일 와 으로만 작성된 코드를 보면 각 요소가 어떤 기능을 하는지 전혀 파악할 수가 없기 때문에 주석을 작성하거나 id, clas..

개발공부/TIL 2022.09.07

리팩토링 연습

Refactoring Questions ☞결과를 바로 확인할 수 있나요? ☞결과를 다른 방식으로도 도출할 수 있나요? ☞해결한 방식외의 다른 방식을 생각할 수 있나요? ☞한눈에 보고 이해할 수 있나요? ☞해결책이 얼마나 직관적인가요? ☞이 해결책이 얼마나 성능적인가요?(시간,공간 복잡도) ☞이 문제를 다른 사람들은 어떻게 풀었나요? 예시 코드 charCount 는 str의 각 문자가 몇개있는지 객체로 return하는 함수이다. function charCount(str){ //return 할 객체 let result = {}; //각각의 element를 확인하기 for(let i = 0; i 0){ result[char]++; //그렇지않으면, result의 key 추가하고 value는 1로 넣어라. }e..

meta 요소

SEO를 위한 meta 요소 name 속성값 설명 description 콘텐츠에 대한 간략한 설명.검색 결과에서 제목 밑에 뜨는 내용 keywords 웹 페이지의 관련 키워드들을 나열할 때 사용 author 콘텐츠의 제작자 오픈 그래프(open graph) property 속성값 설명 og:url 페이지의 표준 URL og:site_name 사이트의 이름 og:title 콘텐츠의 제목 og:description 콘텐츠에 대한 간략할 설명. 검색 결과에서 제목 밑에 뜨는 내용 og:image 미리보기로 표시될 이미지 og:type 콘텐츠 미디어의 유형. 기본 값은 website로, video, music 등 og:locale 리소스의 언어. (기본값: en_US, 한국: ko_KR)

개발공부/TIL 2022.09.05

배열과 오브젝트의 성능

Big O of Objects Big O of Array 투입 O(1) It depends.... 제거 O(1) It depends.... 탐색 O(N) O(N) 접근 O(1) O(1) ※Big O of Array 마지막에 투입/제거: O(1) 앞에 투입/제거: O(N) Big O of Object Methods Object.keys = O(N) Object.values - O(N) Object.entries - O(N) hasOwnProperty - O(1) Big O of Array Methods push,pop: O(1) 나머지 대부분은 O(N) O(NlogN)도 있지만, 모든 걸 외우지 않아도 됨.

Redux

Redux?? Reducer + flux . ※ flux?? 스케일링 애플리케이션에서 상태 관리를 처리하는 패턴. Action, Dispatcher, Store 및 View의 네 가지 필수 구성 요소가 있다. Redux의 세가지 원칙 1.Single source of truth 동일한 데이터는 항상 같은 곳에서 가지고 와야한다. 즉, Redux에는 데이터를 저장하는 Store는 단 하나뿐인 공간이 있음! 2.State is read-only 상태는 읽기전용이라는 뜻으로, React에서 상태갱신함수로만 상태를 변경할 수 있었던 것처럼, Redux의 상태도 직접 변경할 수 없음을 의미한다.즉, Action 객체가 있어야만 상태를 변경할 수 있음. 3.Changes are made with pure funct..

Styled Components

설치하기 # with npm $ npm install --save styled-components # with yarn $ yarn add styled-components packje.json에 아래 코드 추가하기. { "resolutions": { "styled-components": "^5" } } 불러오기 import styled from "styled-components" 기본사용법 백틱 사용 //임포트를 해주고 import styled from "styled-components"; //컴포넌트를 만들고 //styled.태그종류 const MainButton = styled.button` background-color: red; color: white; &:hover{ background: yel..

UI/UX 분석

UI 분석 컬럼 그리드 시스템 사용 여부 핸드폰기준 4개의 컬럼 그리드를 사용. 인테리어시공탭의 위쪽 검색창이나 인스턴스들의 크기는 조정이 필요할 듯싶다. UX 분석 피터 모빌의 UX 7요소 충족 여부 1.유용성(Useful): 사용 가능한가? 충족★ 첫페이지에서 온라인 집들이를 할 수 있도록 꾸몄고, 스토어에서도 필요한 물품목록을 찾아 들어갈 수 있다. 2.사용성(Usable): 사용하기 쉬운가? 충족★ 집들이/구매/시공 으로 나누어 사용자의 니즈에 맞는 곳으로 들어갈 수 있다. 3.매력성(Desirable): 매력적인가? 충족★ 집들이 부분에서는 등수에 따라 포인트를 주고, 스토어부분에서는 세일코너가 따로 있어서 충분히 매력적이다. 4.신뢰성(Credible): 신뢰할 수 있는가? 충족★ 전문가 인테..

카테고리 없음 2022.08.25