profile
늘 새로운 호기심을 찾고, 기술적 한계에 도전하고, 하늘색이 잘 어울리는 사람입니다.
post-thumbnail

useRef 사용하기 (Modal UI, 이벤트버블링)

Modal UI를 만들어보면서 uesRef와 이벤트 버블링을 알아봅시다. 모든 코드는 직접 작성했으며, github에서 확인하실 수 있습니다.

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

props 뽀개기 숙제 해설

뽀롭수 저번에 props 뽀개기 글에서 리팩토링 해보면서 함수로 자식과 부모 component사이에서 부모 > 자식 뿐만 아니라 자식 > 부모에게로 props를 전달해주는 예제코드를 적어놨었다. 이제 슬슬 같이 해보자 충분히 고민할 시간을 줬다고 생각한다. (

2022년 11월 28일
·
0개의 댓글
·
post-thumbnail

jsx,tsx에서도 vscode-color-picker 사용하기.

편하게 색 맞추고 싶어잉

2022년 11월 17일
·
0개의 댓글
·

10-16 styled-components 를 쓰면서 css framework, 기술을 배운다는 것은. + react-router

요즘 리액트 스터디를 진행 하면서 아주 기초적인 부분을 다시 공부하고 있지만 햇갈리는 부분도 있고 state의 관리, useState,useEffect 등 훅의 정확한 사용법과 작동방식, props의 자세한 사용과 활용법 등 사용법만 익히고 있는 기술들을 자세히 파고

2022년 10월 16일
·
0개의 댓글
·
post-thumbnail

프론트엔드 입문자들에게 좋은 링크 모음 (React 위주) ~Last Update 23.01.22

Write by @Romuru3030 [Last Update_23.01.22ㅤv1.4.1] 영원한 우주 속의 한순간의 별빛일지라도.

2022년 8월 29일
·
22개의 댓글
·
post-thumbnail

바닐라 자바스크립트 더 공부하기 (돌고 돌아 순정)

바로 전 글에 코딩테스트를 풀이하고 다른 사람의 풀이까지 해석해 보았다. 그러던 중에 내가 이렇게 모르는 메서드들이 많았구나 라는 생각이 들었었는데, 왜 그동안 이런걸 외면했을까? 라는 생각도 같이든다. 그래서 바닐라 자바스크립트를 위한 레파지토리를 새로 팠다. 이 곳

2022년 8월 22일
·
0개의 댓글
·
post-thumbnail

오늘의 코테 프로그래머스 "같은 숫자는 싫어" (나도 싫어) + Array.filter 마스터하기

문제는 간단하다. 여러 숫자가 있는 배열에서 연속적인 숫자 배열이 있으면 그 숫자 배열중에 하나만 남기고 지워야한다. 이면 식이다. 예문은 [1, 1, 3, 3, 0, 1, 1] > [1, 3, 0, 1] 을 return 합니다. [4, 4, 4, 3,

2022년 8월 20일
·
1개의 댓글
·
post-thumbnail

클론코딩에 대해서

클론코딩에 대해서 클론코딩으로 학습을 하지 않고 단어만 들었을때는 부정적인 생각이 들기 쉽다. 새로운 프로젝트를 하는것도 아니고 그냥 따라서(클론)을 만든다니. 하지만 결과물로서의 시각이 아니라, 성장과정으로서의 시각으로 봐주면 어떨까 라는 생각으로 글을

2022년 8월 14일
·
0개의 댓글
·

나는 왜 책을 읽는가

책을 왜 읽어야 할까? 라는 질문은 사실 잘못된거같다. 지식을 얻을때 왜 책으로 얻어야 하는가? 라는 질문이 내가 쓰고 싶은 글에 취지에 어울릴것 같다. 고등학교 2학년까지는 나는 평범하게 책하고 거리가 있는 사람이었다. 끝까지 읽은 책이라고는 진도따라 질질 끌려나가는

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

08-07 라이브러리에는 관대했던 타입스크립트님

타입스크립트 강의를 듣다가 자바스크립트의 타입을 엄격하게 체킹을 하는게 타입스크립트인데왜 외부코드를 사용하는 라이브러리에는 별다른 오류를 뿜어내지 않는가? 라는 질문을 들었을때는 뭔가 큰걸 놓치고 있었다는 기분이 들었다. 라이브러리라고 해도 결국 다 자바스크립트 파일이

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

08-02 타입스크립트의 interface

typescript에서 객체의 타입"만" 을 지정해주기 위한 키워드이다.... 끝이다 그러면 왜 type을 냅두고 interface를 쓰는걸까type도 객체의 모양을 지정 해줄 수 있다. 이 코드들은 서로 같은 의미이지만이코드는 사용가능이코드로는 사용 할 수 없다. 범

2022년 8월 2일
·
0개의 댓글
·

07-30 타입스크립트의 class , 할수록 느껴지는 js의 부족함.

타입스크립트로 여러가지 기능이있는 백과사전을 만들어보는 과제를 진행했었다.JS를 처음 공부할때 this 키워드가 눈에 잘 띄고 계속 궁금해서 가끔식 읽어보고 까먹고 찾아보고 한적이 있었는데 이기회에 제대로 머릿속에 넣은 기분이다. 객체에서 어떤 메서드인지 명확하진

2022년 7월 30일
·
0개의 댓글
·

07-28 타입스크립트 함수의 다양성 , Generics 제너릭

함수를 선언하고 같은 함수를 여러번 호출하더라도 각각 다른 타입을 받아야 할 때가 있다. 그럴때마다 이 함수는 number을 받고 number을 리턴 할때,Boolean 을 받고 boolean을 리턴 할때. 등 각각 타입에 맞춰서 모두 지정을 하기에는 경우의 수를 상상

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

새롭게 생각한 블로그 운영법

먼저 궁극적인 질문이다. 왜 나는 블로그에 글을 못쓰는걸까? 글감이 없나? 무엇을 학습해도 블로그에 정리를 해야겠다는 생각이 잘 안든다 왜일까..? 애초에 학습량이 부족한 것일까..?그런거같다.. 하지만 주기적으로 어떤 학습을 하는지도 정말정말 중요하지만 내가 평소에

2022년 7월 26일
·
0개의 댓글
·

2022-06-20 Next.js 본격적으로 시작 해보기.

Next를 써야 할만한 프로젝트나 업무를 하지 않기에 쓸일이 없어서 라는 생각 때문인 거 같다.사실 이 생각이 잘못된걸 알았기 때문에 지금 글을 작성하고 있다. Next의 제대로된 쓸모를 몰라서 그런거 라는 결론에 도달했는데, React로 퍼블리싱에 가까운 작업들을 하

2022년 6월 19일
·
0개의 댓글
·

2022-06-03 TIL ( API, REST API, GRAPH QL

API (Application Programming Interface)API는 컴퓨터나 컴퓨터 프로그램 사이의 연결.프로그래밍에 사용되며, 어플리케이션과 상호작용할 때 사용.REST API (Representational State Transfer)HTTP URL를 통

2022년 6월 3일
·
0개의 댓글
·

만들고 배우고싶은것

GrapQL 시리즈인스타그램 클론코딩 인스타그램, 다른 클론 학습후 Next.js 로 리팩토링 한후에 배포해보기

2022년 6월 3일
·
0개의 댓글
·

python 을 배우면서 느낀점 하고 생존신고

개발을 하면서 번아웃이 왔을때는 쉬는것도 좋지만 완전 다른 언어를 배우면서 색다른 느낌을 받는것도 좋다고 들은적이 있다. 딱히 번아웃이 왔다고는 생각되지 않았지만 평소에 다른 언어를 배워보고는 싶었다.JS가 특이한? 언어라고 생각되어서 java나 python, go라던

2022년 5월 17일
·
0개의 댓글
·

2022-04-13 React 상태관리 라이브러리는 왜 필요할까

항상 어떤 기술을 배울때는 그 기술이 무슨 문제를 해결하고 어떤 원리로 동작을 하는지 이해하려고 노력하는 편이다.그저 최신기술이라서, 남들이쓰니까, 가고싶은 회사에 기술스택이라서. 여러가지 이유로 새로운 기술을 접하는 경우가 있을텐데 나는 어떤 경로로든 기술이 어떤 문

2022년 4월 12일
·
0개의 댓글
·