profile
프론트엔드 개발을 공부하고 있습니다.
post-thumbnail

6장 데이터 타입

6.1 숫자 타입 6.2 문자열 타입 6.3 템플릿 리터럴 6.4 불리언 타입 6.5 undefined 타입 6.7 심벌 타입 6.8 객체 타입 6.9 데이터 타입의 필요성

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

5장. 표현식과 문

5.6 표현식인 문과 표현식이 아닌 문

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

4. 변수

4.1 변수란 무엇인가? 왜 필요한가? 4.2 식별자

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

[React] useEffect 한 번만 실행되게 하기 (strictMode)

React의 StrictMode란 무엇인가?

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

[React] 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.

평소처럼 리액트 프로젝트를 실행시키기 위해 git clone > npm i > npm start를 했다. 그러나 위와 같은 오류가 발생했다. 다시 서버를 끄고를 시도하니 잘 실행된다.👌노트북을 바꾸니 신경쓸게 정말 많은 것 같다.

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

Vercel 도메인을 Route 53 도메인으로 변경하기

Route53에서 구매한 도메인을 Vercel 도메인에 적용해보자.

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

React : 스크롤에 반응하는 네브바 만들기 (useScrollDirection)

스크롤을 내리면 사라졌다가, 올리면 다시 나타나는 네브바를 만들고자 했다.이를 위해 스크롤 위치를 이전 위치와 비교함으로써 방향을 알아내는 Custom Hook을 만들었다. 스크롤 방향의 여부에 따라 className을 다르게 부여함으로써 네브바가 숨었다 나왔다 할 수

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

React + TS : Formdata의 value 타입은 string과 blob...

OCR 서버에 이미지와 유저 id를 보내는 작업을 하고 있었다. formdata에 json 데이터를 넣다가 오류를 마주쳤다.formdata의 value는 string 또는 Blob 타입만 가능하다는 사실을 알게 되었다. 공식문서를 보니 역시나 같은 내용이다.formDa

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

React NavLink에서 activeClassName이 사라졌다.

오랜만에 NavLink를 사용하다가 오류를 마주치며.. 이전에 알던 것과 다른 정보를 보게되어 정리한다. 리액트 라우터 공식 문서By default, an active class is added to a component when it is active. This p

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

Next.js 13 : 이미지 갤러리 만들기 (unsplash api)

폴더 구조 page 아래 js파일들파일 이름이 곧 url 이름이 됨Head라는 컴포넌트 안에 title과 meta 태그 작성 가능 퀵 소스 뷰어 Link 컴포넌트 Link 컴포 언에 a 태그 썼더니 오류남 !레이아웃 만들어서 app에 적용하기 classname 적용하는

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

React 렌더링 성능을 측정하고 개선해보자 (Memo, useCallback)

React.Memo와 useCallback로 React의 렌더링 성능을 개선해보자!

2022년 12월 2일
·
1개의 댓글
·
post-thumbnail

🦁이화여대 멋쟁이사자처럼 10기 회고록

이화여대 멋쟁이사자처럼에서 2년 활동한 사람의 회고

2022년 12월 2일
·
0개의 댓글
·
post-thumbnail

[Konlpy / TF-IDF] 한글 문장 유사도 측정

한글 문장 사이의 유사도는 어떻게 계산할까? 비슷한 문장은 어떻게 찾지?? 인공지능 없이도 아주 간단하게 만들 수 있습니다😎

2022년 11월 21일
·
3개의 댓글
·
post-thumbnail

[인프런] Slack 클론 코딩 공부 기록

React를 이용한 Slack 클론 코딩

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

컴퓨터네트워크 Chap1 Intro

delay, loss, throughputResidential network (ADSL/HFC), Enterprise network(Ethernet/Wi-Fi), Mobile network(3G,4G/LTE,5G)xDSL(Digital Subscriber Line) e

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

내가 몰랐던 JS : 브라우저 객체

웹 브라우저의 창(window)을 나타내는 객체문서 객체 모델(DOM)의 요소들도 모두 window 객체의 프로퍼 티가 됨현재 브라우저에 표시된 HTML 문서의 주소를 얻거나, 브라우저에 새 문서를 불러올 때 사용Window 객체의 location 프로퍼티와 Docum

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

내가 몰랐던 JS 문법 정리 (2)

문서 객체 모델(DOM, Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공Document 객체는 웹 페이지 그 자체웹 페이지에 존재하

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

내가 몰랐던 JS 기초 문법 정리 (1)

2022-2 오픈SW플랫폼수업 내용 정리를 위해 작성합니다이미 알고 있는 내용이 많지만 한번 정리해두면 미래의 나에게 도움이 되겠죠? 기본에 충실하자\~~!내부 JavaScript : ….외부 JavaScript: window.alert() innerHTMLdocume

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

Git 명령어 총정리

What is Git? • 소프트웨어 버전관리 시스템 (Version Control System) • 리누스가 Linux 소스코드를 관리할 목적으로 개발 • Git은 파일의 변화를 “스냅샷”으로 저장하고 현 스냅샷은 이전 스냅샷의 포인터를 가지고 있어 파일의 변경이

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

내가 몰랐던 CSS

div 태그 중, class로 header를 가진 요소만 적용 a:link { color: red; text-decoration: none; } >> a태그 중 href가 걸려있는 것a:visited { color: blue; } 클릭하고 나면 파란색a:hover {

2022년 10월 27일
·
0개의 댓글
·