본문 바로가기
반응형

분류 전체보기157

[vue] vue tutorial 뷰 튜토리얼 -3- (뷰 앱바 만들기) 소스코드 첨부합니다(https://github.com/jaeho310/vue-tutorial) 목차 vue tutorial -1- (뷰 시작하기) vue tutorial -2- (컴포넌트와 인스턴스) vue tutorial -3- (앱바 만들기) vue tutorial -4- (props 사용하기) vue tutorial -5- (뷰 라우터 사용하기) vue tutorial -6- (뷰티파이 테이블) 이번 게시글에서는 vuetify를 활용하여 앱바를 만들고 vue 인스턴스 method 사용법을 정리합니다. 1. AppBar.vue Home Page1 Page2 vuetify를 사용합니다. https://vuetifyjs.com/en/components/app-bars/ App-bar component T.. 2021. 9. 14.
[vue] vue tutorial 뷰 튜토리얼 -2- (뷰 컴포넌트 쪼개기) 소스코드 첨부합니다(https://github.com/jaeho310/vue-tutorial) 목차 vue tutorial -1- (뷰 시작하기) vue tutorial -2- (컴포넌트와 인스턴스) vue tutorial -3- (앱바 만들기) vue tutorial -4- (props 사용하기) vue tutorial -5- (뷰 라우터 사용하기) vue tutorial -6- (뷰티파이 테이블) 이번 게시글에서는 vue로 컴포넌트를 쪼개서 랜더링 시키는 방법과 vue 기본 생김새를 정리합니다. 1. 프로젝트 구조 |-- App.vue |-- assets | |-- logo.png | `-- logo.svg |-- components | `-- core | |-- AppBar.vue | |-- Foo.. 2021. 9. 14.
[개발상식] 객체지향 설계 5대원칙(solid)이란 이번 게시글에서는 객체지향 설계 5대원칙에 대해 정리합니다. SOLID란 1980년대 유즈넷(구 페이스북)에서 설계 원칙을 토론하며 이들 원칙을 모으기 시작했습니다. 2004년 무렵 마이클 페더스가 해당 원칙을 재배열하며 각 원칙의 첫글자(SPR, OCP, LSP, ISP, DIP)를 따서 SOLID라는 단어를 만들며 탄생하게 되었습니다. 단일책임원칙(SPR: Single Response Principle) 개방-패쇄 원칙(OCP: Open Closed Principle) 리스코프 치환 원칙(LSP: Liskoc Substituion Principle) 인터페이스 분리 원칙(ISP: Interface Segregation Principle) 의존성 역전 원칙(Dependency Inversion Prin.. 2021. 9. 9.
[vue] vue tutorial 뷰 튜토리얼 -1- (뷰 시작하기) 소스코드 첨부합니다 (https://github.com/jaeho310/vue-tutorial) 목차 vue tutorial -1- (뷰 시작하기) vue tutorial -2- (컴포넌트와 인스턴스) vue tutorial -3- (앱바 만들기) vue tutorial -4- (props 사용하기) vue tutorial -5- (뷰 라우터 사용하기) vue tutorial -6- (뷰티파이 테이블) 이 게시글은 jquery만 사용하시다가 빠르게 vue를 해야하는 상황인 분들이 읽으시면 좋습니다. (당연히 jquery 안해봤어도 상관 없습니다.) 공식문서 따라가면서 해보는게 가장 좋지만 급한 상황이거나, 백엔드 개발자분이 vue를 써서 간단하게 뭔가를 해야 하는경우 따라해보실것을 추천드립니다. 1. v.. 2021. 8. 31.
[개발상식] 프로세스간 통신(IPC) 프로세스간 통신(inter-process communication, ipc)이란 프로세스 사이에 서로 데이터를 주고받는 행위 또는 그에 대한 방법이나 경로를 뜻합니다. 프로세스간 통신을 해야하는경우 (1). 중요 프로세스의 안정성을 위해 하나의 프로세스에서 공유자원을 동기화한후 여러 스레드가 사용하면 데이터 공유를 상대적으로 쉽게 할수 있습니다. 그러나 하나의 프로세스가 죽어버리면 같은 프로세스의 모든 스레드가 죽어버려 위험한 상황이 올 수도 있습니다. (ex api를 제공하는 작업과 데이터를 분석, 적재하는 작업을 하나의 프로세스에서 하는경우, 데이터 분석과정에 exception이 발생해 프로그램이 내려간다면 클라이언트에게 api가 나가지 못하는 상황이 발생할 수 있습니다.) (2). 싱글코어만 쓰는 .. 2021. 8. 25.
[개발상식] 멀티 프로세스와 멀티 스레드(파이썬은 멀티스레드 언어일까?) 프로세스와 스레드 프로세스 운영체제에서 생성(fork)되며 메모리에 적재되어 실행되는 프로그램을 말합니다. 운영체제는 PCB를 생성, 레지스터와 물리메모리에 있는 값을 이용해 디스크에 있는 정보를 읽어 실행합니다. 프로세스 하나가 죽더라도 다른 프로세스에는 영향이 가지 않습니다. 자원 공유를 하려면 IPC(Inter Process Comunication; 커널 메시지 큐, 공유메모리, 세마포어 등)를 사용해야합니다. 시분할으로 프로세스가 돌아가며 Context switching 이 느립니다.(프로세스는 공유하는 영역이 없어서 캐시데이터를 다 버리고 다시 캐시를 만드는 과정이 일어나 속도가 느립니다.) 스레드 유저레벨 스레드가있고 커널레벨 스레드가 있지만 보통 프로그래밍 언어의 라이브러리를 사용해 만드는 .. 2021. 8. 17.
[golang] go언어를 객체지향언어처럼 사용하는방법 golang은 객체지향 언어가 아닙니다. import만 하면 어디서든 해당패키지에 접근할 수 있으며 같은 패키지 내에서는 네임스페이스 충돌이 나서 객체지향 언어를 주로 사용하던분 한테는 뭔가 어색합니다. 객체지향처럼 만들어봤습니다. 두가지 방법을 정리합니다. https://github.com/jaeho310/golang-oop GitHub - jaeho310/golang-oop Contribute to jaeho310/golang-oop development by creating an account on GitHub. github.com https://github.com/jaeho310/golang-semi-oop GitHub - jaeho310/golang-semi-oop Contribute to ja.. 2021. 8. 16.
[개발상식] 인코딩과 binary 이번게시글에서는 인코딩과 바이너리에 대해 정리합니다. 인코딩이란 바이너리를 사람이 이해할수 있는 문자열로 바꾸는 과정을 말합니다. 01000001를 컴퓨터는 문자 'A'로 인식하지만 사람은 인식하지 못합니다. 이를 A로 바꿔주는 작업을 문자 인코딩이라고 합니다.(아스키 인코딩방식을 이용) 인코딩의 방식에는 아스키만 있는것은 아닙니다. 010000001010000001010000001010000001010000001 위와같은 숫자가 있을때 아스키 인코딩방식으로는 AAAA이지만 다른 인코딩방식을 사용하면 또 다른 문자가 나오게 됩니다. 2진수와 16진수 컴퓨터는 반도체소자들의 집합체이며 각 소자들은 전류가 흐르면 1 흐르지 않으면 0을 표현합니다.(2진법사용) 즉 컴퓨터는 0과1을 모든것을 처리해야 하며 파.. 2021. 8. 16.
[개발상식] 정규표현식이란(with python) 정규표현식이란 문자열을 처리하는 방법중 하나로 특정한 조건의 문자를 검색하거나 추출, 치환 하는데 사용됩니다. 클라이언트단에서 validation을 하기위해 사용하기 하지만 무수히 많은 문자열에서 주민등록번호, email 형식의 포맷팅을 뽑아야할때 사용합니다. 기본 메타 문자 기호 설명 . 모든 문자 | or [] 구성원중 하나와 일치 ^ []안에 사용된경우 제외(위치지정자와 같음) - 범위 정의 \ 다음에 오는 문자를 이스케이프 수량자 기호 설명 * 앞의 문자를 0개 이상 탐욕적으로 찾기 *? *를 lazy 수량자로 찾기 + 하나이상 반복 +? +를 lazy 수량자로 찾기 ? 앞의 문자를 0개나 1개 찾기 {n} 정확히 n번 일치하는 경우 찾기 {n,m} n번에서 m번 일치하는 경우 찾기 위치 관련(\.. 2021. 8. 16.
반응형

티스토리툴바