profile
웹개발 Velog

[React] Hooks - useParams

useParams는 React에서 Router 사용 시 해당 Route의 Parameter 정보를 가져와 활용하는 Hook이다.코드로 예시를 들자면 다음과 같다. App.js에서 Router를 사용하여 Component 2개(Home, Detail)를 만들었다. Det

약 2시간 전
·
0개의 댓글
·

Boiler-plate: Sign-up & Log-in and out

Boiler-plate: Sign-up & Log-in and out Boiler-plate은 사전적 의미로는 말그대로 보일러의 판 그리고 표준 문구라는 뜻을 가지고 있는데 이는 보일러의 기초 골격을 찍어내는 판이다. 또한 한때 신문사에서도 이러한 방법을 신문을 만

2일 전
·
0개의 댓글
·

[Redux] Redux란? 기본 개념

Redux의 기능을 통해 React에서의 모든 component를 props 문법의 사용없이 state(사용자 지정 변수)를 직접 꺼낼 수 있다. 상태 관리가 용이하다. 즉, state관리가 용이 하다는 것인데 component에서 특정 state를 부분적으로 수정해서

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

[TS] Typescript 설치 및 간단한 초기 세팅

터미널 입력: npm install -g typescript설치 후 버전 확인: tsc -vtsconfig.json 파일 생성: tsc --inittypescript는 javascript로 변환해야만 웹브라우저가 읽을 수 있음.다음 명령어를 입력하게되면 ts파일을 저장

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

[React] To Do List Application

일전에 Javascript로만 만들었던 To Do List App을 React를 통해 다시 새롭게 만들었다. React에 대해 좀 더 익숙해질겸 공부할겸.. 겸사겸사.. 그럼에도 많이 헤매고 우여곡절이 참 많았다🤯 기존 JS에

2022년 9월 15일
·
0개의 댓글
·
post-thumbnail

[React] github-page 빌드 시에 이미지 안 뜨는 오류

VS Code를 이용해 개발환경에서 테스트할땐 정상적으로 뜨던 이미지가 github에 배포하면서 github-page에서는 엑박으로 뜨는 현상을 겪었다. 아래와 같이 말이다.build하는 과정에서 이미지파일을 src 폴더 내부가 아닌 public 폴더에 넣어두었기에 발

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

[JS] Callback - synchronous & asynchronous

JavaScript is synchronous. \* synchronous(동기의, 동시 발생존재하는) <-> asynchronous(비동기의, 동시에 존재발생하지 않는)Execute the code block in order after hoisting. (ho

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

[JS] async & await 개념

async와 await은 기존의 promise에서 좀 더 간편한 API를 제공하는 Syntactic sugar라고 할 수 있다. Syntactic sugar: 기존에 존재하는 것을 보완하여 좀 더 간편하고 편리하게 쓸 수 있는 것을 말한다. 예) Class, Async

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

[JS] Promise 개념

참고 영상 링크: https://www.youtube.com/watch?v=JB_yU6Oe2eE&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=12

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

[JS] JSON 관련 기본 개념

HTTP(Hypertext Transfer Protocal): 브라우저 위에서 동작 중인 웹사이트 혹은 웹어플리케이션과 같은 클라이언트들이 어떻게 서버와 통신하고 있는지 정의한 것으로, Hypertext를 어떻게 서로 주고받을 수 있는지를 규약한 프로토콜의 하나이다.H

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

[JS] Array 응용 예시

참고: 드림코딩 - 자바스크립트 Array APIs 총정리영상: http://youtube.com/watch?v=3CUjtKJ7PJg&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=9

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

[JS] Array

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

[JS] Object

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

[JS] Class 선언, Getter & Setter, 상속과 다양성

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

[React] Publishing to Github

create-react-app을 통해 만든 React 프로젝트를 깃허브에 배포하는 방법이다.react로 개발하면서 사용한 JSX문법 등은 브라우저가 이해할 수 없는 문법과 언어들이 포함되어있기에 배포 과정에서 build 폴더를 만들어 업로드한다, build 폴더를 생성

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

[JS] Scope - Local & Global (변수 선언 범위)

{}을 기준으로 밖에서 선언한 변수(Global variable)는 {}안에서나 밖에서나 상관없이 사용 가능하다.하지만 {}안에서 선언한 변수(Local variable)는 {}밖에서 사용 불가하다.

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

[JS] Equality ==와 ===차이

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

[JS] null과 undefined의 차이?

null과 undefined의 차이?

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

[React] .env파일로 key 숨기기

개인이 부여받은 API Key나 Firebase에서 앱을 만들 때 부여되는 Key들이 있다. 이 개인적인 정보들을 숨기고 Github에 업로드 하는 방법으로 .env 파일에 Key들을 따로 작성할 수 있다. 다만 이 방법이 보안적인 요소가 완벽한 것은 아니기에 Gith

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