profile
풀스택이 되고 싶은 주니어 웹 개발자입니다.
post-thumbnail

2021/01/17 TIL

구조적인 프로그래밍을 하기 위해 파일을 분할한다.방식 1. Bottom Up 방식 : 이미 만들어진 프로그램의 공통된 로직을 함수로 따로 빼서 만듦방식 2. Top Down방식 : 처음부터 프로젝트를 구성할 때 구조적 프로그래밍을 함함수 고립화static으로 전역변수로

3일 전
·
0개의 댓글
post-thumbnail

힙과 이진 정렬

힙은 '부모의 값이 자식의 값보다 항상 크다'는 조건을 만족하는 완전이진트리이때 부모의 값이 자식보다 항상 작아도 힙이라고 함(부모와 자식 요소의 관계만 일정하면 됨)즉, 힙은 최소힙과 최대힙 2가지가 있음힙은 반정렬 상태(완전히 정렬된 상태가 아님)삽입 / 삭제는 O

3일 전
·
0개의 댓글
post-thumbnail

수식트리와 우선순위큐

수식을 여러가지로 표현하기위해서 구성해놓는 트리 : 이진트리(연산자 < 피연산자, 피연산자)전위, 중위, 후위표기법을 나타낼 수 있음 : 이진트리 순회 방법에 따라후위표기법을 트리로 변환, 중위표기법을 경우 후위표기법으로 변환한 후 트리로 변환BTreeNode :

3일 전
·
0개의 댓글

트리와 이진트리

트리란 트리는 일반적으로 대상 정보의 각 항목들을 계층적으로 연관되도록 구조화시키고자 할 때 사용하는 비선형 자료구조이다. 데이터 요소들의 단순한 나열이 아닌 부모-자식 관계의 계층적 구조로 표현이 된다. 트리는 그래프의 한 종류이며 사이클이 없다. 구성요소 노드

2021년 1월 2일
·
0개의 댓글

TIL 20201228

aws s3에 저장된 파일 리스트로 불러오기 애니메이션 후에 Reveal되는 방법

2020년 12월 28일
·
0개의 댓글
post-thumbnail

큐, 스택

스택은 LIFO(Last-In First-Out), 즉 후입선출의 자료구조이다. 구조는 사진과 같은 형태이며, 아래부터 쌓여서 나중에 삽입된 데이터가 먼저 빠져나가도록 되어있다.아래 사진을 보면 top 변수는 가장 최근에 들어온 요소를 가리키며 스택이 비어있으면 -1이

2020년 12월 27일
·
0개의 댓글
post-thumbnail

배열과 리스트

배열(Array) 장점 구현이 간단함 임의접근: 위치를 알면 array[2]처럼 해당 자료에 빠르게 접근 가능 O(1) 단점 크기가 고정이기에 불필요하거나 부족한 메모리가 발생할 수 있다. 고정된 크기로 인해 유연한 프로그래밍이 힘들다. 중간 데이터의 삽입

2020년 12월 12일
·
0개의 댓글
post-thumbnail

오픈소스를 활용한 DevOps 환경 이해(2)

이번에는 다양한 DevOps 환경의 사례를 살펴본다.소통을 통해 서비스 기능과 우선순위 정리 포스트잇 활용결과적으로, 사용사례 및 사용흐름 도출하단 그림 (Jira를 활용하여 백로그 관리)스프린트 수행을 위한 일감 관리 화면.스크럼에서 실제 개발을 위해서는 2주에서 1

2020년 11월 19일
·
0개의 댓글
post-thumbnail

오픈소스를 활용한 DevOps 환경 이해(1)

KMooc 오픈소스를 활용한 DevOps 환경 이해 수업을 듣고 정리한 내용입니다.최신 기술과 시장의 빠른 변화를 대응하기 위한 최신 소프트웨어 개발/운영 트렌드를 말함특정한 분야나 툴을 말하는 것이 아니다. 프로세스, 조직 등 모든 것을 아우르는 말이다.개발 : 요구

2020년 11월 19일
·
0개의 댓글
post-thumbnail

c언어

변수 선언 - 변수에 어느정도 공간을 사용할지 알려줌어떤 값이 들어올지 모르는 경우 - scanf주소값을 가진 변수를 선언정수, 실수의 연산방식이 다름사용공간이 다름print formatted라는 뜻.format을 맞춘다??%d : 10진수%i : integer/a :

2020년 11월 16일
·
0개의 댓글
post-thumbnail

C언어 탄생과정

결론 : 벨 연구소에서 만듦벨연구소에서 데니스리치와 켄톰프슨가 유닉스를 어셈블리언어로 만들려 시도 -> 나중에는 컴퓨터가 발전함에 따라 16비트 컴퓨터-> 32비트 컴퓨터 등으로 발달하여 1워드의 크기가 달리짐에 따라 문제 발생 -> C언어로 만듦 장점1\. 운영체제를

2020년 11월 16일
·
0개의 댓글
post-thumbnail

컴퓨터 기본이론

유튜브 홍정모의 따라배우는 C언어를 듣고 정리한 포스터입니다.보조기억장치에 저장된 운영체제를 주기억장치에 적제후 CPU를 통해 사용커널 : 하드웨어를 어떻게 사용할지를 운영체제에서 미리 만들어서 다른 프로그램에게 전달해야 하는데 이를 중계해주는게 커널운영체제 역할자원관

2020년 11월 16일
·
0개의 댓글

객체지향 사실과 오해

객체는 책임, 역할, 협의를 통해 객체지향 소프트웨어 세계를 만든다.객체는 State, Message, Method를 이용해 서로 소통한다.각 객체의 개념은 는 외연, 내연, 심볼로 나타낼 수 있다.분류된 객체의 개념을 찍어내기 위한 틀로 Class를 사용한다.흔히,

2020년 10월 23일
·
0개의 댓글
post-thumbnail

nestjs, typeorm 세팅

유튜브 강의를 보고 따라 만든 프로젝트입니다.만들어진 폴더로 이동해서 typeorm 세팅참고 ) nestjs doc(https://docs.nestjs.com/techniques/databasesrc/ormconfig.ts 파일을 만들어 준다.그 다음 데이터

2020년 10월 22일
·
0개의 댓글

wsl로 개발하기

wsl2 시작하기 wsl2 설치 관련 MS WSL2 설치 링크 window terminal 제대로 설치했다면 power shell에서 wsl 명령어로 리눅스에 접근할 수 있다. vscode, github 등 각종 세팅 Vscode 세팅 [Github 세팅](htt

2020년 10월 22일
·
0개의 댓글

storybook 적용기

npx sb init.storybook 폴더와 stories 폴더가 생성된다.npm run storybook스토리북 페이지로 이동npx -p @storybook/cli sb init

2020년 9월 30일
·
0개의 댓글

[leetcode] 13. Roman to Integer

로만의 정수 알고리즘입니다.이전 인덱스 값 < 이후 인덱스 값 - 뺄셈이전 인덱스 값 >= 이후 인덱스 값 - 덧셈switch를 쓰기전에 심볼을 생각해보자

2020년 8월 18일
·
0개의 댓글
post-thumbnail

s3 cloudfront react app 배포

깃 액션 "build": "cross-env NODE_ENV=production next build && next export" "deploy": "npx aws s3 sync ./out s3://nodelab.mixin"나머지는 비활성

2020년 8월 9일
·
0개의 댓글

nextjs 파일구조

React는 프레임워크와 라이브러리의 중간 단계인 만큼 사람들마다 파일구조가 다르다. 따라서 리액트로 협업을 할 때에는 Vue나 Angular보다 팀간의 코딩 컨벤션이 중요하다. 이번 게시물에서는 내가 주로 쓰는 Nextjs의 파일구조에 대해서 설명하도록 하겠다.우리는

2020년 8월 7일
·
0개의 댓글

커스텀 훅

Component는 사실항 User Interface로 View만을 담당한다. 하지만 우리는 반복되는 로직을 custom hook으로 리팩토링 할 수 있다.(사실상 비지니스 로직으로 볼 수 있다.) 여기에 몇가지 유즈케이스가 있다. 1. 이벤트등록 커스텀훅 App.

2020년 7월 14일
·
0개의 댓글