[React] 모달창 팝업시 뒷배경 스크롤 막기

document.body.style.overflow = "hidden";document.body.style.overflow = "unset"

2021년 12월 6일
·
0개의 댓글

[CSS] 태그를 숨기거나 보이게 하는 3가지 방법

태그가 나타나고 감춰짐에 따라 transition을 적용하고 싶다면 이 속성을 추천태그가 숨겨지면 클릭 이벤트도 적용되지 않는다.태그의 투명도를 조절하는 방법태그가 눈에 보이지 않을 뿐 클릭 이벤트는 적용 됨.. 태그를 화면에서 완전히 감추거나 나타나게 한다.trans

2021년 11월 23일
·
0개의 댓글

웹팩 환경에서 React Router 새로고침 했을 때 404에러 해결하는 방법

webpack.config.js에 historyApiFallback:true를 추가해준다

2021년 11월 22일
·
0개의 댓글

[Webpack] 웹팩 환경에서 이미지 로드하기

file-loader설치npm i file-loaderwebpack.config.js에 새로운 rule을 추가 해준다.

2021년 11월 19일
·
0개의 댓글
post-thumbnail

[Webpack] 웹팩으로 리액트 개발환경 셋팅하기

1. 개발환경 초기화 > npm init package.json 파일이 생성된다. 2. 리액트 설치 > npm install react react-dom 3. 웹팩 설치 > npm i -D webpack webpack-cli -D : 개발용으로만 웹팩을 사

2021년 11월 18일
·
0개의 댓글
post-thumbnail

[Cloudinary] 클라우디너리를 사용하여 이미지 저장하기

서버에 이미지를 저장하지 않고 storage에 따로 이미지 파일을 저장하고자 함https://cloudinary.com/ settings - Account 기본적으로 주어지는 이름이 있으므로 생략해도 되지만 원한다면 내 클라우드 이름을 바꿔준다무료 사용자는 기

2021년 11월 1일
·
0개의 댓글

[React] <a> 태그와 Link 컴포넌트

태그 페이지를 전환하는 과정에서 페이지를 새로 불러오기 때문에 애플리케이션이 들고 있던 상태들을 모두 날려버리게 됨렌더링된 컴포넌트들도 모두 사라지고 다시 처음부터 렌더링Link 컴포넌트페이지를 전환하면, 페이지를 새로 불러오지 않고 애플리케이션은 그대로 유지한 상태에

2021년 10월 30일
·
0개의 댓글

[React] useRef

nav바의 탭을 클릭하면 특정 컴포넌트 위치로 스크롤을 이동하게 구현하려고 함

2021년 10월 27일
·
0개의 댓글
post-thumbnail

[Typescript] 타입스크립트 시작하기

우리가 쓰는 브라우저들은 타입스크립트를 이해하지 못한다. 따라서 자바스크립트로 변환해야 실행이 가능하다 왜 이런 번거로움을 감수하고 타입스크립트를 쓰는걸까? > add(1,2) 를 제외하고는 원하는 사용방식도 아니며 원하는 값도 얻을 수 없었다. 하지만 자바스크립

2021년 10월 26일
·
0개의 댓글

[프로그래머스/python] 숫자 문자열과 영단어

영단어와 숫자가 섞여있는 문자열을 숫자로 출력하는 문제문자열을 반복문으로 돌려서 변환 할 필요없는 숫자 그대로라면 answer에 바로 넣어주고str.isdigit() : 문자열이 숫자로 구성되어 있는지를 true/false로 반환변환이 필요한 영단어라면 단어가 완성 될

2021년 10월 19일
·
0개의 댓글
post-thumbnail

[Express] Heroku에 MERN 스택 앱 배포하기

1. heroku가입 후 heroku CLI 설치 > Heroku Download Link 잘 다운받아졌는지 터미널에서 헤로쿠 버전을 확인해본다. > heroku -v 2. heroku login > heroku login 터미널에 heroku login 입력

2021년 10월 12일
·
0개의 댓글
post-thumbnail

[Guthub] React 프로젝트 깃허브로 배포하기

github에서 홈페이지 주소 만들기UntitledUntitled저장소 - settings - page에 들어간 다음 브런치에서 main을 선택하고 save를 누르면 호스팅 github주소가 생성된다.package.json에 'homepage' 추가하기Untitledg

2021년 10월 12일
·
0개의 댓글

[Javascript] 기본 문법 정리

변수 선언숫자형과 문자형을 섞어서 쓸 수 있지만 결과적으로 모두 문자형으로 반환된다.let 변수 : 값이 변할 수 있는 변수const 변수 : 한번 선언하면 값이 변하지 않는 상수. 수정이 불가능하며 대문자로 쓰는 것이 좋다변수는 문자와 숫자, $와 \_만 사용첫글자는

2021년 10월 12일
·
0개의 댓글
post-thumbnail

[React] 프로필 사진 업로더 만들기

프로필 사진을 클릭하면 프로필 사진을 업로드 할 수 있도록 만들어 보자1\. 프로필 사진을 표시 할 창 생성 일단 프로필 사진이 표시 될 공간이자 이미지 업로더가 될 태그를 만들어주자.img태그로 동그랗게 만들어도 된다. 나는 antd의 Avatar를 사용했다. 그

2021년 10월 11일
·
0개의 댓글

[Javescript] setTimeout(), setInterval() : 비동기 처리 함수

setTimeout(func, sec,(인수)) : 일정 시간이 지난 후 함수를 실행func : 일정 시간이 지난 후 실행 될 함수sec : 시간 (1000 = 1초)(인자) : 함수 인자가 필요할 때 작성위 코드를 실행하면 3초 뒤에 hello world가 콘솔창에

2021년 10월 11일
·
0개의 댓글

[Javascript] 프로미스(Promise)

resolve : 성공시 발생되는 함수, reject : 실패시 발생되는 함수,new Promise()가 반환하는 생성자 객체초기 상태state: pending(대기), result:undefinedresolve(value)state: fufilled(이행됨), res

2021년 10월 11일
·
0개의 댓글