분류 전체보기
-
React를 선택한 이유 1. Component를 나누어 개발 할 수 있어 UI를 관리하기 편하다. 2. Virtual DOM 을 사용 (사실 React만 사용 하는건 아니긴 하지만 그냥 넣었다) (https://velopert.com/3236) 3. 방대한 커뮤니티 4. 가비지 컬랙터, 메모리 관리 기능을 지원 5. UI 수정과 재상용성이 좋음 6. 확장성이 좋음 Instagram 클론 코딩을 하며 React의 장단점을 확실히 하려고 한다 프로젝트를 끝내고 Svelte와 Rxjs에 대해 알아 보고 React와 비교해 보고 싶다 TypeScript를 선택한 이유 1. Type이 생겨 컴파일 하기전 오류를 알 아낼 확률을 높여준다 2. 커뮤니티가 방대하다 3. 큰 프로젝트에 필수불가결한 존재 4. 확장성이..
[Instagram-Clone] FrameworkReact를 선택한 이유 1. Component를 나누어 개발 할 수 있어 UI를 관리하기 편하다. 2. Virtual DOM 을 사용 (사실 React만 사용 하는건 아니긴 하지만 그냥 넣었다) (https://velopert.com/3236) 3. 방대한 커뮤니티 4. 가비지 컬랙터, 메모리 관리 기능을 지원 5. UI 수정과 재상용성이 좋음 6. 확장성이 좋음 Instagram 클론 코딩을 하며 React의 장단점을 확실히 하려고 한다 프로젝트를 끝내고 Svelte와 Rxjs에 대해 알아 보고 React와 비교해 보고 싶다 TypeScript를 선택한 이유 1. Type이 생겨 컴파일 하기전 오류를 알 아낼 확률을 높여준다 2. 커뮤니티가 방대하다 3. 큰 프로젝트에 필수불가결한 존재 4. 확장성이..
2023.01.07 -
프로젝트의 목적 내가 이 프로젝트를 해보아야겠다 결정한 이유는 " React와 TypeScript, SCSS를 배웠는데 어디에 사용해봐야 하나? "라는 생각에서 시작되었다. 프로젝트의 목적은 1. 당연하게도 프로젝트를 진행하며 React와 TypeScript의 지식을 쌓으려고 한다 2. 이 프로젝트를 하며 React, Typescript의 장단점에 대해서 확실히 하고 각각의 기술이 필요한 상황이 어떤 때인지를 구분해 보려고 한다 3. 내가 과연 얼마나 할 수 있나 테스트하는 목적 또한 존재한다 이렇게 3가지 목적으로 프로젝트를 시작해보려 한다 물론 진행하면서 추가될 수 있다 (●'◡'●) 프로젝트 규칙 1. 모르는 것이 있다면 공식 문서, Stack Over Flow를 보자 (유튜브 X, 블로그 X) 2..
[Instagram-Clone] 프로젝트를 시작하며프로젝트의 목적 내가 이 프로젝트를 해보아야겠다 결정한 이유는 " React와 TypeScript, SCSS를 배웠는데 어디에 사용해봐야 하나? "라는 생각에서 시작되었다. 프로젝트의 목적은 1. 당연하게도 프로젝트를 진행하며 React와 TypeScript의 지식을 쌓으려고 한다 2. 이 프로젝트를 하며 React, Typescript의 장단점에 대해서 확실히 하고 각각의 기술이 필요한 상황이 어떤 때인지를 구분해 보려고 한다 3. 내가 과연 얼마나 할 수 있나 테스트하는 목적 또한 존재한다 이렇게 3가지 목적으로 프로젝트를 시작해보려 한다 물론 진행하면서 추가될 수 있다 (●'◡'●) 프로젝트 규칙 1. 모르는 것이 있다면 공식 문서, Stack Over Flow를 보자 (유튜브 X, 블로그 X) 2..
2023.01.07 -
DATE, TIME CURDATE, CURTIME, NOW SELECT CURDATE(), CURTIME(), NOW() -- > CURDATE 현재 날짜 반환 -- > CURTIME 현재 시간 반환 -- > NOW 현재 날짜, 시간 반환 DATE, TIME SELECT "2022-6-25" = "2022-06-25", DATE("2022-6-25") = DATE("2022-06-25"), "4:6:05" = "04:06:05" TIME("4:6:05") = TIME("04:06:05") -- > 0 -- > 1 -- > 0 -- > 1 -- > DATE, TIME 문자열로 날짜/시간 생성 YEAR, MONTHNAME, MONTH, WEEKDAY, DAYNAME, DAY SELECT YEAR("2022-..
[SQL] DATE, TIMEDATE, TIME CURDATE, CURTIME, NOW SELECT CURDATE(), CURTIME(), NOW() -- > CURDATE 현재 날짜 반환 -- > CURTIME 현재 시간 반환 -- > NOW 현재 날짜, 시간 반환 DATE, TIME SELECT "2022-6-25" = "2022-06-25", DATE("2022-6-25") = DATE("2022-06-25"), "4:6:05" = "04:06:05" TIME("4:6:05") = TIME("04:06:05") -- > 0 -- > 1 -- > 0 -- > 1 -- > DATE, TIME 문자열로 날짜/시간 생성 YEAR, MONTHNAME, MONTH, WEEKDAY, DAYNAME, DAY SELECT YEAR("2022-..
2022.10.25 -
STRING METHOD CONCAT, CONCAT_WS SELECT CONCAT("HELLO", "WORLD", "TOM"), CONCAT_WS("/", "HELLO", "WORLD", "TOM"); -- > CONCAT HELLOWORLDTOM -- > CONCAT_WS HELLO/WORLD/TOM UPPER, LOWER SELECT UPPER("hello"), LOWER("FINE"); -- > UPPER HELLO -- > LOWER fine TRIM, LTRIM, RTRIM SELECT CONCAT("|", TRIM(" hello "), "|"), CONCAT("|", LTRIM(" hello "), "|"), CONCAT("|", RTRIM(" hello "), "|"); -- > TRIM |..
[SQL] STRING_METHODSTRING METHOD CONCAT, CONCAT_WS SELECT CONCAT("HELLO", "WORLD", "TOM"), CONCAT_WS("/", "HELLO", "WORLD", "TOM"); -- > CONCAT HELLOWORLDTOM -- > CONCAT_WS HELLO/WORLD/TOM UPPER, LOWER SELECT UPPER("hello"), LOWER("FINE"); -- > UPPER HELLO -- > LOWER fine TRIM, LTRIM, RTRIM SELECT CONCAT("|", TRIM(" hello "), "|"), CONCAT("|", LTRIM(" hello "), "|"), CONCAT("|", RTRIM(" hello "), "|"); -- > TRIM |..
2022.10.25 -
NUMBER_METHOD ROUND, CEIL, FLOOR SELECT ROUND(0.5), CEIL(0.5), FLOOR(0.5); -- ROUND = 1 (반올림) -- CEIL = 1 (올림) -- FLOOR = 0 (내림) ABS SELECT ABS(-4); -- ABS = 4 (절댓값) POWER SELECT POWER(2, 2); -- POWER 4 (제곱) -- POWER (a, b) a를 b만큼 제곱 SQRT SELECT SQRT(81, 4) -- SQRT 4 (제곱근) -- SQRT (a, b) a의 b 제곱근 -- POWER(81, 1/4) 과 같음 GREATEST, LEAST SELECT GREATEST(1, 2, 3), LEATEST(1, 2, 3); -- GREATEST 3 (괄호..
[SQL] NUBMER_METHODNUMBER_METHOD ROUND, CEIL, FLOOR SELECT ROUND(0.5), CEIL(0.5), FLOOR(0.5); -- ROUND = 1 (반올림) -- CEIL = 1 (올림) -- FLOOR = 0 (내림) ABS SELECT ABS(-4); -- ABS = 4 (절댓값) POWER SELECT POWER(2, 2); -- POWER 4 (제곱) -- POWER (a, b) a를 b만큼 제곱 SQRT SELECT SQRT(81, 4) -- SQRT 4 (제곱근) -- SQRT (a, b) a의 b 제곱근 -- POWER(81, 1/4) 과 같음 GREATEST, LEAST SELECT GREATEST(1, 2, 3), LEATEST(1, 2, 3); -- GREATEST 3 (괄호..
2022.10.25 -
기본 연산자 (+, -, /, %, *) SELECT 1 + 2; -- 3 - 더하기 SELECT 3 - 3; -- 0 - 빼기 SLECET 6 / 3; -- 2 - 나누기 SELECT 3 * 2; -- 6 -곱하기 SELECT 10 % 3; -- 1 - 나누기 다른 연산자 ( IS, LIke, __, %, BETWEEN, IN, AND, OR ,!, , , =) SELECT name FROM Datas WHERE !(name = "TOM); -! 반전 name 이 TOM이 아니면 참 SELECT Id, Name FROM Datas WHERE id > 3 AND Name = "tom"; - AND( && ) 연산자 양쪽 다 참이어야 함 - ID가 3보다 크고 Name 이 tom인 것만 가져옴 SELECT..
[SQL] 연산자기본 연산자 (+, -, /, %, *) SELECT 1 + 2; -- 3 - 더하기 SELECT 3 - 3; -- 0 - 빼기 SLECET 6 / 3; -- 2 - 나누기 SELECT 3 * 2; -- 6 -곱하기 SELECT 10 % 3; -- 1 - 나누기 다른 연산자 ( IS, LIke, __, %, BETWEEN, IN, AND, OR ,!, , , =) SELECT name FROM Datas WHERE !(name = "TOM); -! 반전 name 이 TOM이 아니면 참 SELECT Id, Name FROM Datas WHERE id > 3 AND Name = "tom"; - AND( && ) 연산자 양쪽 다 참이어야 함 - ID가 3보다 크고 Name 이 tom인 것만 가져옴 SELECT..
2022.10.25 -
SELECT * FROM 데이터 뭉치; -- 데이터 뭉치 (이하 Datas) - 데이처 뭉치에서 [*] 모든 것을 가져옴 SELECT name FROM Datas; - name이라는 열을 Datas에서 가져옴 SELECT id FROM Datas WHERE id = 3; -- WHERE 조건문 이라 생각해도됨 -id가 3인 열을 Datas에서 가져옴 SELECT name, id FROM Datas WHERE id > 3 LIMIT 10; -- LIMIT 0, 10 첫번째 행부터 10개 -- LIMIT 10, 10 10번째 행부터 10개 - id가 3보다 큰 행의 name,id를 Datas의 첫 번째 행부터 10번째까지 가져옴 SELECT * FROM Datas ORDER BY name DESC; - na..
[SQL] SELECTSELECT * FROM 데이터 뭉치; -- 데이터 뭉치 (이하 Datas) - 데이처 뭉치에서 [*] 모든 것을 가져옴 SELECT name FROM Datas; - name이라는 열을 Datas에서 가져옴 SELECT id FROM Datas WHERE id = 3; -- WHERE 조건문 이라 생각해도됨 -id가 3인 열을 Datas에서 가져옴 SELECT name, id FROM Datas WHERE id > 3 LIMIT 10; -- LIMIT 0, 10 첫번째 행부터 10개 -- LIMIT 10, 10 10번째 행부터 10개 - id가 3보다 큰 행의 name,id를 Datas의 첫 번째 행부터 10번째까지 가져옴 SELECT * FROM Datas ORDER BY name DESC; - na..
2022.10.25 -
Stack이란 무엇인가 Stack 자료 구조란 LIFO(Last Input First Out) 마지막으로 들어온 데이터가 가장 먼저 나간다 들어올 때는 가장 위에 들어오고 나갈 때는 가장 위에 저장된 것이 나간다 Python을 사용해 구현해보도록 하자 class Stack: def __init__(self) -> None: self.items = [] def push(self, val): self.items.append(val) def pop(self): try: return self.items.pop() except IndexError: print("Stack empty") def top(self): try: return self.items[-1] except IndexError: print("Stac..
[Data Structure] StackStack이란 무엇인가 Stack 자료 구조란 LIFO(Last Input First Out) 마지막으로 들어온 데이터가 가장 먼저 나간다 들어올 때는 가장 위에 들어오고 나갈 때는 가장 위에 저장된 것이 나간다 Python을 사용해 구현해보도록 하자 class Stack: def __init__(self) -> None: self.items = [] def push(self, val): self.items.append(val) def pop(self): try: return self.items.pop() except IndexError: print("Stack empty") def top(self): try: return self.items[-1] except IndexError: print("Stac..
2022.10.02 -
File 관련 명령어 touch [File Name] : 파일 생성 head [File Path] : 파일의 상위 10줄 출력 tail [File Path] : 파일의 하위 10줄 출력 cat [File Path] : 파일 모든 줄 출력 옵션들 head -n 100 [FILE Path] : 상위 100줄 출력 (head -100 [FILE Path])
[Linux] FileFile 관련 명령어 touch [File Name] : 파일 생성 head [File Path] : 파일의 상위 10줄 출력 tail [File Path] : 파일의 하위 10줄 출력 cat [File Path] : 파일 모든 줄 출력 옵션들 head -n 100 [FILE Path] : 상위 100줄 출력 (head -100 [FILE Path])
2022.09.26 -
MergeSort 시간 복잡도 : ( N * Log N ) 간단 설명 : 일단 정렬을 할 배열을 하나하나 다 쪼갠다 밑에 그림 참고!! 이렇게 잘린 배열로 뭘 하면 될까? 우리는 저렇게 잘린 배열을 하나하나 붙여 가며 정렬할 것이다 말로 하면 어려우니 밑에 그림을 보도록 하자! #include int sorted[10]; void merge(int a[], int s, int middle, int e){ int i = s; int j = middle + 1; int k = s; while(i
[Algorithm] MergeSort AlgorithmMergeSort 시간 복잡도 : ( N * Log N ) 간단 설명 : 일단 정렬을 할 배열을 하나하나 다 쪼갠다 밑에 그림 참고!! 이렇게 잘린 배열로 뭘 하면 될까? 우리는 저렇게 잘린 배열을 하나하나 붙여 가며 정렬할 것이다 말로 하면 어려우니 밑에 그림을 보도록 하자! #include int sorted[10]; void merge(int a[], int s, int middle, int e){ int i = s; int j = middle + 1; int k = s; while(i
2022.09.25