React는 사용자 인터페이스를 구축하기 위한 Javascript 라이브러리다. 즉, React의 주요 역할은 컴포넌트와 State를 관리하는 것이라 볼 수 있다.이 말의 요지는, React는 UI를 직접 HTML에 보여주는 역할을 수행하지 않는다는 것이다. 그렇다면

context를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있습니다.일반적인 React 애플리케이션에서 데이터는 위에서 아래로 (즉, 부모로부터 자식에게) props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트

useState같이 state관리를 도와주는 Hook이며, useState보다 강력하다.특히 여러 state와 연관된 state 등, 복잡한 상태 관리에 사용한다.강력하지만 사용하기 복잡해, 일반적인 상태는 useState를 사용하는 게 좋다.위 코드는 emailIsV

React Hook 중 하나로, 사이드 이펙트를 처리하기 위한 함수이다.인수로 실행할 함수, 의존성 배열을 받는다.다음의 조건을 만족할 시, 인수로 받은 함수가 실행된다.상위 컴포넌트가 처음 mount 되었을 시의존성 배열 요소의 값이 변경될 때React의 주요 역활은

ref란? ref는 React와 DOM을 연결하는 역할을 한다. ref의 current 속성에 DOM 요소를 직접 반환한다. 사용자는 pure javascript 처럼 DOM의 요소에 직접 접근할 수 있다. 즉, javascript의 docume

경로 탐색 중, 일단 가던 방향대로 최대한 깊게 내려가고, 다시 돌아가 다른 경로를 탐색한다.이미 방문한 노드를 또 방문하지 않기 위해, 방문 처리를 해야 한다.일반적으로 재귀 함수로 구현하고, Stack을 활용해 구현하기도 한다.구조상 Stack Overflow에 유

이전에 React로 개발한 사무소 웹 페이지를 Refactoring 하기 위해, 새로 React 강의를 찾게 되었다!Udemy의 react 완벽 가이드 with redux next.js typescript 강의인데, 인터넷에서 평도 좋고 내가 원하는 hooks, 상태

먼저 프로토콜을 판별한다. 우리가 사용하는 브라우저(Chorme, Firefox)는 웹 서버 액세스 뿐만 아니라, FTP, Mail 등 다양한 기능을 지원하는 Client Software이다. 그래서 브라우저는 여러 용도(FTP, 웹 등)의 URL를 분류해야 하는데

프로그래밍을 할 때, 기능을 추가하거나 고칠 때마다 필연적으로 코드 변경이 일어나기 마련이다. 이럴 때, 팀원이 코드를 이해해야 변경도 가능하므로 코드를 가독성 있게 유지하는 것이 중요하다.또한 직접 작성한 코드도 시간이 지나면 잊어버리기 마련이다. 이 때, 주석은 프

앞선 포스팅에서, 함수(funtion) 사용으로 코드의 중복을 막는 예를 보면서, 함수의 중요성을 살펴보았다. 이처럼 함수는 우리가 코드를 더 작은 조각으로 나누도록 도와주는 "프로그램 속 프로그램" 이라고 할 수 있다.그렇다면 "좋은 함수"란 무엇일까? 일반적으로 "

생성형 AI 서비스를 아는가? chatGPT나 미드저니가 그렇듯이, 실제 컴퓨터가 수십 초만에 '창작'하는 행위는 꽤나 놀랍고 재미있다. 필자도 이런 '생성형 AI' 서비스에 관심을 가지고, 탐구하다가 아래 영상을 발견하였다. KAIST의 김대식 교수님이 한 강연인데,

파이썬의 역사는 깊으며, 수많은 버전 업을 통해 내부적으로 효율화를 거쳐왔다. 하지만 이러한 '효율화'가 때때로 개발자에게 혼란을 안겨줄 수 있으며, 이는 치명적 버그를 발생시킬 수 있다. 물론 이러한 일은 매우 회소하게 일어나니, 파이썬의 특징을 재미있게 알아보

파이썬은 매우 간결하면서도 강력한 언어이다. 하지만 문법이 간결한 특징 때문에, 많은 프로그래머들이 용어와 개념을 제대로 배우지 않는 경향이 있다. 이를 간과한다면, 파이썬의 고유한 특성 때문에 함정에 빠지기 쉽다.오늘은 파이썬의 용어를 기반으로, 파이썬만의 개념에 대

당신은 파이썬 리스트를 반복할 때 어떻게 사용하는가? 대부분 range()와 len() 함수를 사용해 반복하지만, 이는 읽기 어려우니 지양해야 한다.enumerate() 함수를 사용하면 인덱스와, 리스트의 값을 같이 불러올 수 있다. range()와 len()을 사용하

삼성SDS 2023년 상반기 알고리즘 특강을 수강하여, Pro 시험에 응시할 자격이 주어졌다. 본인은 1회차에서 부주의로 아쉽게 불합격하였고, 2회차 시험에서 아슬아슬하게 합격하였다. 위 경험을 포스팅으로 남겨 추후 Pro 시험에 도전하는 사람들에게 도움을 주고자 한다

앞선 포스팅에서 프로그램 오류를 야기하는 코드 악취에 대해 알아보았다. 코드 악취가 나는 프로그램은 프로그래머가 실수할 확률을 높이며, 디버그에 시간을 낭비하게 한다.이를 방지하기 위해 요즘 프로그래머들은 '클린 코드'에 관심을 가지고, 이에 관련된 조언을 지키려고 노

본인은 프로그램을 개발할 때나 알고리즘 문제를 풀 때 실수를 많이 하는 편이다. 실제로 단순한 실수 때문에 오류가 발생했으며, 디버그를 위해 몇 시간을 허비한 기억이 있다.이러한 경험을 겪으면서 클린 코드에 대한 중요성을 알게 되었고, 주변 지인과 함께 '파이썬 클린코

혹시 몇 시간에 걸쳐 에러를 디버깅했는데, 알고보니 사소한 것이 원인이었던 적이 있는가? 프로그래머도 사람이기 때문에 이런 실수는 언제나 할 수 있고, 이를 100% 방지할 수는 없을 것이다.하지만 이런 상황을 최소화시킬 수는 있다. 냄새로 가스 누출을 알아채는 것처럼

개발할 때 이름을 어떻게 지을지 고민할 때가 많을 것이다. 실제로 우리는 생각 없이 이름을 짓다가 오류가 나기도 하고, 어떤 코드였는지 잊어버려 시간을 낭비한 경험이 많다.게다가 우린 비영어권 국가에 살고 있기 때문에 영어에 친숙하지 않다. 이 때문에 우리는 이해하기

https://www.acmicpc.net/problem/3860단일 시작점 (y1, x1)에서 단일 도착점 (y2, x2)까지의 최단 경로를 묻는 문제이다. 귀신 구멍의 경우 음수의 가중치를 가질 수 있으니, 벨만-포드 알고리즘을 사용해야 한다.묘지는 배열