profile
개발 공부하는 학생

javaScript 객체 속성 접근방법

javascript 에서 객체 속성에 접근하는 방법은 크게 두가지 갔다점 표기법대괄호 표기법 (문자열로 접근)참고https://developer-talk.tistory.com/155

2022년 3월 17일
·
0개의 댓글

2022-01-4주차

오류가 난 상황 : 게시물 삭제 후 해당 페이지 새로고침 후 삭제 알림(snackbar)을 호출하는 함수를 실행 중 오류가 발생삭제 알림 호출하는 함수는 open 이라는 state를 true 로 변경해주는 함수였다.그리고 이 함수는 해당 컴포넌트내에서 전역적으로 선언되

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

2022-01-05

react에서 input-file 을 이용해 파일 객체를 가져와서 사진 미리보기 작업을 하고 있었다. 사진을 보려면 img 태그의 src 속성에 해당 이미지의 url 값을 넣어야 한다.따라서 input-file 로 가져온 파일 객체에서 URL을 뽑아야 하는데,이때 필요

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

react URI URL

react 에서 사진 미리보기 기능을 위해 FileReader 객체를 사용하였고 여기서파일을 읽을 때 FileReader.readAsDataURL 를 사용했기 때문에data URL 이 반환되었다그래서 data URL을 공부하고자 URI URL 차이점을 분석했다URIUR

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

react FileReader

일단 FileReader 객체는 File 객체 혹은 Blob 객체를 이용해 파일의 내용을 읽는다.만약 전달 받은 파일을 읽기 성공하면 load EventListener에 등록한 함수가 호출이된다.FileReader.onload읽기 동작이 성공적으로 완료 되었을 때 발생

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

react map 활용

react function 컴포넌트 js영역에서 html 엘리먼트를 제어하는 방법이미지 슬라이드에서 인디케이터 원 부분 색칠하는 부분에 활용했음return 구문의 html 영역에서 작성하는 것보다 js 영역에서 다루는 것이코드적으로 깔끔하다circleLit 변수를 이용

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

useRef (1)

javaScript를 사용할 때에는, 우리가 특정 DOM을 선택해야하는 상황에서 getElementById, querySelector 같은 DOM Selector 함수를 사용해서DOM 을 사용했다리액트 프로젝트에서도 DOM을 직접 선택해야 하는 상황이 있다.예) 특정

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

이미지 슬라이드

이미지 슬라이드를 구현 설계styled-components를 사용해야한다

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

11월 3주차

열심히하자함수 관련된 props 이름 시작은 무조건 set으로 통일props을 전달받은 컴포넌트에서 이를 실행시키는 함수 이름 시작은 무조건 on으로 통일 해야 한다

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

11월 2주차

span 태그의 값에 접근방법을 공부하다가ref를 이용해서 해결하려고 했으나 실패함 -> ref 공부가 필요기본적으로 span 태그는 value 값을 가지지 않는다value 값은 input 태그에서 가진다더 간단한 방법으로 해결할 수 있었다클릭했을때 타겟의 innerT

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

spread 연산 -React-

배열 복사배열에 추가하여 새로운 배열 만들기

2021년 9월 27일
·
0개의 댓글

기본 form -react-

ref 이용해야 한다.form 에서 버튼이 눌러지면 submit 이벤트 발생form 태그의 onSubmit 속성을 이용한다.전역변수를 이용해 함수를 설정한다.event.preventDefault()를 이용해 브라우저의 기본 기능을 없앤다(기본적으로 submit 이벤트가

2021년 9월 27일
·
0개의 댓글