https://brunch.co.kr/@chulhochoiucj0/8 모바일 UI·UX 디자인시 고려해야 할 가이드라인 1 애플 iOS HIG와 Material design 가이드를 중심으로 | 모바일 앱과 웹 디자인은 데스크톱 웹 디자인과는 많은 부분이 다릅니다. 이는 각 기기device의 특성과 사용 맥락의 차이에서 기인합니다. 우선 모 brunch.co.kr https://brunch.co.kr/@chulhochoiucj0/8 모바일 UI·UX 디자인시 고려해야 할 가이드라인 1 애플 iOS HIG와 Material design 가이드를 중심으로 | 모바일 앱과 웹 디자인은 데스크톱 웹 디자인과는 많은 부분이 다릅니다. 이는 각 기기device의 특성과 사용 맥락의 차이에서 기인합니다. 우선 모 b..

프론트엔드 개발자라면 반드시 알아두어야 할 32가지의 UI 요소 (번역) https://velog.io/@oneook/프론트엔드-개발자라면-반드시-알아두어야-할-32가지의-UI-요소-번역 프론트엔드 개발자라면 반드시 알아두어야 할 32가지의 UI 요소 (번역) 원제 : 32 User Interface Elements For UI Designers프론트엔드 개발자는 유저 인터페이스(UI)에 대해 그 어떤 개발자보다 잘 이해하고 숙지해야 합니다. 디자이너와 소통하며 그들을 이해하고, 때론 스스로 velog.io

의존성 주입의 정의 객체지향 프로그래밍에서 객체가 필요로 하는 어떤 객체를 Constructor 혹은 Setter 를 통해 주입하는 것을 말한다. 의존성 주입의 장점 Unit Test가 용이해진다. 코드의 재활용성을 높여준다. 객체 간의 의존성(종속성)을 줄이거나 없엘 수 있다. 객체 간의 결합도이 낮추면서 유연한 코드를 작성할 수 있다. 참고 : [DI] Dependency Injection이란 무엇일까?, 의존성 주입

1. DFS, BFS 그래프 탐색을 위해서는 DFS ( Depth-First Search, 깊이 우선 탐색 ), BFS ( Breadth-First Search, 너비 우선 탐색 ) 를 사용한다. 2. 그래프와 트리 비교 그래프는 노드와 노드를 잇는 (없을 수도 있지만) 간선을 가진 자료구조이며, 그 중 방향성이 있는 비순환 그래프가 트리이다. 3. DFS, BFS 시간복잡도 인접 리스트로 표현된 그래프 : O(N+E) 인접 행렬로 표현된 그래프 : O(N^2) 참고 : [알고리즘] 깊이 우선 탐색(DFS) 과 너비 우선 탐색(BFS)

작업할 때 사용자가 기능을 수행시키는 경우 온라인, 저녁 시간대에 일괄적으로 처리하는 걸 배치라고 부르고 있었는데 좀 더 확실하게 정리해 보고 싶어서 정리했다. 1. 배치란? 일괄 처리 ( Batch Processing ) 은 개별적인 요청이 있을 때가 아닌 일괄적으로 대량건을 처리 하는 처리 방식이다. 2. 배치의 특징 대량 건의 데이터를 처리한다. 특정 시간에 실행된다. 일괄적으로 처리한다. 3. 배치를 사용하는 이유 실시간으로 응대해야하는 시스템이 아닐 경우 시스템의 과부하를 줄이기 위해 사용한다. 보통 전산 시스템을 사용할 때 하루 이틀 등 시간이 소요되는 작업은 배치로 이루어진다... 라고 보면 되지 않을까? ( 아마도...? ) 예를 들어 은행에서 계좌를 개설한 사람에게 홍보 SMS을 발송하고..

1. 쿠키와 세션을 쓰는 이유 HTTP 2가지 특징인 비연결지향와 상태없음으로 인해 서버는 클라이언트의 상태를 알 수 없다. 클라이언트의 상태를 알아야 될 경우 ( ex. 인증 ) 쿠키와 세션을 사용한다. 2. HTTP 의 특징 비연결지향 ( Connectionless ) : request 에 대한 response 를 해주면 서버와 클라이언트가 연결이 끊어진다. 커넥션을 낭비하지 않기 때문에 리소스의 낭비를 줄일 수 있다. 상태없음 ( Stateless ) : 커넥션을 끊는 순간 상태 정보를 유지하지 않는다. 3. 쿠키 3.1. 쿠키의 특징 쿠키는 클라이언트 로컬에 저장되는 key-value 형태의 데이터이다. ( 이름, 값, 유효시간, 도메인, 경로 ) 클라이언트 로컬에 저장되기 때문에 상대적으로 변조..

1. CQRS ( Command and Query Responsibility Segregation ) 명령과 쿼리의 역할을 구분하는 아키텍처 패턴 2. 이벤트 소싱 ( Event Sourcing ) 도메인 모델에서 발생하는 모든 이벤트를 기록하는 데이터 저장 기법 참고 : Event Sourcing (이벤트 소싱) 참고 : 나만 모르고 있던 CQRS & EventSourcing

1. 정의 SPA ( Single Page Application ) 란 브라우저에 최초 한번 페이지 전체를 로드하고 이후부터 특정 부분만 Ajax 를 통해 데이터를 바인딩하는 웹 서비스 방식 전통적인 방식은 페이지를 새로고침하여 리렌더링하기 때문에 참고) [WEB] SPA란? 2. 장단점 페이지 갱신에 필요한 데이터만을 전달받아 페이지를 갱신하므로 전체적인 트래픽을 감소할 수 있고, 전체 페이지를 다시 렌더링하지 않고 변경되는 부분만을 갱신하므로 새로고침이 발생하지 않아 네이티브 앱과 유사한 사용자 경험을 제공하는 어플리케이션이며 단점 1. 초기 구동 속도 문제 웹 애플리케이션에 필요한 모든 정적 리소스를 최초에 한번 다운로드하기 때문에 초기 구동 속도가 상대적으로 느리다. 해결 방법으로 모듈을 청크단위..

포스팅 목적 딥러닝을 공부하기 이전에 지금 목적을 달성하기 위해 해야하는 공부가 딥러닝이 맞는지, 맞다면 어떤 알고리즘을 공부해야 하는지, 아니라면 머신러닝의 어떤 부분을 공부해야 하는지를 확인하려고 AI 용어들과 종류들을 분류해서 정리했습니다. 인공지능의 분류 strong AI (AGI : artificial general intelligence) : (보통 영화에서) 사람과 비슷한 강한 성능을 가진 인공지능 weak AI (ANI : artificial narrow intelligence) : (현재 산업에서) 특정 영역에서 작업을 수행하는 인공지능 > strong AI 와 AGI, weak AI 와 ANI 가 실제로 동일한 의미인지는 잘 모르겠지만 혼용해서 쓰는걸로 보입니다. weak AI 의 분류..

포스팅 목적 진행했던 파이썬 및 딥러닝 학습을 기록합니다. 딥러닝을 공부하면서 강의 내용 정리도 필요하겠지만 실습을 미루다 미루다 이 책으로 입문하게 되었습니다. 구글 코랩으로 설치 없이 바로 실습을 할 수 있습니다. 1) 구글 코랩 시작하기 - https://colab.research.google.com 구글 아이디를 통해 코랩 접속 (끝.) 2) 구글 코랩 기능 노트북에는 코드 셀과 텍스트 셀, 이렇게 두 종류의 셀을 만들 수 있습니다. 텍스트 셀에서는 텍스트를 입력하고 코드 셀에서는 코드를 입력하고 실행할 수 있습니다. 여기까지가 65 페이지 까지의 실습입니다. 왜 인지는 모르겠지만 아래와 같이 데이터 분포와 학습이 이상하게 된 결과물이 출력 됐었는데 아마도 구글 코랩에서 소스를 이것저것 실행하다가..