profile
주니어 개발자 기술노트
태그 목록
전체보기 (116)프로그래머스(16)트러블슈팅(10)Lv1(9)react native(7)코어자바스크립트(6)typescript(6)react-query(5)Lv2(4)network(4)kpt회고(3)useEffect(3)C(3)styled components(2)webpack(2)FTP(2)코드컨벤션(2)재귀함수(2)thunk(2)Database(2)SSR(2)환경변수(2)redux-toolkit(2)불변성(1)The requested URL returned error: 403(1)link(1)lodash(1)window.location.reload()(1)스택(Stack)(1)React Hooks(1)스코프(1)http(1)CRA(1)Flatlist(1)애자일(1)react router dom(1)image(1)세션(1)쿠키(1)cra typescript(1)일반함수(1)lifecycle(1)메모이제이션(1)yarn(1)큐(Queue)(1)브라우저(1)노션이나블로그에_기록잘하기(1)ASCII(1)성능최적화(1)경로별칭(1)배열메소드(1)시간복잡도(1)스코프체인(1)React(1)kakaomap(1)MPA(1)트리(1)Firebase(1)Object.assign(1)await(1)useInfiniteQuery(1)shift&unshift(1)async(1)form태그(1)class(1)usedispatch(1)useParams(1)동적라우트(1)Prettier(1)tcp(1)Debouncing(1)Web3(1)UDP(1)https(1)find(1)declare(1)concat(1)클로저(1)회고록(1)filter(1)foreach(1)Math함수(1)for...in(1)아키텍처(1)interface(1)context(1)연결리스트(1)렉시컬스코프(1)Lv.1(1)State(1)this(1)navigation(1)VirtualDOM(1)axios(1)화살표함수(1)useCallback(1)useselector(1)reduce(1)URLSearchParams(1)정규식(1)CSR(1)storage(1)onMouseDown(1)useState활용법(1)onsubmit(1)자료구조_Map_Set(1)정렬(1)label태그활용법(1)for...of(1)spa(1)useLocation(1)JSX(1)동작원리(1)next.js(1)Generics(1)미들웨어(1)useNavigate(1)object.keys(1)Map(1)그래프(1)자료형(1)Token(1)개발방법론(1)push&pop(1)커스텀훅(1)Props(1)Throttling(1)비선형(1)빅오표기법(1)피그마(1)MVP(1)useFocusEffect(1)redux(1)reacttodolist(1)AsyncStorage(1)OSI7계층(1)P2P(1)JSON Server(1)lotto(1)lv0(1)와이어프레임(1)promise(1)이벤트조작(1)
post-thumbnail

[Today I Learned] Query String받아서 헤더에 토큰넣기

먼저 URL 뒤에 붙은 쿼리스트링을 가져와야한다.useLocation 메서드를 통해 window.location.search 로 쿼리스트링을 불러온다. URLSearchParams 메서드는 복잡하게 붙은 파라미터들을 쪼개주는 역할이다.주로 new 를 사용해서 생성자를

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

[Today I Learned] P2P 가 무엇인가, 그리고 web3 와의 관계는??

네트워크로 연결 되어 있는 노드들이 클라이언트와 서버의 기능을 모두 하는 네트워크 아키텍처 를 의미한다.P2P의 핵심 단어를 두 단어로 추려보자면 탈중앙화 , 분산 시스템 인것 같다.중앙 서버 없이도 서로가 서로를 연결하여 데이터를 공유하는 형태이다.장점P2P는 애초에

2023년 5월 23일
·
0개의 댓글
·
post-thumbnail

[Today I Learned] C# FTP통신으로 파일 전송법

FTPWebRequest Class 와 FTPWebResponse Class를 이용하여 FTP서버에 접속해서 업로드,다운로드 및 다운로드가 가능하다.main.cs 이미지를 전송하기위해서는 이진데이터로 전송해야되므로 BinaryReader클래스를 사용해서 업로드하는 파일

2023년 5월 20일
·
0개의 댓글
·

[Today I Learned] C# string + string 과 StringBuilder.Append() 차이

흔히 알고 있는 문자열을 이어붙이는 방법이다.\+ 기호를 사용하여 문자열을 조합할 때 마다 새로운 string이 생성 됨.이전의 문자열 객체는 GC(가비지 컬렉터)의 수거 대상 이 된다.연산 한 번당 메모리를 하나씩 가지게 되며, 반복문으로 +연산을 돌린다면 다수의 s

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

[Today I Learned] C# form_load 데이터 불러올 시 오류 해결과정

Thread.sleep 과 Delay sleep : 지정된 시간(밀리초) 동안 현재 스레드를 일시 중단.사용법하지만 굳이 스레드까지 중단 안하고 정지를 시킴으로써 성능면에서 더 우수한 퍼포먼스를 낼수 있다.(Delay를 주기)DelayDelay 메서드를 만든 후 받을

2023년 5월 11일
·
0개의 댓글
·

[Today I Read | 코어 자바스크립트] 05 클로저

사전적 의미는 폐쇄,닫힘,완결성.함수형 프로그래밍 언어에서 나타나는 보편적인 현상.함수형 프로그래밍 언어에서 등장하는 보편적인 특성이다.MDN발췌 : 클로저는 함수와 그 함수가 선언될 당시의 lexical environment의 상호관계에 따른 현상.즉 클로저란 어떤

2023년 4월 21일
·
0개의 댓글
·

[Today I Read | 코어 자바스크립트] 04 콜백함수

Callback Function(콜백 함수)는 다른 코드의 인자로 넘겨주는 함수이다. 예를 들면 어떤 함수 X를 호출하면서 '특정 조건일 때 함수 Y를 실행해서 나에게 알려달라'는 요청을 함께 보낸다. 그리고 이 요청을 받은 함수 X 입장에서는 해당 조건이 갖춰졌는지

2023년 4월 20일
·
0개의 댓글
·

[Today I Read | 코어 자바스크립트] 03 this

자바스크립트에서 this는 실행 컨텍스트가 생성될 때 함께 결정. 함수를 호출할 때 결정됨.전역 공간에서 this는 런타임 환경에 따라 다른데, 브라우져에서는 window는 nodeJS에서는 global객체를 말함.전역 공간에 a변수를 할당했을 뿐인데, window,t

2023년 4월 19일
·
0개의 댓글
·

[Today I Read | 코어 자바스크립트] 02 실행 컨텍스트

실행할 코드에 제공할 환경정보들을 모아놓은 객체이다.쉽게 말하면, 자바스크립트 엔진에 의해 만들어지고 사용되는 코드 정보를 담은 객체의 집합이다.js의 코드는 3가지 종류로 이어지는데 글로벌 스코프에서 실행하는 글로벌코드, 함수 스코프에서 실행하는 함수코드, 그리고 e

2023년 4월 17일
·
0개의 댓글
·

[Today I Read | 코어 자바스크립트] 01 데이터 타입

JS의 데이터타입에는 기본형(primitive type) 과 참조형(reference type) 이 있다.기본형 : 숫자, 문자열, 불리언, null , undefined , 심볼참조형 : 객체, 배열 , 함수 , 날짜(date) , 정규식(RegExp) , Map,

2023년 4월 15일
·
0개의 댓글
·
post-thumbnail

[Today I Learned] 일반함수와 화살표함수의 this 차이

자바스크립트는 함수선언방식에 따라 this에 바인딩되는 객체가 달라진다.함수 실행시에는 전역객체를 가리킴메소드 실행시 메소드를 소유하고 있는 객체를 가리킴생성자함수 실행시 새롭게 만들어진 객체를 가리킴즉, 일반함수는 함수가 어떻게 호출 되었는지에 따라 객체가 동적으로

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

[Today I Learned] database 기초이론을 다시 공부해보자.

DB는 컴퓨터에 저장되는 데이터 집합이다. 즉 이런 데이터들은 쉽게 접근,사용하기 위해서 구조화 된 형태로 존재한다.걍 쉽게 말해서 DB 를 관리하는 시스템을 의미한다.dbms에서는 db와 유저, 프로그램 사이의 인터페이스 역할을 수행하고 정보를 생성 , 검색 , 수

2023년 4월 10일
·
0개의 댓글
·
post-thumbnail

[Today I Learned] 비동기처리시 성능최적화 방법 (이론)

각 HTTP 요청은 서버에 오버헤드를 추가하므로 요청 수를 최소화하면 성능 향상에 도움이 될 수 있습니다. 캐싱, 페이지 매김 또는 데이터 미리 가져오기와 같은 기술을 사용하여 애플리케이션이 수행하는 HTTP 요청 수를 줄일 수 있습니다.지연 로딩은 모든 데이터를 미리

2023년 4월 9일
·
0개의 댓글
·
post-thumbnail

[Today I Read | 코어 자바스크립트] TIR 챌린지 시작

회사에 들어가기전에 자바스크립트 기초를 다지고자 오늘부터 책을 읽기로 결심했다. 많은 자바스크립트 책들이 있지만 그중에서 많은 사람들의 추천을 받은 코어 자바스크립트 를 읽기로 하였다.앞으로 읽은 책들은 TIL처럼 내용을 정리 후에 블로그에 계속 올릴 예정이다. 앵간하

2023년 4월 7일
·
0개의 댓글
·
post-thumbnail

[Today I Learned] 애자일방법론이란?

애자일방법론 애자일 은 신속한 반복 작업을 통해 실제 작동 가능한 소프트웨어를 개발하여 지속적으로 제공하기 위한 소프트웨어 개발 방식 이다. 핵심 은 작동하는 소프트웨어의 작은 구성 요소를 신속하게 제공하여 고객의 만족도를 개선하는 것이며, 특징 은 적응형 접근방식과 팀워크를 활용한 지속적인 개발 이다. 또한 애자일개발은 경량화 방식을 선호하며, 모든 단계...

2023년 4월 5일
·
0개의 댓글
·

[Today I Learned] Next.js 구조 및 기능

Next.js 는 웹 개발자에게 필요한 다양한 기능을 제공해주는 리액트 프레임워크 이다.특징개발 환경 설정이 쉽고 간단하다.SEO(Search Engine Optimization)을 위한 SSR(Server-Side rendering)을 지원한다.초기 로딩 속도 개선을

2023년 4월 5일
·
0개의 댓글
·

[Today I Learned] SI는 무엇일까

System Integration 의 줄임말로 기업이 필요로 하는 정보시스템에 관한 기획에서부터 개발과 구축, 나아가서는 운영까지의 모든 서비스를 제공하는 일을 하는 업체입니다. 기업이나 관공서에서 필요로하는 시스템의 구축을 위한 기획/개발/유지보수/운영 등을 대신 해

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

[Today I Learned] FTP가 뭘까

FTP 란 TCP/IP 프로토콜을 가지고 서버와 클라이언트간에 파일 전송을 하기 위한 프로토콜이다.osi 7계층에서 응용 계층에 속하며 인터넷에서 자주 사용된다.파일을 이동할 때 사용하는 프로토콜 이며, 일반적으로 프로그래머와 웹 디자이너가 웹 사이트를 구성하는 웹 페

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

[programmers] Lv.1 예산

S사에서는 각 부서에 필요한 물품을 지원해 주기 위해 부서별로 물품을 구매하는데 필요한 금액을 조사했습니다. 그러나, 전체 예산이 정해져 있기 때문에 모든 부서의 물품을 구매해 줄 수는 없습니다. 그래서 최대한 많은 부서의 물품을 구매해 줄 수 있도록 하려고 합니다.물

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

[Today I Learned] 브라우저의 렌더링 과정

브라우저 렌더링 기본동작 순서 Client가 WEB Server 에게 받은 IP 주소로 요청하면,WEB Server 는 Client 에게 해당 웹페이지의 index.html 등의 파일들을 보내준다. 브라우저는 서버가 보내준 HTML 파일 을 해석(Parsing)하여

2023년 3월 11일
·
0개의 댓글
·