태그 목록
전체보기 (287)React(28)typescript(21)JavaScript(8)기술면접(8)login(6)ts(6)react-query(5)next.js(5)타입스크립트(5)redux(5)flutter(4)react router dom(4)typescript exercises(4)자바스크립트(3)Generic(3)swr(3)코드스테이츠(3)const(3)프리온보딩(3)Map(3)button(3)hook(3)정규표현식(2)&&(2)클로저(2)useNavigate(2)포트폴리오(2)Recoil(2)Sass(2)CSS(2)styled components(2)html(2)Naver(2)자료구조(2)regex(2)set(2)모달(2)todo(2)vscode(2)role(2)scss(2)리덕스(2)배열(2)리액트(2)노션(2)비동기(2)크롬익스텐션(2)useRef(2)error(2)프론트엔드(2)원티드(2)loading.io(1)signup(1)크로스브라우징(1)RouterProvider(1)uiGuides(1)usequery(1)면접대비(1)caruosel(1)component(1)npm run eject(1)nav(1)state와 ref(1):focus-visible(1)아마존(1)typedef(1)Notion API(1)isfull(1)Concrete(1)tab(1)캐러셀(1)우선순위(1)페어(1)public(1)closed(1)GET(1)session storage(1)enter(1)권한(1)CUD(1)useHistory(1)스코프(1)리스트(1)List(1)http(1)cookies(1)CRA(1)git branch -d(1)createBrowserRouter(1)type tree(1)배포(1)tab focusing(1).some(1)코어자바스크립트(1)for문(1)선언형 프로그래밍(1)image(1)mac(1)atom(1)브랜치 삭제하기(1)eject(1)@types/chrome(1)Cache(1)관심사의 분리(1)useTab(1)객체(1)block in mobile(1)validation(1)a(1)vue(1)도메인(1)형변환(1)useInput(1)refetch(1)람다(1)리덕스툴킷(1)크롬웹스토어(1)연산자(1)Atomic Design System(1)TS2554(1)lambda(1)exercises7(1)실행컨텍스트(1)HTTP Messages(1)알고리즘(1)면접(1)useRouter(1)chatGPT(1)input(1)데이터(1)리액트리덕스(1)노션api(1)uxui(1)while문(1)SQRT(1)useEffect(1)useState(1)Utility Types(1)ux(1)props drilling(1)abstract class(1)type hierarchy(1)js(1)number(1)class(1)CODESTATES(1)for(1)network(1)branch(1)includes()(1)atomic(1)useParams(1)pagination(1)UIUX(1)외부링크(1)UI(1)흥달쌤(1)Non-Null(1)admin(1)1차(1)typeof(1)bootcamp(1)outline(1)exercises9(1)CREATE(1)호출(1)노션 이미지(1)loading(1)조건문(1)typescript hierarchy(1)문자열(1)당근마켓(1)반복문(1)JWT(1)let(1)var(1)exercises6(1)format(1)pdf(1)CS(1)implement(1)캐싱(1)filter(1)z-index(1)window.open(1)Cloudflare(1)before(1)interface(1)exercise(1)인터페이스(1)Collection(1)Day(1)우발적 중복(1)타입(1)tabindex(1)local storage(1)제네릭(1)상태를 동기화하지 말것(1)naver login(1)목표(1)원시자료형(1)State(1)Sort(1)깨알c언어(1)함수(1)vite(1)this(1)네이버지도(1)DOM(1)rtk(1)stale-while-revalidate(1)function overloads(1)타입계층(1)spinner(1)챌린지(1)참조자료형(1)안드로이드스튜디오(1)Constructor(1)semantic(1)지도(1)Pagespeed Insights(1)CSR(1)SSR(1)API Gateway(1)type(1)GNB(1)refactor(1)disable app security(1)onKeyPress(1)이력서(1)데이터타입(1)가상선택자(1)뒤로가기(1)after(1)무료(1)단축키(1)접근성(1)스택(1)프로젝트(1)기술블로그(1)함수스코프(1)view/domain(1)react native(1)submit(1)실행 컨텍스트(1)인증인가(1)aws(1)폴더구조(1)github(1)Java(1)상속(1)FLOOR(1)seo(1)Generics(1)변수(1)svg(1)Token(1)자료형(1)CRUD(1)블로그만들기(1)headlessUI(1)mobile(1)document.getElementById('root')(1)resize(1)(1)logout(1)플러터(1)Props(1)(1)타입구조(1)useMutation(1)if(1)kakaopay(1)블록스코프(1)깃허브(1)remote(1)new FormData()(1)single source of truth(1)폴더(1)exercises8(1)openapi(1)ES6(1)FE(1)grid(1)타입별 변수명(1)단일연결리스트(1)상태관리(1)closure(1)private(1)맥북(1)modal(1)Suspense(1)원격저장소(1)invalid array length(1)closed branch(1)의존성 역전 원칙(1)가상 클래스 선택자(1)비밀번호(1)웹표준(1)생명주기(1)블로깅(1)tanstack/react-query(1)git(1)Auth(1)JSDoc(1)Design System(1)클린아키텍처(1)function(1)Event(1)

[독서] '코어 자바스크립트' 를 읽고

최근 코어 자바스크립트(일명 호랑이책)을 읽었다. 개발서적을 읽는 데 겁이 좀 나서 최근에야 다 읽어보게 되었는데, 결론적으로 너무 좋았고 재미있었다. 그리고 처음 공부했을때보다 정보를 받아들이는 데 더 수월해진 것을 느꼈다. 저자가 쉽게 써주셔서 그런 것도 있겠지만,

3일 전
·
0개의 댓글
·

[refactor] 하드코딩 되어있던 모달 & GNB 리팩토링하기

https://github.com/codestates-seb/seb40_main_029/pull/205/commits/f3398b5df61d01801fcc0ffc83fa42e22b586744gnb랑 모달이 하드코딩 되어있었어서 계속 마음에 걸렸다.그래서 뿌셨다

4일 전
·
0개의 댓글
·

[react query] 리액트쿼리 도입하기 (2)

provider에 query client 등록. 고민하다가 redux보다 상위에 두었다.리액트쿼리는 server data를 관리할 거니까.refresh 걷어내고 useQuery로 대체

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

[hotfix] 페이지네이션에서의 에러

위와 같은 에러가 떴다.리액트쿼리는 잘 동작하는 것 같은데, 친구모달을 오픈한 뒤 닫고 다시 오픈하면 위와 같은 에러가 났다.보아하니 페이지네이션에서 생기는 에러였다.numPages를 콘솔로 찍어보니 infinity가 떴다.total이나 limit이 0일때 infini

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

[react query] 리액트쿼리 도입하기 (1)

프로젝트에서 기존에 refresh라는 방법을 사용했다.새로고침 없이 최신 데이터를 가져오기 위해 useEffect의 의존성배열에 refresh 값을 두고, 사용자의 동작으로 인해 데이터에 변화가 있을때마다 refresher 함수를 실행시킨다. refresher 함수가

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

[typescript] 타입스크립트 처음부터 시작해보기

폴더 생성해서 vscode로 열어준다.initpackage.json에서 "main": "index.js", 부분을 삭제3\. 타입스크립트 다운로드src 폴더 만들어서 index.ts 파일 생성컴파일할 아무 코드나 작성해둔다.tsconfig 파일 생성tsconfig 파일

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

활용하면 좋을 것 같은 지도 오픈 API

https://www.vworld.kr/dev/v4dv_opn2dmap2guide_s001.do

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

[flutter] 개발환경 세팅(const, uiGuides)

vsCode에서 커맨드라인 열고Open user settings(JSON) 선택.아래 코드를 추가한다.

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

[flutter] vsCode로 플러터 시작하기(Mac os), 그리고 에러

맥에서 플러터 시작하기

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

[typescript] interface

interface는 object의 모양을 결정한다.interface는 class가 implement할수있도록 한다.class extends는 자바스크립트에서도 가져가는 문법. (무겁다)js로 컴파일되면 가벼워진다. (js에서는 없는 문법)interface를 상속할때에는

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

[typescript] class

추상클래스는 상속만 가능하고 생성은 불가능하다.추상메서드는 추상클래스 내에서 구현하지 않는다. 선언만 함.private인 경우 상속받았어도 접근할 수 없다. 인스턴스 밖에서 접근할 수 없다.protected 외부로부터는 보호하고 자식 클래스에서는 접근 가능해진다.

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

[flutter] class

클래스 내에서 변수를 선언할 때 타입을 꼭 명시해주어야한다.positional 파라미터는 기본적으로 required, named 파라미터는 required일 경우 명시해주어야한다.파라미터를 required로 설정 할 수 있다.class명.컨스트럭터명 클래스명에 .을 찍

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

[github] build error (eslint, prettier)

런타임 에러가 나서 고쳤는데 이게 반영이 안되는 문제가 생겼다.무효화하면 되나 싶어서 팀장님한테 말했는데 그래도 안고쳐짐.이상하다 싶어서 에러나는 코드를 삭 수정해서 머지했는데 x표시가 옆에 뜨는 것을 이제 발견했다.빌드가...안되고있던것....^^eslint pret

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

[typescript] Generic Type

Concrete Type / Generic Type 두가지가 있다.generic은 각각의 모든 타입을 명시적으로 적어줄 필요 없이 타입을 입력받을 수 있게 된다.파라미터가 두개 이상일때는

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

[flutter] function

positional arg: arg의 위치를 기억해야함 / named arg: {}로 감싸준다. arg의 default값을 주거나, required로 설정해 null값이 들어올 가능성을 배제한다.arg를 option으로 만들때 대괄호로 감싸주고, ?를 붙인다.left

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

[flutter] Collections: Lists, Maps, Sets

dart에서는 배열을 객체로 여긴다!리스트 내에서 if문을 사용할 수 있다.$변수명${변수명 + 가공} 변수를 가공할때는 중괄호로 감싸야한다!for문도 사용 가능하다.키-값으로 이루어진 객체.(특정한 형태를 가진 경우 class를 더 추천함)dart에서 object는

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

[flutter] variables

관습적으로 함수나 메소드 내부에 지역변수 선언할 때 사용class에서 변수나 property 선언할 때 사용타입스크립트에서 any와 같은 느낌. 사용하지 않는 것을 권장한다.dynamic 변수명;var 변수명; 하고 할당하지 않는다.타입 가드 사용 가능!if (변수명

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

[react] role에 따라 다른 가입 페이지

아이디어가 하나 생각나서.. 어플로 만들고싶지만 플러터 공부가 필요해서 일단은 리액트로 시험삼아+복습겸 작은 프로젝트를 하나 하려고 한다.대략 학생과 선생님의 원활한 소통을 위한 어플인데학생과 선생님을 타입으로 정의하다보니 필요 정보가 꽤 다르다고 느꼈다.그래서 생각한

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

[react] vite로 빠르게 프로젝트 시작하기

그동안은 CRA로 리액트 프로젝트를 만들었는데, Vite라는 것을 알게되었다.CRA보다 아주 빠르고 가벼운 것 같다.이름도 프랑스어로 빠르다는 뜻이라고 한다.홈페이지서 보니 react보다 vue를 타겟으로 하는 건가 싶다. 예시가 vue로 되어있네. (헉 알아보니 vu

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

[AWS] Lambda, API Gateway, cloudflare로 배포하기

cloudflare로는 클라이언트를, aws로는 서버를 배포한다.둘다 https로 배포된다.람다는 서버리스 컴퓨팅 서비스다. 서버관리를 할 필요가 없고 사용량에 따라 요금이 부과되어 저렴하게 이용 가능하다. 포트폴리오 사이트 배포하는 데 큰 도움이 될 것 같아 자세히

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