- 전체보기(20)
- 우아한테크러닝(3)
- 자바스크립트(3)
- 그래프큐엘(2)
- modal(2)
- firestore(2)
- JavaScript(2)
- graphql(2)
- youtube(1)
- Portal(1)
- apollo(1)
- 리액트(1)
- 무한스크롤(1)
- React(1)
- 리덕스(1)
- Firebase(1)
- aws(1)
- react-youtube(1)
- 타입스크립트(1)
- 스크롤이벤트(1)
- css-modules(1)
- ec2(1)
- 댓글관리(1)
- filter(1)
- 구조분해할당(1)
- 모달(1)
- classnames(1)
- 필터(1)
- 아폴로(1)
- typescript(1)
- subcollection(1)
- destructuring(1)
중첩라우팅(Sub Route)
야매 중첩라우팅 내가 원한건 MyPage의 Tab 중 하나인 saved를 클릭했을때 url이 test1/saved 이런식으로 표현되길 바랬다! 그리하여 첫 시도...! Routes.js 앞뒤로는 생략하고 중요한 부분만!! MyPage.js 마찬가지로 앞뒤로는 생략
게시글 등록 과정에 대한 고찰
폰에 있는 사진 중 하나를 그냥 선택 하고, 다음 버튼을 누른다.게시글 내용을 입력하고 다음 버튼을 누른다.공유 버튼을 누른다.참 쉽게만 생각했던 SNS 기능들을 실제로 개발하려니 생각할 점이 한 두개가 아니였다.좀 더 일찍 이런 고민을 했어야 하나? 싶기도 하다가이제
구조분해할당 (destructuring) 정리해보기
🍏 리액트에서 당연한듯 구조분해 할당을 써왔지만, 딱 리액트에서 쓰는 정도만 알았기에 정리 해본다. 실제로 많이 쓰이지만, 나는 안 쓴다. 그래서 정리를 하고 나면 자주 쓰겠지 하는 마음에 정리한다.
우아한 테크러닝 3기(3) - JS로 리액트 구현하기
지난 시간에 리덕스를 자바스크립트로 구현했던 것처럼 이번 시간에는 리액트를 자바스크립트로 구현하는 것이 강의 목표! > - 리액트에 대한 기본적인 부분 > - 리액트 구현해보기 리액트 (도입부터 띵언으로 스타트!) 공식문서 보고 학습하다 보면 지식의 넓이가 넓어질
우아한 테크러닝 3기(2) - 이문식과 자바스크립트 그리고 리덕스
TS를 쓰는 React를 쓰든 어쨌든 둘 다 JS이고, JS에 대한 지식이 진짜 중요하기 때문에 이날 강의 목표는 > - 자바스크립트를 A부터 Z까지! > - 거기다 리덕스! 자바스크립트 A to Z 기억해, 이문식..!
우아한 테크러닝 3기(1) - intro
1200명이 신청해서 400명이 붙은 우아한 테크러닝 3기 첫 세션을 정리해보았읍니다..정리의 편의를 위해 혹은 잘못 알아들어서 실제 세션의 내용과 조금 다르게 정리 되어있을 수 있읍니다..코드를 짤 때 정답이 한 가지로 정해져 있는게 아니라 방법이 수 만가지라서 잘
리액트에서 조건부 스타일을 줄때 classNames 라이브러리를 활용해보자!
리액트에서 조건에 따라 여러개의 className을 설정해야 할 때, template literal로 고생했던 당신! 특히나 CSS-Modules를 쓰고 있다면 더더욱 클릭해야 할 이 글! classNames library로 골칫거리를 속시원하게 해결해봅시다
늦기전에 20대부터 TS 1탄
20대부터 늦게전에 TS! 🏃♀️🏃♀️🏃♀️ 올해 겨울쯤 삼성역에서 발견했던 이 광고.. 웃겨서 찍고 나니 벌써 20대의 끝자락이 절반이나 지나가버렸고.. 그래서 공부해본다 티에스 ㅠㅠ
그래프큐엘 따라잡기 1탄 - GraphQL 개념에 대해 간단히 살펴보자
아폴로 정복에 앞서......... 그래프큐엘을... 공부해야 한...다.. 그래서 정리해본다... 이번 편은 맛보기용이라서 자세한 설명은 2탄에 계속될 예정쓰...
아폴로 따라잡기 1탄 - Apollo 그래서 너 뭔데? 먹는거냐?
내가 아는 아폴로는 불량식품 뿐인데, 컴퓨터 세상에도 아폴로가 존재했다..! 리액트앱에 아폴로를 이용해 그래프큐엘에서 데이터를 받아오는 튜토리얼을 따라해보았다.
firestore에서 where절 이용해 filter기능 구현 및 더보기 무한스크롤 기능 구현
firestore에서 where절을 이용해 filter 기능 구현하기! 그리고 더보기 함수를 만들어 무한스크롤 기능을 구현해보았다!
firestore에서 sub collection 생성해서 comment 관리하기
은근 구글링 하기 힘든 firestore에서 sub collection 만들어서 댓글 관리하는 과정을 작성해보았다!
Portal 이용해서 react에서 Redux없이 Modal창 만들기 도전
- react 공식문서에 있는 Portals를 이용해 modal창을 만들어 본 도전기이다.
Semantic-ui로 간단하게 CSS 효과주자
작년 8월에 작성된 글입니다.semantic-ui를 통해 icon을 추가하는 방법을 알아볼게여영어로는 의미론적인 이라는 뜻을 가지고 있는데요!오늘 제가 소개해 드릴 Semantic-ui라는 사이트에선 fontawesome과 같이 다양한 icon과 버튼 기타 등등을 만나
CSS Grid로 레이아웃을 짜보자 2탄
작년 8월에 작성된 글입니다.image.png지난번 포스팅에 이어 썸네일은 Grid와 직접적인 관련이 있는 Wafers로..ㅎ웨하스는 일본식 발음이라고 하니 이제부턴 Wafer라는 말을 씁시다!여튼 시작!부분을 뜻하는 Fraction의 줄임말로, 정확한 픽셀값 대신 숫
CSS Grid로 레이아웃을 짜보자 1탄
작년 8월에 작성된 글입니다.image.png그리드 하면 생각하는게 와플의 정직한 직선들이라 사진에 넣어보았다 ㅋㅋㅋ이전까지는 flex만 써봤는데(사실 아직 flex를 마스터한것도 아니다.. 다음번에 정리해놔야지)flex보다 좀 더 유용할 것 같은 Grid에 대해 정리