profile
수학과 코딩

react url parameter

상품판매 사이트나 게시판의 경우 모든 페이지를 하나 하나 직접 설정 하는 것이 불가능하므로url parameter를 사용한다.<Route path="/detail/:id" element={ <DetailPage/> }/>이 때 (당연히) detail 페이지

약 8시간 전
·
0개의 댓글

react router

ReactJS에서는 react-router-dom을 이용해 라우팅을 라우팅을 한다.명령어(npm install react-router-dom)로 라이브러리를 설치한 뒤 사용src/index.js에서 BrowserRouter를 import해서 <App />을 감싸

어제
·
0개의 댓글

useState

react에서는 데이터를 담을 때 JS에서 쓰던 변수를 사용 할 수 있고let pet = "푸딩";react-hook 중 하나인 state에 담을 수 있다.const \[ pet , setPet ] = useState("푸딩");굳이 useState를 쓰는 이유는 무엇

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

Object Literal

array가 아닌 object를 쓰는 경우?key, value 값 을 사용할 때value값만 저장해도 될 때는 array 사용해도 무방하다.key를 정할 때는 기본적으로 따옴표를 사용하지 않아도 괜찮다.하지만 띄어쓰기나 특수문자를 포함하는 경우, 숫자로 시작하는 경우에

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

매개변수와 인수

a,b는 매개변수(parameter)3,4는 인수(Argument)(Arrow Function Expression이 아닌 Function Statement에서만 가능)arguments 라는 것을 매개변수로 정하지 않고 console.log로 확인하면 호출할 때 입력한

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

JS 별찍기

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

React create-react-app

node v14.0.0 이상, npm v6.14.0 설치된 상태에서 npx create-react-app (프로젝트명)npm start

2022년 6월 26일
·
0개의 댓글
post-thumbnail

React JS

사용자 인터페이스를 만들기 위한 JS 라이브러리(기능 모음집)사이트를 만드려면 HTML, CSS, JS가 필요한데 사이트 규모가 커질수록 관리가 힘들어진다. 이 관리를 좀 더 편하게 할 수 있도록 하기 위해 나온 것이 react이다.페이지마다 각각 HTML, CSS를

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

Java Script의 함수

파라미터(parameters) or 인자(arguments)를 입력을 받고 정해진 출력을 하는 것

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

Java Script의 자료형, 연산자

정식명칭은 ECMA Script웹사이트 개발에만 사용되었는데 사용범위가 넓어서 모바일용 개발에도 쓰인다.ES6 : ECMAScript2015변수가 선언될 때가 아니라 자료가 대입될 때 type이 정해진다.종류Number : 숫자String : 문자Boolean : tr

2022년 6월 24일
·
0개의 댓글
post-thumbnail

HTML

웹사이트 뼈대를 구성하기 위해 쓰는 마크업 언어 markup : 문서나 데이터를 처리하기 위해 문서에 추가되는 정보 주로 웹에서 사용되었으나 요새는 데스크탑용 앱에서도 사용<div> </div>와 같이 열었으면 꼭 닫아주어야 한다.<br/> 처럼 바로

2022년 6월 24일
·
0개의 댓글
post-thumbnail

주간 작업내역(2022.06.12~2022.06.18)

수정하기 데이터 값을 가져오는 작업을 위해 이것저것 시도해보다 css에 (음식 메뉴를 선택하는 태그가 세로로 정렬되는)문제가 생겨 수정했다.쪽지함, 쪽지 디테일 페이지에서는 gnb, footer가 보이지 않도록 하는 작업을 했다.공통 컴포넌트인 layout에서 예외 목

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

주간 작업내역(2022.06.05~2022.06.11)

부트캠프 팀 프로젝트 일정은 마무리 되었지만 추가작업(기능추가, 리펙토링등)을 이어서 하였다.현재 우리 단짠맛집은 서울에 있는 음식점의 리뷰만 등록이 가능한 상태이다. 그런데 지도에서 서울 외의 장소를 검색하고 등록을 하면 게시글 등록은 되지만 fetchboard과정에

2022년 6월 23일
·
0개의 댓글
post-thumbnail

220529~220601

한 일 회원가입 회원가입 페이지에 api가 바뀐 부분도 있고 추가할 기능(인증번호 타이머와 닉네임, 메일주소 중복검증)도 있어 수정에 들어갔다. 작업을 마치고 테스트를 하는데 몇 가지 문제가 생겼다. 중복검증을 하는데 백앤드팀원이 api를 mutation이 아니라 qu

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

220527,220528

한 일 쪽지 추가작업 쪽지함 css 작업과 추가적인 작업을 진행했다. 쪽지 작성 버튼을 눌렀을 때 새 창에서 뜨도록 window.open() 메서드를 사용했고 쪽지를 작성하고 나서 새 창이 닫히도록 window.close() 메서드를 사용했다. 메인페이지 메인페이지

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

220526

한일 보낸 쪽지 목록, 보낸 쪽지 조회 (동적라우팅) 받은 쪽지 목록, 받은 쪽지 조회 (동적라우팅) 쪽지삭제 홈페이지 디자인 관련 논의(로그인, 회원가입 페이지)

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

220525

한 일 수정된 회원가입 api 기반 페이지작업 댓글 관련 추가 작업(css, 기능 점검 등) 로그아웃 기능 추가 로그인페이지 소셜로그인 버튼 추가 쪽지 폴더 보일러 플레이트 쪽지 보내기 작업(기능완료, css일부 완료) 보낸 쪽지 조회쿼리 작성(이후 작업 26일 진행

2022년 5월 26일
·
0개의 댓글
post-thumbnail

220524

게시글(리뷰) 밑에 달려야 하는 댓글을 등록하고, 조회하고, 수정하고, 삭제하는 기능 중에서 등록은 23일에 작업을 해서 나머지 기능 중 조회와 삭제를 먼저 진행하기로 했다.처음 작업 이후 목록 조회 api에서 좋아요 개수 정보와 작성자에 따라 프로필 사진을 보여주기

2022년 5월 25일
·
0개의 댓글
post-thumbnail

220522, 220523

게시글 조회 페이지를 만들고 삭제 api 기능 작업을 추가했다. 처음에 테스트 해볼 때 조회가 잘 되는 게시글이 있고 안되는 게시글이 있어 이유를 백앤드 팀과 찾아본 결과 글을 작성할 때 입력값으로 필요한 데이터가 제대로 등록되지 않아 생긴 일이었다. 빠진 데이터 없이

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

220520,220521

먼저 강의를 수료하고 취업해서 일하고 있는 선배의 이야기를 들었다.java script 공부를 열심히 할 것.공부하고 있는 내용을 블로그에 꾸준히 포스팅 할 것.stack에 어설프게 할 줄 아는 내용을 다 적어놓는 것보다 확실하게 할 줄 아는 기술만 적어놓을 것.프로젝

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