profile
ui/ux에 중점을 두고 고객의 니즈를 기술적으로 해결하는것을 좋아하는 개발자입니다
post-thumbnail

Mutable or Immutable 프로그래밍

뮤터블과 이뮤터블 프로그래밍 방식은 개발자들 사이에서 논쟁의 여지가 있는 주제 중 하나입니다. 어떤 방식이 더 좋다고 일반화할 수는 없지만, 개인적인 의도가 중요하다고 생각합니다.저는 개인적으로 Immutable한 코드를 선호합니다. 처음에는 Mutable한 방식이 편

2024년 2월 24일
·
0개의 댓글
·
post-thumbnail

Javascript - 호이스팅(Hoisting)

호이스팅이란 자바스크립트의 특징중 하나이고 자바스크립트에서 호이스팅은 변수 및 함수 선언이 코드 실행 전에 메모리에 끌어올려지는 현상을 설명한다. 다들 설명을 전문용어를 쓰며 복잡하게 설명하는데 정말 간단하다 코드를 예로 보자위의 코드에서 var x = 5;라는 선언은

2024년 2월 20일
·
0개의 댓글
·
post-thumbnail

virtual DOM 동작과 원리

프론트엔드 개발에서는 일반적으로 직접적인 DOM 조작을 피하는 것이 권장됩니다. 그 이유를 이해하기 위해서는 DOM(Document Object Model)에 대한 이해가 필요합니다. DOM은 문서의 구조를 표현하는 트리 모델로, HTML 문서의 요소(element)들

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

AWS-EC2 nodejs express server연동하기

AWS(Amazon Web Service)라고 하는 클라우드 서비스를 이용해 서버컴퓨터를 대여해서 사용할수있다.이번 포스팅에서는 EC2서버를 생성해서 내 개인 프로젝트와 연동하는것까지 설정해보려고한다.https://aws.amazon.com/ko/ 회원가입을

2024년 2월 2일
·
0개의 댓글
·
post-thumbnail

mysql 설치하기

데이터베이스 중에서 MySQL을다운로드 및 설치하는 방법을 알아보려합니다.https://dev.mysql.com/downloads/installer/Download 버튼을 클릭합니다.다운로드한 installer를 실행하고설치유형목록입니다 저희는 custom으로

2024년 1월 23일
·
0개의 댓글
·
post-thumbnail

data structures - recursion(재귀)

재귀함수에대해서재귀함수가 뭔데? 재귀.. 프로그래밍 공부한지 시간이 좀지났지만 아직도 재귀를 쓰는게어색하다 어색하다라고 해야할까 기본적인 팩토리얼함수나,피보나치 수열로 연습을해보아도 다른부분에서 응용해서 만들려고하면 억소리와함께 손가락이 멈춘다 열심히 내머릿속으로만들어

2024년 1월 22일
·
0개의 댓글
·
post-thumbnail

2024 카카오 채용 연계형 겨울 인턴십 코딩테스트 2번 - 문제풀이

도넛과 막대 그래프https://school.programmers.co.kr/learn/courses/30/lessons/258711루트노드번호,도넛그래프갯수,막대그래프갯수,8자그래프갯수를 반환해줘야하는 문제였다.막대그래프부분 이해하는데만 한참걸렸다 실제 코테

2024년 1월 18일
·
0개의 댓글
·
post-thumbnail

data structures - Dijkstra 알고리즘

다익스트라(Dijkstra) 알고리즘이 뭘까?다익스트라 알고리즘은 네트워크에서 한 노드에서 다른 노드로 가는 가장 짧은 경로를 찾는 알고리즘입니다. 1956년에 에츠허르 다익스트라에 의해 개발되었으며, 그래프 이론에서 중요한 위치를 차지합니다. 이 알고리즘은 양의 가중

2024년 1월 17일
·
0개의 댓글
·
post-thumbnail

ssr(server side rendering) 과 csr(client side rendering)의 차이점

SSR(server side rendering)이란 무엇일까spa 프레임워크들이 나오기전에 전통적으로 그려지던 렌더링방식을 말한다.dom 화면이 뜨면 새로고침이 뜨면서 서버에 새로운 페이지에대한 요청을 하는 방식이다.동작 순서대로 살펴보면 user가 웹사이트에 방문하면

2024년 1월 16일
·
0개의 댓글
·
post-thumbnail

data structures - 순열

순열이란? 서로 다른 n개의 원소에서 r(단,0<r≤n일 때)개를 중복없이 순서를 고려하여 선택하거나 나열하거나 하는 것을 순열(permutation)이라고 한다.순열은 초등학교 때부터 알게 모르게 써왔던 수학 개념 중 하나다 서로 다른

2024년 1월 15일
·
0개의 댓글
·

react github 배포시 경로 오류

포트폴리오 만들던 도중 잘나오는지 확인좀 해보려고 깃허브에 올리고 주소를 확인했는데얼라리 빌드후 내파일들이 경로가틀렸는지 불러오지않는것이다알아보니 SPA가 홈페이지를 설정하면 그경로에서 시작해서 아무것도 뜨지않았던것이다.방법은 두가지가 있고1\. package.json

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

data structures - 투포인터

투 포인터 알고리즘(Two Pointers Algorithm)은 배열이나 리스트에서 두 개의 포인터를 사용하여 원하는 결과를 얻는 데 사용되는 알고리즘입니다. 주로 정렬된 배열이나 리스트에서 특정한 조건을 만족하는 부분집합을 찾는 데 효과적으로 사용됩니다. 이 알고리즘

2024년 1월 10일
·
0개의 댓글
·
post-thumbnail

2024 카카오 채용 연계형 겨울 인턴십 코딩테스트 1번 - 문제풀이

https://school.programmers.co.kr/learn/courses/30/lessons/258712이라는 문제였고 딕셔너리를 얼마나 알고있는지에 대한 문제였던것같다.(본인)이 문해력이 좀 부족한편이기때문에 조금헷갈리게 지문이 길어지면 상당히 골

2024년 1월 8일
·
0개의 댓글
·
post-thumbnail

(2024 카카오 채용 연계형 겨울 인턴십) 코딩테스트 후기

자료구조는 개뿔 아무것도 모르는 상태에서 data structure 공부를 시작했다(나중에알게되었다 공부를 시작한지 얼마되지않아 내가 아무것도 모르는상태였단것을 ㅎㅎ..)프론트엔드 라고 하기엔 애매한 경력 4년 7개월을 가지고 무엇이든 할수있다는 다짐으로 공부를시작했다

2024년 1월 5일
·
0개의 댓글
·
post-thumbnail

data structures - 프림 알고리즘 ( Prim's algorithm )

크루스칼 알고리즘과 같이 minimum spanning tree 를 찾는 알고리즘이다보통 우선순위 큐를 사용한다. 크루스칼 알고리즘과 같은 용도이지만, 응용 상황에서 두 알고리즘의 효율성이 달라질 수 있기 때문에 둘 모두 알아두는 것이 좋다.단계별로 표현하자면 그래프를

2024년 1월 5일
·
0개의 댓글
·
post-thumbnail

data structures - 백트래킹(Backtracking)

백트래킹은 주로 조합(combination) 및 순열(permutation)과 같은 문제를 해결하기 위한 알고리즘 기법 중 하나이다. 이 기법은 가능한 모든 해를 탐색하면서 원하는 해를 찾아내는 데 사용된다.백트래킹은 '퇴각 검색' 또는 '다시 돌아가기'라고도 한다문제

2024년 1월 3일
·
0개의 댓글
·
post-thumbnail

(기초) git에 내 작업물올리기

Git에서 작업물을 올리는 전체 과정은 다음과 같다변경된 파일이나 새 파일이 있는지 확인합니다.변경된 모든 파일을 스테이징 영역에 추가합니다. 만약 특정 파일만 스테이징하려면 git add 파일이름을 사용하면된다.스테이징 영역에 있는 변경 사항을 로컬 저장소에 커밋합니

2024년 1월 3일
·
0개의 댓글
·
post-thumbnail

data structures - 크루스칼 알고리즘 (Kruskal Algorithm)

Algorithmgreedy알고리즘 에 속하며 union-find와 연관이있어서 대장찾기에대해서 이해해야 크루스칼에대해서이해가 가능한것같다 비전공자인 내게는 그래프라는게 이해하는데 한참 걸렸다 내가 아는건 차트밖에없었으니그냥 단순하게 그래프=차트 라고 머릿속에 박혀있어

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

맨하탄 거리(Manhattan Distance)

맨허튼 거리(Manhattan Distance) 는 2차원 평면 공간에서 두 점 p 와 q 사이의 거리를 측정하는 방법 중 하나로, 두 점 사이의 수평 및 수직 이동 거리의 합으로 정의된다. 수식 = ∣p1−q1∣+∣p2−q2∣ 이다.

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

선형구조 - 큐(Queue), 스택(Stack), 덱(Deque) 이해하기

데이터를 저장하기 위한 기본적인 형태로 데이터가 '일렬로 나열'되어 있을 뿐만 아니라 데이터 간에 순서가 있는 구조를 의미합니다.그래프(트리)가 비선형 구조에 속합니다.데이터를 일시적으로 쌓아두기 위한 자료구조 중 하나이며, 후입선출(LIFO, Last-In-First

2023년 12월 26일
·
0개의 댓글
·