Development Study
-
Previous Series [TypeScript] TypeScript Grammar - 01 1. Type Annotation TypeScript uses colon ( : ) behind variables to annotate a type const myMaxHamburger: number = 3; const answer: string = "Yes I can"; const drinks: boolean = true; You can code like variable: It is essential to write this annotation, so time-map-installer.tistory.com 2. Array In this section, we are going to find out what's ..
[TypeScript] TypeScript Grammar - 02Previous Series [TypeScript] TypeScript Grammar - 01 1. Type Annotation TypeScript uses colon ( : ) behind variables to annotate a type const myMaxHamburger: number = 3; const answer: string = "Yes I can"; const drinks: boolean = true; You can code like variable: It is essential to write this annotation, so time-map-installer.tistory.com 2. Array In this section, we are going to find out what's ..
2023.01.07 -
1. Type Annotation TypeScript uses colon ( : ) behind variables to annotate a type const myMaxHamburger: number = 3; const answer: string = "Yes I can"; const drinks: boolean = true; You can code like variable: It is essential to write this annotation, so be careful to pass by this 1_01. Type Declaration_string let str: string; let red: string = 'Red'; let green: string = 'Green'; let myColor: s..
[TypeScript] TypeScript Grammar - 011. Type Annotation TypeScript uses colon ( : ) behind variables to annotate a type const myMaxHamburger: number = 3; const answer: string = "Yes I can"; const drinks: boolean = true; You can code like variable: It is essential to write this annotation, so be careful to pass by this 1_01. Type Declaration_string let str: string; let red: string = 'Red'; let green: string = 'Green'; let myColor: s..
2023.01.07 -
When we code with a typescript, we can see 2 extensions of it. CASE .tsx In this case, it means for files that contain JSX TSX file is a TypeScript(.ts) file witten using JSX syntax. It contains code that is most likely part of a single-page or mobile application We usually open this in source code editors like VSCode CASE .ts In this case, it means for pure TypeScript files .ts files have diffe..
[TypeScript] Differences between .ts & .tsxWhen we code with a typescript, we can see 2 extensions of it. CASE .tsx In this case, it means for files that contain JSX TSX file is a TypeScript(.ts) file witten using JSX syntax. It contains code that is most likely part of a single-page or mobile application We usually open this in source code editors like VSCode CASE .ts In this case, it means for pure TypeScript files .ts files have diffe..
2023.01.07 -
What do we have to know? What is Software system architecture? Why do we have to draw architecture? How to draw architecture? What is System architecture? A system architecture is the conceptual model that defines the structure, behavior, and more views of a system And this is example of a diagram of system architecture that was visualized to help understand An architecture diagram is a visual r..
[Architecture] View Course of SystemWhat do we have to know? What is Software system architecture? Why do we have to draw architecture? How to draw architecture? What is System architecture? A system architecture is the conceptual model that defines the structure, behavior, and more views of a system And this is example of a diagram of system architecture that was visualized to help understand An architecture diagram is a visual r..
2023.01.06 -
We have to type so many codes when we have to make a program Nowadays, there are many systems that help make codes. An API is the one that helps reduce time when we are programming So, What is API?? API is an Application Programming Interface, and it has the following definitions A set of functions and procedures allowing the creation of applications that access the features of data of an operat..
[API] Essential programming system, APIWe have to type so many codes when we have to make a program Nowadays, there are many systems that help make codes. An API is the one that helps reduce time when we are programming So, What is API?? API is an Application Programming Interface, and it has the following definitions A set of functions and procedures allowing the creation of applications that access the features of data of an operat..
2023.01.06 -
git은 뭐하는 친구일까? 일단 git은 친구가 아니다 하지만 친근해져야만 하는 도구이다 개발의 길을 걸으면서 엔지니어가 되려하거나 프로젝트를 진행한다면 안 쓸 수가 없는 기능이다 그래서 깃은 무엇일까? GIT 무슨 수를 써서라도 익혀야 하는 이것은 형상 관리 도구(Configuration Management Tool) 중 하나로, 버전 관리 시스템이라고도 불린다 관련되어있는 용어는 다음과 같다 Staging Area = 대기 장소(출처: 구글 번역기) 코드의 변경사항이 실적용되기 전에 거쳐야만 하는 장소이다 Pull Request(PR이라고도 많이 부른다) Staging Area에 있는 코드를 git에 동기화시키기 위한 작업(=업로드) Branch = 나뭇가지(출처: 구글 번역기) 개발 흐름에 따른 코..
[Git] Git은 뭐하는 친구일까git은 뭐하는 친구일까? 일단 git은 친구가 아니다 하지만 친근해져야만 하는 도구이다 개발의 길을 걸으면서 엔지니어가 되려하거나 프로젝트를 진행한다면 안 쓸 수가 없는 기능이다 그래서 깃은 무엇일까? GIT 무슨 수를 써서라도 익혀야 하는 이것은 형상 관리 도구(Configuration Management Tool) 중 하나로, 버전 관리 시스템이라고도 불린다 관련되어있는 용어는 다음과 같다 Staging Area = 대기 장소(출처: 구글 번역기) 코드의 변경사항이 실적용되기 전에 거쳐야만 하는 장소이다 Pull Request(PR이라고도 많이 부른다) Staging Area에 있는 코드를 git에 동기화시키기 위한 작업(=업로드) Branch = 나뭇가지(출처: 구글 번역기) 개발 흐름에 따른 코..
2023.01.03 -
이번에 알아볼 내용은 CSS 프레임워크이다. 프론트의 메타 자체가 빠르게 바뀌는 편이므로 작성일을 기준으로 많이 쓰이는 프레임워크 기준으로 정리를 해 두었다 + 이 글에서 쓰인 수치들은 별도의 명시가 없을 시 2021년 데이터 수치를 작성해 둔 것이다 CSS 프레임워크란? 미리 개발 해 둔 완성형 디자인을 쉽게 가져다 쓸 수 있도록 한 것 바로 아래에 이전년도까지의 만족도, 흥미, 사용률을 나타내는 사이트에서 정보를 얻어왔다 The State of CSS 2021: CSS Frameworks The Rankings chart can be toggled between satisfaction, interest, usage, and awareness to give you a fuller picture of a..
[배경지식] CSS 프레임워크를 알아보자이번에 알아볼 내용은 CSS 프레임워크이다. 프론트의 메타 자체가 빠르게 바뀌는 편이므로 작성일을 기준으로 많이 쓰이는 프레임워크 기준으로 정리를 해 두었다 + 이 글에서 쓰인 수치들은 별도의 명시가 없을 시 2021년 데이터 수치를 작성해 둔 것이다 CSS 프레임워크란? 미리 개발 해 둔 완성형 디자인을 쉽게 가져다 쓸 수 있도록 한 것 바로 아래에 이전년도까지의 만족도, 흥미, 사용률을 나타내는 사이트에서 정보를 얻어왔다 The State of CSS 2021: CSS Frameworks The Rankings chart can be toggled between satisfaction, interest, usage, and awareness to give you a fuller picture of a..
2022.12.31 -
공통 객체 지향 프로그래밍 패러다임 = 데이터 추상화에 중심 - 객체와 클래스라는 두 주요 개념을 기반으로 한다 객체 기반의 스크립트 언어이다 웹의 동작을 구현하는 데에 쓰이는 언어이다 컴파일 타임?? 런타임?? 소스코드(Input) -> 전처리기 -> 컴파일러 -> 어셈블러 -> 링커 -> 실행파일(Output) -> 실행 [-----------------------------------------컴파일타임---------------------------][---------런타임---------------] 동적 타입 언어는 런타임 시에 자료형이 결정 -> 소스코드 작성 시 자료형을 먼저 지정해 줄 필요는 없다 정적 타입 언어는 컴파일 시에 자료형이 결정 -> 소스코드 작성 시 자료형을 먼저 지정 해야..
[배경지식] JavaScript? TypeScript? 이 둘의 차이는 무엇일까?공통 객체 지향 프로그래밍 패러다임 = 데이터 추상화에 중심 - 객체와 클래스라는 두 주요 개념을 기반으로 한다 객체 기반의 스크립트 언어이다 웹의 동작을 구현하는 데에 쓰이는 언어이다 컴파일 타임?? 런타임?? 소스코드(Input) -> 전처리기 -> 컴파일러 -> 어셈블러 -> 링커 -> 실행파일(Output) -> 실행 [-----------------------------------------컴파일타임---------------------------][---------런타임---------------] 동적 타입 언어는 런타임 시에 자료형이 결정 -> 소스코드 작성 시 자료형을 먼저 지정해 줄 필요는 없다 정적 타입 언어는 컴파일 시에 자료형이 결정 -> 소스코드 작성 시 자료형을 먼저 지정 해야..
2022.12.31 -
1. 설정, 초기화 전역 사용자 이름, 이메일 구성 git config --global user.name "이름 입력" git config --global user.email "이메일 입력" 저장소별 사용자 이름, 이메일 구성(입력 전에 해당 저장소 디렉토리로 이동해야 함) git config user.name "이름 입력" git config user.email "이메일 입력" 전역 설정 보기 git config --global --list 저장소별 설정 보기 git config --global --list Git의 출력결과 색상 활성화하기 git config --global color.ui "auto" 새로운 저장소 초기화하기 1) mkdir /path/newDir mkdir = make direct..
[Git] 명령어 정리1. 설정, 초기화 전역 사용자 이름, 이메일 구성 git config --global user.name "이름 입력" git config --global user.email "이메일 입력" 저장소별 사용자 이름, 이메일 구성(입력 전에 해당 저장소 디렉토리로 이동해야 함) git config user.name "이름 입력" git config user.email "이메일 입력" 전역 설정 보기 git config --global --list 저장소별 설정 보기 git config --global --list Git의 출력결과 색상 활성화하기 git config --global color.ui "auto" 새로운 저장소 초기화하기 1) mkdir /path/newDir mkdir = make direct..
2022.12.31 -
Python을 이용하여 단기 프로젝트를 진행하는 사람들에게는 한 번씩은 거쳐가는 고민거리가 있다. Django? Flask? 아니면 요즘 유행하는 FastAPI?? 어떤 것을 선택해야 할까? 이 글은 개발에 필요한 기초지식을 공부하며 정리한 내용을 다룬 글이다 들어가기 전, 도대체 이것들은 무엇인가? 프레임워크 이 글에서 다루게 될 프로그램들은 모두 프레임워크라 불리는 것으로, 목적에 따라 효율적으로 구조를 짜놓는 개발 방식을 지원해주는 프로그램이다 쉽게말해 코딩에 필요한 완성된 기능들을 지원해주어 개발 시간과 노력을 감축시킬 수 있다는 장점을 가지고 있다 예시로는 로그인, 회원가입, CRUD 등이 있다 Django 이 글에서 다루는 3가지의 프로그램 중 가장 넓은 생태계를 가지고 있는 프레임워크이다 3..
[배경지식] Django, Flask, FastAPI의 차이점을 알아보자Python을 이용하여 단기 프로젝트를 진행하는 사람들에게는 한 번씩은 거쳐가는 고민거리가 있다. Django? Flask? 아니면 요즘 유행하는 FastAPI?? 어떤 것을 선택해야 할까? 이 글은 개발에 필요한 기초지식을 공부하며 정리한 내용을 다룬 글이다 들어가기 전, 도대체 이것들은 무엇인가? 프레임워크 이 글에서 다루게 될 프로그램들은 모두 프레임워크라 불리는 것으로, 목적에 따라 효율적으로 구조를 짜놓는 개발 방식을 지원해주는 프로그램이다 쉽게말해 코딩에 필요한 완성된 기능들을 지원해주어 개발 시간과 노력을 감축시킬 수 있다는 장점을 가지고 있다 예시로는 로그인, 회원가입, CRUD 등이 있다 Django 이 글에서 다루는 3가지의 프로그램 중 가장 넓은 생태계를 가지고 있는 프레임워크이다 3..
2022.12.31 -
WINDOWS 함수를 다루는 방법을 다루고 있다 TABLE 정보 불러보기 select * from cust_ord limit 100; 고객 별 가장 많이 구매한 상품만 불러오고 싶다면?? 고객별로 잘라서 구매한 금액별로 랭크를 매겨서 그 중 1등만 뽑아내서 가져오면 된다 - WINDOW > LAG 함수 - lag(orddate)? orddate의 다음 날짜를 가져오라 LAG에서 partition by == group by select custid, orddate, LAG(orddate) over (partition by custid order by prod_amt) as next FROM cust_ord; 구매 주기는 구매일의 차를 계산하여 구매할 수 있다 고객의 방문 주기 구해보기 - WINDOW > ..
[SQL] 실습 + 빅데이터 분석 방법들WINDOWS 함수를 다루는 방법을 다루고 있다 TABLE 정보 불러보기 select * from cust_ord limit 100; 고객 별 가장 많이 구매한 상품만 불러오고 싶다면?? 고객별로 잘라서 구매한 금액별로 랭크를 매겨서 그 중 1등만 뽑아내서 가져오면 된다 - WINDOW > LAG 함수 - lag(orddate)? orddate의 다음 날짜를 가져오라 LAG에서 partition by == group by select custid, orddate, LAG(orddate) over (partition by custid order by prod_amt) as next FROM cust_ord; 구매 주기는 구매일의 차를 계산하여 구매할 수 있다 고객의 방문 주기 구해보기 - WINDOW > ..
2022.12.10 -
지난시간 복습 0.복습.1. Orders table의 orderdate를 월, 일 정보만 들고오기 select substring(date_format(orderdate, "%Y%m%d"), 5, 4) from Orders 0.복습.2. 고객 별 월별 구매금액 select custid, substring(date_format(orderdate, "%Y%m%d"), 5, 2), sum(saleprice) from Orders group by custid, substring(date_format(orderdate, "%Y%m%d"), 5, 2) 0.복습.3. 만들어 둔 뷰 삭제하기 drop VIEW V_Orders; 이번 범위는 ~view까지..! 이번시간 실습 - csv파일 toad에 불러와 가공해보기 약 ..
[SQL] 실습 정리지난시간 복습 0.복습.1. Orders table의 orderdate를 월, 일 정보만 들고오기 select substring(date_format(orderdate, "%Y%m%d"), 5, 4) from Orders 0.복습.2. 고객 별 월별 구매금액 select custid, substring(date_format(orderdate, "%Y%m%d"), 5, 2), sum(saleprice) from Orders group by custid, substring(date_format(orderdate, "%Y%m%d"), 5, 2) 0.복습.3. 만들어 둔 뷰 삭제하기 drop VIEW V_Orders; 이번 범위는 ~view까지..! 이번시간 실습 - csv파일 toad에 불러와 가공해보기 약 ..
2022.12.03