티스토리

코딩하는 혁이

검색하기

블로그 홈

코딩하는 혁이

coding-hyeok.tistory.com/m

dbsgur.github.io

구독자: 8

방명록 방문하기

반응형

주요 글 목록

[JS] Package Manager (npm, yarn, yarn berry, pnpm) package manager에 대해 다루기 전에 모듈과 패키지에 대한 개념을 remind하고 가자 모듈이란 ? 프로그래밍에서 재사용 가능한 코드 조각을 나타낸다. 패키지란 ? 프로그래밍에서 코드, 리소스, 설정 파일 등을 묶어서 효율적으로 관리하고 배포하기 위한 단위를 의미함. 주로 패키지는 모듈의 집합이며, 프로그램이나 애플리케이션을 개발, 유지보수, 배포하기 위한 목적으로 사용됨. 이 패키지(라이브러리)들을 우리는 개발을 하며 많이 사용한다. (예를 들어 npm install react, yarn add react 와 같은 명령어로 라이브러리를 설치를 하면 package.json 또는 yarn.lock 파일이 생성되며 라이브러리의 버전 및 의존성을 관리해준다. ) 이 명령어 앞에 붙은 npm, yar.. 공감수 1 댓글수 0 2024. 3. 1.
[Book] 7가지 보고의 원칙 보고는 중요하다. 특히 나같은 주니어 사원(개발자)들에게는. 상사가 나의 업무 현황도 파악해야하며, 어떤 어려움을 겪고 있는지, 성과는 어떤지에 대해 파악이 필요하기 때문이다. 사실 당연한 얘기들이다. 그러나, 우리는 종종 이들을 잊고 살아간다. 이 책을 한번 보고 보고 잘해서 상사에게 이쁨 받는 사원이 되길 바란다. 원칙에 앞서 보고에 필요한 것은 생각하는 힘, 분석력이 있다. 보고는 상사에게 잘보이려고 하는 목적도 있을 수 있겠지만, 말 그대로 현재상황에 대한 객관적인 상황을 전달하는 데에 있다. 이 책의 근본은 보고를 함에 앞서 7가지 원칙을 따름으로서 생각하는 방법을 제시한다. 아래는 책에서 주장하는 7가지 보고의 원칙이다. 7가지 보고의 원칙 1. 고객지향의 원칙 2. 구조적 사고의 원칙 3. .. 공감수 4 댓글수 0 2024. 2. 3.
[JS] package.json, package-lock.json 이 뭐에요 ? (feat, ^(caret)와 ~(tilde)) package.json 현재 폴더(프로젝트)에 관한 정보와 패키지 매니저(npm, yarn)을 통해 설치된 라이브러리, 모듈들의 의존성을 관리하는 json파일이다. { "name": "coding-hyeok", "version": "0.1.0", "private": true, // ~~ "dependencies": { "열코": "^1.2.3" }, "devDependencies": { "혁코": "~1.1.1" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", }, "proxy": "http://localhost:4000" } 위는 예시이다. 리액트를 사용하는 독자라면 익숙한 것일테다. name, version.. 공감수 2 댓글수 1 2024. 1. 27.
[Book] index Book 카테고리를 쓰게 된 계기 더보기 최근 이직을 했다. 이직 후 개발자 필수 도서 몇권을 추천해줬다. 읽으면서 좋은 책들과 내용이 있으면 적어놓으려고 한다. 잡설 더보기 내 생각에 책은 크게 1. 자기 계발 책 2. 지식을 공유하는 책 ex) 모던 자바스크립트 딥다이브 3. 재미를 주는 책 ex) 만화책 로 분류된다. 나는 만화책을 제외한 모든 분류의 책을 별로 좋아하지 않는다. 2번 분류의 책들은 필요에 의해 읽는 편이지만, 1번 분류의 책은 읽을 필요가 없다고 생각한다. 이유는 너무 당연한 말들을 써놓은 것 같아서이다. 예를 들어, 좋은 사람이 되려면 윗사람을 공경하고, 자신이 한 말은 지키며 타인의 말을 경청하고 ~~ 등, 건강해지기 위해서는 규칙적인 생활패턴과 식습관, 운동과 금연, 금주 등.. 공감수 5 댓글수 2 2024. 1. 27.
[SW 정글] 6/7 ~ 21 WIL - (feat, pintOS VM - all pass) cow 개념 해결 방법 - 자식이 부모와 같은 물리메모리를 가리키게한다. (자식의 writable을 0으로 한다.) - 자식이 write를 할 경우 pagefault를 발생시키고, 메모리를 새로 복사하여 할당 후 write를 수행한다. (이 과정에서 원래(부모)의 writable을 확인하고, 새 메모리를 할당 후에는 기존(부모)의 writable로 writable을 바꿔준다.) // 기존코드 bool supplemental_page_table_copy(struct supplemental_page_table *dst, struct supplemental_page_table *src) { struct hash_iterator iter; hash_first(&iter, &(src->spt)); while (h.. 공감수 5 댓글수 9 2022. 6. 21.
[SW 정글] 5/22 ~ 25 WIL - (feat, pintOS) 이거 왜 함? 단순히 시켜서 한다 ? 내가 생각하는 개발자의 기본 덕목 '생각하며 프로그래밍하기'에 어긋난다. 그래서 운영체제를 왜 해야하는지 납득해보자 운영체제는 사용자를 위해 하드웨어, 소프트웨어를 관리하는 시스템 소프트웨어다. 사용자를 위해 뭘 해주나 ? 👉 메모리(자원)를 효율적으로 관리하고 운영(스케쥴)한다. 또한 프로그램이나 다른 사용자가 데이터를 삭제하거나 중요 파일에 접근하지 못하게 자원 보호도 해준다. 그리고 주어진 문제(pintos에서는 thread?)를 정확하고 빠르게 처리해주려고 노력한다. 프로그래머는 사용자들에게 프로그램를 제공한다. 그 프로그램은 사용자의 정보를 보호하고, 메모리를 효율적으로 관리하고 빠르고 정확해야할 필요가 있다.(사용자를 유치하고 싶다면.) 위처럼 운영체제가 .. 공감수 4 댓글수 3 2022. 5. 26.
[SW 정글] 5/21 PintOS - alarm 할거 pintos주차가 왓다 처음은 alarm clock이다 과제 내용은 아래와 같다 Reimplement timer_sleep(), defined in devices/timer.c. Although a working implementation is provided, it busy waits, that is, it spins in a loop checking the current time and calling thread_yield() until enough time has gone by. Reimplement it to avoid busy waiting. 👇 evices/timer.c에 정의된 timer_sleep()을 다시 구현합니다. 작동하는 구현이 제공되더라도 바쁘게 기다립니다. 즉, 현재 시간을.. 공감수 3 댓글수 0 2022. 5. 21.
[SW 정글] 5/20 운영체제 - 스케쥴 배운거 Scheduling Criteria CPU utilization(이용료) * CPU입장 - keep the CPU as busy as possible - CPU가 쉬지 않고 일한시간 Throughput(처리량) * CPU입장 - 주어진 시간동안 얼마나 일했는지 Turnaround Time * 사용자 입장 - CPU가 들어오고 나가는 동안의 시간 (ready + running time) Waiting Time * 사용자 입장 - ready queue에서 기다리는 시간 Response Time * 사용자 입장 - CPU를 처음 얻기까지의 시간 Scheduling Algorithms FCFS(First-Come First-Served) 먼저 온놈 먼저 해주기 비선점형(non preemptive) 알고리.. 공감수 2 댓글수 0 2022. 5. 20.
[SW 정글] 5/19 운영체제 - 프로세스, 스레드, 스케쥴러 배운거 운영체제란 자원을 효율적으로 관리해주고, 컴퓨터 시스템을 편리하게 사용하게 도와주는 것이다. 운영체제의 분류에 따른 종류 동시작업 가능 여부에 따른 분류 1) Single Tasking (단일 작업) - 한번에 하나의 작업만 처리 ex) MS-DOS 2) Multi Tasking (다중 작업) - 동시에 두개 이상의 작업 처리 ex) MS-Windows, UNIX ... 사용자의 수에 따른 분류 1) Single User (단일 사용자) - 혼자 사용 ex) MS-DOS, MS- Windows 2) Multi USer (다중 사용자) - 2명 이상 사용 ex) UNIX, NT Server 처리방식에 따른 분류 1) Batch Processing (일괄처리) - 작업 요청의 일정량 모아서 한꺼번에 .. 공감수 4 댓글수 0 2022. 5. 20.
[SW 정글] 5/14 TIL - what is HTTP? 배운것 HTTP란? Hyper Text Transfer Protocol의 약자. (Made by Tim Berners - LEE) HTML과 같은 하이퍼 미디어 문서를 전송하기 위한 Application(응용) Layer(계층) 프로토콜 초기에는 웹 브라우저와 웹 서버간의 커뮤니케이션을 위해 디자인 되었다. HTTP는 Stateless Protocol이다. 이는 서버가 두 요청간에 어떠한 데이터(상태)도 유지하지 않음을 의미한다. HTTP / 0.9 - One - Line Protocol 0.9는 매우 단순하다. 요청은 단일 라인으로 구성되며 리소스에 대한 경로로 가능한 request method는 GET이 유일했다. GET /mypage.html 응답 또한 극도로 단순하다. 아래와 같이 오로지 파일 내.. 공감수 2 댓글수 0 2022. 5. 17.
[SW 정글] 5/13 TIL - 웹서버 배운 것 웹 기초 웹 클라이언트와 서버는 HTTP(Hypertext Transfer Protocol)라고 하는 텍스트 기반 응용 수준 프로토콜을 사용해서 상호 연동한다. 웹 클라이언트(=browser)는 서버로의 인터넷 연결을 오픈하고 컨텐츠 요청을한다. 서버는 요청한 컨텐츠로 응답하고, 그 후에 연결을 닫아준다. 브라우저는 컨텐츠를 읽고 이것을 스크린에 보여준다. HTTP와 FTP(File Transfer Protocol)와의 주요차이점은 웹 컨텐츠는 HTML(Hyper Text Markup Language)이라는 언어로 작성될 수 있다는 것이다. 웹 컨텐츠 웹클라이언트와 서버에게 컨텐츠는 연관된 MIME(Multipurpose Internet Mail Extensions)타입을 갖는 바이트 배열이다... 공감수 1 댓글수 0 2022. 5. 14.
[SW 정글] 5/12 TIL 네트워크 프로그래밍 배운것 클라이언트 - 서버 프로그래밍 모델 모든 네트워크 Application Program은 클라이언트-서버 모델이 기초하고 있다. 이 모델을 사용해서 Application은 한개의 서버 프로세스와 한 개 이상의 클라이언트 프로세스로 구성된다. 서버는 (1) 일부 리소스를 관리하고, (2) 리소스를 조작해서 클라이언트를 위한 일부 서비스를 제공한다. !! URL : Uniform Resource Locator 👈 이 리소스도 위 리소스에 포함된다. 예를 들어, 웹 서버는 디스크 파일들을 관리하고 클라이언트를 대신해서 이들을 가져오고 실행한다. 클라이언트 - 서버 모델에서 근본적인 연산은 트랜잭션이다. 클라이언트 - 서버 트랜잭션은 네 단계로 구성된다. 1) 클라이언트가 서비스가 필요로 할 때, 클라이언.. 공감수 2 댓글수 0 2022. 5. 14.
[SW 정글] 웹서버 구현 error - 403 Forbidden , Tiny couldn't read the file: ./ (feat, c) 이번 주차 과제는 웹서버를 직.접 구현하는 거다. 하는 도중 에러는 안나지만 페이지에 접속하면 아래와 같은 화면이 나온다. 찾아본 결과 // Analysis HTTP URI int parse_uri(char *uri, char *filename, char * cgiargs) { char *ptr; // 실행파일의 홈디렉토리는 /cgi-bin이라고 가정한다 if(!strstr(uri, "cgi-bin")){ // if for static content strcpy(cgiargs, ""); // delete cgi args strcpy(filename, "."); // uri를 ./index.html같은 상대 리눅스 경로이름으로 변환한다. strcat(filename, uri); // strcat(*str1.. 공감수 1 댓글수 0 2022. 5. 13.
[SW 정글] 5/7~11 TIL 가상메모리 - 주소번역, TLB, 메모리 계층구조, malloc 구현 말록 설명하기에는 내가 아직 말록에 대한 지식이 부족한것 같다. 정리를 잘한 동기의 주소를 첨부한다. https://wonyoung2257.tistory.com/87 그런 사람 없겠지만, 나의 코드가 궁금한 사람을 위해 링크를 남겨놓겠다. https://github.com/dbsgur/malloc-lab/blob/main/mm.c 주소 번역 주소번역은 N-원소 가상주소공간 (VAS : virtual address space)와 M-원소 물리 주소 공간(PAS : Pysical Address Space)의 원소들간의 매핑이다. PTBR(Page Table Base Register)은 현재 페이지 테이블을 가리킨다. n비트 가상 주소는 두개의 컴포넌트를 가진다. : p비트 가상 페이지 오프셋(VPO:Virt.. 공감수 3 댓글수 2 2022. 5. 11.
[SW 정글] 5/6 TIL 가상메모리 가상 메모리 : 가상 메모리 또는 가상 기억 장치(가상기억기, virtual memory, virtual storage)는 메모리 관리 기법의 하나로, 기계에 실제로 이용 가능한 기억 자원을 이상적으로 추상화하여 사용자들에게 매우 큰 (주) 메모리로 보이게 만드는 것 주기억 장치 용량이 작기 때문에 보조기억장치를 마치 주기억 장치 처럼 사용하여 주기억 장치의 공간을 확대하는 효과를 내기 위한 기억 장치 관리 방법 물리 및 가상 주소 방식 CPU가 메모리에 접근하는 가장 자연스러운 방식은 물리주소를 사용하는 것이다. 위와 같은 접근 방법을 물리 주소 방식이라한다. 실행과정은 CPU가 로드 인스트럭션을 실행할때 유효 물리 주소를 생성 -> 이것을 메모리 버스를 거쳐서 메인 메모리에 전달 -> 메인 메모리는 .. 공감수 1 댓글수 2 2022. 5. 7.
[SW 정글] 5/5 TIL - malloc 구현 왜 하냐? (feat, c) 이번주차 과제는 c로 malloc, free 구현이다. 즉, 동적할당을 직접 구현해보는 것이다. 하라는데 하기가 싫다. 적어도 내가 왜 이걸 구현 해야하는지, 무슨 도움이 될지 알아야겠다. 그래서 가상메모리의 정의와 기능, 중요한 이유. 그리고 동적할당을 구현했을 때 앞으로의 나에게 무슨 도움이 될지 알아보았따. 한 시스템의 프로세스들은 CPU와 메인 메모리를 다른 프로세스들과 공유한다. 그러나, 말이 쉽지 메인 메모리를 공유하는 것은 어려움을 많이 만난다. 예를 들어, CPU에 대한 요구가 증가함에 따라 프로세스들은 점점 느려진다. 또한, 너무 많은 프로세스들이 너무 많은 메모리를 요구하면 일부는 실행할 수 도 없게 된다. 또 다른 예로, 메모리는 손실에 취약하다. 만일 일부 프로세스가 무심코 다른 프.. 공감수 3 댓글수 1 2022. 5. 7.
[SW 정글] 5/1 ~ 5/4 TIL RB Tree (feat, C) 이번주차는 RED - BLACK TREE를 직접 구현해보는 것이 과제이다. rb tree의 조건은 다음과 같다 1. 모든 노드는 색을 가진다. Red or Black 2. root 노드는 black 3. leaf node는 black 4. red node의 child node는 black(black node의 child node는 상관없다.) 5. 각 노드에서 leaf node로 가는 경로 중 black node의 수는 항상 같아야 한다. (-> 이 조건 때문에 균형이 유지된다.) fact 1, v의 서브트리의 내부노드 개수 >= 2^(bh(v)-1) fact 2, black의 노드 개수 >= h/2 => black(root) >= h/2 fact 3, h = O(log2N) h(v) : v의 높이 bh.. 공감수 3 댓글수 1 2022. 5. 4.
[SW정글] 4/30 TIL - pointer -> Linked List, Queue(feat, C) 주소값 데이터의 주소값이란 해당 데이터가 저장된 메모리의 시작 주소를 의미한다. 예를 들어 int data는 4바이트 크기를 가지지만 int형 데이터의 주소값은 시작 주소 1바이트만 가리킨다. 포인터 메모리의 주소값을 저장하는 변수이다. 연산자 주소 연산자 & 변수의 이름 앞에 사용하며, 해당 변수의 주소값을 반환한다. ampersand라고 읽는다. 참조 연산자 * 포인터의 이름이나 주소 앞에 사용하며, 포인터에 가리키는 주소에 저장된 값을 반환한다. stack 구현 전역변수 Ver #include #include #include #define MAX_STACK_SIZE 100 #define MAX_STRING 100 // 학생 구조체 선언 typedef struct { int student_number.. 공감수 2 댓글수 0 2022. 4. 30.
[SW정글] 4/29 TIL - 메모리 누수, 균형이진트리, RB TREE(feat, C) 메모리누수 메모리 누수란 ? 컴퓨터가 필요하지 않은 메모리를 계속 점유하고 있는 현상이다. c는 파이썬이나 자바스크립트처럼 가비지 컬렉터가 없다. 사용자가 메모리를 할당해주고 해제?(free)를 해주지 않으면 메모리 누수 현상이 발생한다. malloc 등과 같은 메모리를 동적할당 했다면, 꼭! 꼮! free를 해주는 습관을 들이도록 하쟈! 균형 이진 트리 균형 이진 트리란? 말 그대로 균형이 잡힌 이진 트리이다. (높이는 O(logN)을 만족) 균형이 잡히지 않았다면 search까지 최대 O(N)이 걸릴 수 있기 때문에 나온 개념이다. 균형 이진트리의 종류로 AVL Tree, Red-Black Tree가 있는데 Red-Black 트리가 많이 쓰인다. 이유는 밑에서 설명하겠다. AVL Tree Avarag.. 공감수 2 댓글수 0 2022. 4. 30.
[SW정글] week04 후기 (feat, dp, 그리디) Dynamic Programming - DP 정의 - 큰 문제를 작은 문제로 나눌 수 있고, 그 겹치는 작은 문제들의 경우 메모제이션 기법을 사용하여 큰 문제를 푸는 기법 분할 정복을 하는데 그걸 메모제이션해서 나아간다. DP의 장점 - 모든 가능한 경우를 확인하기 때문에 근사치가 아닌 정확한 값을 얻을 수 있따. DP의 단점 - 모든 가능한 경우를 확인하기 때문에 시간복잡도가 크다. 알고리즘 주차를 진행하며 DP가 제일 어려웠다. 점화식을 떠올리는게 정말 어려웠고, 정답 코드는 너무 짧아서 보면 허무했을 정도다. 또한, 알고리즘이 너무 많았다. 예를 들어 Knapsack problem, LIS(Longest Increasing Sequence), LCS(Longest Common Sequence), .. 공감수 3 댓글수 0 2022. 4. 30.
[SW 정글] 백준 2098 외판원순회 - 비트마스킹(feat, Python) 잡설 이번 주차는 동적프로그래밍과 그리디 알고리즘에 대해 공부하고 문제를 푼다. dp문제는 풀 때마다 항상 다른 게 나오는 것 같다. 몇 문제 안 풀어 봣지만, 문제를 보고 어떤 알고리즘인지 아는 것이 중요할 것 같다. Kanpsack problem, bitmasking, LIS(Longest Increasing Subsequence), LCS(Longest Common Subsequence) 등이 있다. 다양한 문제들을 풀어보고 다양한 알고리즘들의 풀이법을 익히는 것이 중요할 것 같다. 위 4개의 알고리즘 문제를 만났을 때, 가장 어려웠던 bitmasking문제를 기록해놓으려한다. 정답 코드 import sys sys.stdin = open(‘input.txt’) N = int(sys.stdin.rea.. 공감수 4 댓글수 5 2022. 4. 23.
[SW 정글] 백준 2573 - 빙산 (feat, python) 문제 설명 https://www.acmicpc.net/problem/2573 2573번: 빙산 첫 줄에는 이차원 배열의 행의 개수와 열의 개수를 나타내는 두 정수 N과 M이 한 개의 빈칸을 사이에 두고 주어진다. N과 M은 3 이상 300 이하이다. 그 다음 N개의 줄에는 각 줄마다 배열의 각 행을 www.acmicpc.net 문제 접근 1. 빙하 상하좌우에 바닷물이 몇 면에 접해잇는지 파악 2. 1년마다 빙하 녹이기 3. 빙하가 몇덩이인지 확인하기(2이상인지 0인지) 빙하가 1덩이라면 1, 2, 3을 계속 반복하긔 처음에는 빙하 하나씩 하나씩 차근차근 녹이려고 했다. 그러나 0 0 0 0 0 0 2 3 4 0 0 5 0 4 0 0 8 7 9 0 빙하가 있다고 하면 0 0 0 0 0 0 0 1 2 0 0.. 공감수 3 댓글수 0 2022. 4. 20.
[SW정글] week03 후기 + DFS, BFS, 위상정렬 한계를 경험하고 극복해라. - Youngji Jang 재수시절, 선생님에게 "혁아, 너는 잠때문에 인생 망할 거같다."라는 말을 들은 적이 있다. 그 정도로 나는 잠이 많다. 그러나 정글에 와서 "한계를 경험하고 극복해라" 라는 Youngji Jang의 말씀을 듣고 잠을 줄이려고 노력중이다. (오늘은 코피도 났ㄷr...) 실력이 느는 것이 체감이 들지는 않지만, 정글에 오기전에 백준 실버 4-5문제만 골라풀던 내가 이제는 골드문제도 두려워하지 않고 푸는 모습을 보고 뿌듯한 감정을 느낀다. 시간이 벌써 한달 가까이 됐다. 취업하는 날도 얼마 남지 않았으리라 믿는다. 그러나 4개월 후면 모두 흩어진다는 것이 조~~~끔 아쉽다. 잡설은 그만하고 week3동안 문제를 풀면서 느낀 점을 적어보쟈 최근 내카라 기출.. 공감수 10 댓글수 2 2022. 4. 18.
[SW정글] 분할정복(🔥), 이진 탐색 분할 정복이란 devide & conquer로, 큰 문제를 작은 문제로 나눠 정복하여 큰문제를 해결하는 것이다. 나는 이 방식을 모든 알고릐듬 문제에 다 적용시켜 문제를 풀려고 노력한다. 예를 들어 백준의 10830 문제를 보자 https://www.acmicpc.net/problem/10830 10830번: 행렬 제곱 크기가 N*N인 행렬 A가 주어진다. 이때, A의 B제곱을 구하는 프로그램을 작성하시오. 수가 매우 커질 수 있으니, A^B의 각 원소를 1,000으로 나눈 나머지를 출력한다. www.acmicpc.net 문제를 보고 답을 구하기 위해 내가 해야할 것들을 정리한다. 위 문제의 경우 1. 제곱을 분할 정복으로 빠르게 구하기 2. 행렬의 곱셈 3. 행렬에 1000 나눠주기 로 작은문제들로 분.. 공감수 5 댓글수 8 2022. 4. 12.
[WEEK01] 후기 (한 것, 운영진느님들과 Tea Time, 느낀점) WEEK01 정글을 오고 시간이 하루하루는 잘가지만 날짜가 잘 가지 않는 다고 느낀다. 말이 이상하지만 진짜 그렇다. 같이 지내는 사람들과도 계속 같이 있다보니 벌써 한달은 된거같은데 실제로는 10일정도 지났다 ... ㅎ week01 ~ week04는 알고리즘(컴퓨팅 사고로의 전환)을 공부한다. 그 중에서 week01은 정수론, 배열, 문자열, 재귀함수, 정렬, 완전탐색, 시간복잡도에 대해 공부하고 백준 문제를 풀었다. 내 생각보다 하루에 할 수 있는 공부량은 어마어마했다. 이게 내가 1주일간 푼 문제들이다. (스크롤이 더있다 ...) 문제를 풀면서 2일 붙잡고 있었던 문제도 있었다. 나중에 알게 된 것이지만, 그렇게 오래 붙잡고 있는 것은 바람직하지 못하다고 한다. 이렇게 일주일 동안 열심히해서 오늘 .. 공감수 4 댓글수 4 2022. 4. 7.
[특별한과제] 찬찬히 나를 돌아보는 시간 과거의 성찰 나태 0주차 프로젝트를 3박 4일 동안 하루 최소 14시간 정도 프로젝트에 몰입했다. 이렇게 많은 시간을 쏟아부으며 공부를 해보니, 정글에 오기전에 내가 얼마나 나태한줄 알게되었다. 또한 하면 할 수 있다는 것을 다시 한번 깨닫게 되는 시간이었다. 5개월동안 임하는 자세 꾸준함 몇년 안 살았지만, 꾸준함, 끈기가 정말 중요하다는 것은 알고 있다. 하루 이틀 열심히 하는 것이 아니라, 5개월 동안 지금의 마음가짐을 까먹지 않고 꾸준히 열심히 할 것이다. 정말 열심히 해서 고액 연봉자가 되고 싶다 >_< !! 5개월 동안 얻고 싶은 것 인적 네트워크 프로그래밍에만 몰입할 수 있는 최고의 환경을 제공해준다. 공부를 열심히 하는 것은 당연한 것이고, 같은 팀인 23명과도 친하게 지내면서 정글이 끝나.. 공감수 7 댓글수 8 2022. 4. 1.
[0week] 정글사관학교 첫 프로젝트 후기 0주차는 3명에서 한 팀으로 팀프로젝트를 만들었다. (기간 : 월 오후 3시 ~ 목 오후 1시) 프로젝트 개발 배경 비싼 배달비로 배달이 망설여지는 요즘, 먹고 싶은 음식(상호명)을 올리고 같이 시켜먹을 사람을 구해 배달비를 나눠서 낼 수 있는 웹 사이트를 만들려고 했다. 필수 포함 기능 - 로그인 기능 - Jinja2 템플릿 엔진을 이용한 서버사이드 렌더링 더 고민해볼 키워드 - Bootstrap을 대체할 CSS 라이브러리 사용하기(Bulma등) - jwt인증 방식으로 로그인을 구현하기 (쿠키/세션 대비 등장하게 된 배경) 설계 메인페이지에는 마감시간이 안지난 리스트들을 시간 오름차순으로 정렬해서 나열해준다. + 버튼을 누르면 글을 등록할 수 있다. (로그인 시에만 가능) 함께하기 버튼 클릭시 오픈채팅.. 공감수 2 댓글수 3 2022. 3. 31.
[Javascript] 인증과 인가, 암호화, jwt (flask, bcrypt) 회원가입과 로그인은 알면 알수록 짜릿하다. 실생활에서 겁나 아무생각 없이 쓰고 있는 별거 아닌 기능인 거 같지만 사용자의 정보가 들어가기 때문에 매우매우 중요한거 같다. 그래서 이번에 제대로 알아보려한다. 관련 문서를 보고 이해를 바탕으로 정리하였습니다. 틀릴 수도 있으니 지적해주시면 겸허히 받아들이도록 하겠습니다. 회원가입과 로그인을 알아보기 전에 인증과 인가에 대해 먼저 알아보자 1. 인증 Authentication 인증은 사용자가 누구인지 확인하는 절차다. 회원가입과 로그인이 대표적인 예이다. 인증의 보안을 강화하기 위해서 내가 한 방법은 1. 회원가입시 bcrypt로 사용자 정보 암호화하기 2. 로그인 시 회원가입된 비번을 복호화해서 확인하는 것이 아닌 로그인 시 비밀번호를 암호화해서 확인하기 3.. 공감수 0 댓글수 0 2022. 2. 2.
[Javascipt] 화살표 함수 => (1/30) 화살표 함수 (Arrow Function) 의 선언 화살표 함수는 function 키워드 대신 화살표를 사용하여 보다 간략한 방법으로 함수를 선언할 수 있따. 하지만, 모든 경우 화살표 함수를 사용할 수 있는 것은 아니다. 화살표 함수의 기본 문법은 아래오 같다. // 매개변수 지정 방법 () => { ... } // 매개변수가 없을 경우 x => { ... } // 매개변수가 한 개인 경우, 소괄호를 생략할 수 있다. (x, y) => { ... } // 매개변수가 여러 개인 경우, 소괄호를 생략할 수 없다. // 함수 몸체 지정 방법 x => { return x * x } // single line block x => x * x // 함수 몸체가 한줄의 구문이라면 중괄호를 생략할 수 있으며 암묵적으로.. 공감수 2 댓글수 0 2022. 1. 31.
[Javascript] 이벤트루프, 동시성, 이벤트 종류 (1/30) 이벤트 루프(Event loop)와 동시성 (Concurrency) 브라우저는 단일 쓰레드(single-thread)에서 이벤트 드리븐(event-driven) 방식으로 동작한다 단일 쓰레드란 ? 쓰레드가 하나뿐이라는 의미이다. 즉, 곧 하나의 테스크(작업)만을 처리할 수 있다는 뜻이다. 쓰레드란 ? 어떠한 프로그램 내에서, 특히 프로세스 내에서 실행되는 흐름의 단위를 말한다. 브라우저는 실제로 동작하는 많은 웹 애플리케이션은 많은 테스크가 동시에 처리되는 것처럼 느껴진다. 이 처럼, 자바스크립트의 동시성을 지원하는 것이 바로 이벤트 루프 이다. 구글의 V8을 비롯한 대부분의 자바스크립트 엔진은 크게 두가지로 나뉜다. Call Stack (호출 스택) 작업이 요청되면 (함수가 호출되면) 요청된 작업은 순.. 공감수 0 댓글수 0 2022. 1. 30.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.