# link
React v6 관련 수정 사항
블로그를 따라하다보니 React 버전이 달라서 일부 코드가 아예 동작하지 않았다.아직 문법 구조를 익히고 있는 중이기 때문에 당장 소스에서 필요한 부분 위주로 달라진 곳만 고침
react-router-dom v6 Link state 전달
Dashboard List에서 Dashboard title을 클릭하면 dashbaord ID를 가지고 Dashboard Detail 페이지로 넘어가게 된다.기존에는 Link에서 경로에 /:dashboardId 형태로 전달했는데, 어느 순간 갑자기 경로를 인식하지 못해서
[React] react-router-dom
react-router-dom은 웹에서 페이지 이동 기능을 구현하기 위한 라이브러리이다. Routing이란 네트워크간 데이터 전송의 최적 경로를 선택하는 과정이다. 여기서 최적 경로는 최단거리가 될 수도 있고, 가장 빠른 시간에 전달하는 것으로 계산될 수도 있다.Rou
2022. 06. 03 복습(국비지원)
head란 문서의 정보를 나타낸다.웹 제목, 설명, 파일의 위치, style 등 눈에 보이지 않는 정보를 작성하는 곳으로 이해그래서 css를 보통 연결할 때 HTML에서 head에서 link로 연결link란 외부문서를 가져올 때 사용한다. (대부분 css 파일이 대다수

CSS style 작성하는 방법
빠르고 편리하다.우선순위에서 해당 방식이 지나치게 우선하기 때문에 별도의 코드를 가지고 해당하는 요소에 적용된 CSS 내용을 덮고 수정하고 싶어도 불가능하다.코드가 길어지면 가독성이 떨어지며 유지보수에도 좋지 않다.별도의 CSS 파일을 따로 만들지 않아도 HTML 안에
Route state
Coins.tsxCoin.tsxuseParamsRouter.tsx에서 저장한 형식대로 url 파라미터 정보 사용가능Router.tsxCoin.tsx형태로 사용 가능
react-router-dom (1)
react-router react-router-dom v6 기준으로 router 사용법이 작성되었습니다. react-router-dom v5 전과 다른점이 있으니 참조하세요 설치 방법
Comment, Comments (2)
들어가기(1)에서 server에서 seeFeed로 Photo를 return받을떄, Photo에 comments, commentNumber도 같이 return 받을 수 있게,server에서 설정하고 Home.js에서 seeFeed가 실행될 때,comments, comme

웹사이트 완성
웹사이트 완성 image웹사이트 완성 image웹사이트 완성 image웹사이트 완성 image웹사이트 완성 image웹사이트 완성 image웹사이트 완성 image웹사이트 완성 image

link & import
!youtube0tnaEFHYoro외부로 파일을 빼는 방법은 크게 두가지입니다. < link rel="stylesheet" href="style.css">< style>@import url("style.css")< /style>h1{ color:r

🎉 가상 클래스 선택자
!youtubeUK9GF5Kg\_\_A:link - 방문한 적이 없는 링크:visited - 방문한 적이 있는 링크:hover - 마우스를 롤오버 했을 때 :active - 마우스를 클릭했을 때 위의 선택자는 순서대로 지정하는 것이 좋습니다. 특히 visited의 경우

29일차) 카카오 지도를 가져와서 써보자! /Client Side Rendering/멀티,싱글page application을 알아야해/시멘틱 태그/ callback함수, Promise, async-await의 역사까지! Code Camp FE 6기
오늘 배울 내용 \-네이버 구글 카카오등등..개발자 전용 사이트가 있었네!\-카카오 개발자 사이트에 가입해서 내 애플리케이션 추가해보자(폴더라고 생각)

[HTML&CSS] Image and Hyperlink
웹페이지에 글과 표만 빼곡하면 어떨까? 혹은 우리에게 제공되는 것이 하나의 페이지 뿐이라면? 이를 해결하기 위해 우리는 이미지와 하이퍼링크를 사용한다. 글만 있는 지루한 웹페이지를 벗어나 글과 그림이 조화로운 웹페이지를 만들고, 다른 웹페이지와 연결까지 된다면 이전에
CSS 연결하기
HTML에 Link로 CSS를 연결하기 HTML에 CSS를 적용시키는 방법은 세가지가 있습니다. Inline Style Sheet Internal Style Sheet Linking Style Sheet 1. Inline Style Sheet Inline Styl

React-Native [8. 공유하기, 링크]
공유하기 예시 코드 사용법 기존 "react-native" 라이브러리에서 Share 기능을 추가로 import 공유 기능을 실행시킬때 작동할 Share 기능을 작성한다. 예시에서는 Share.share 함수에 message를 작성하였다. 화살표함수로 share() 함수를 실행시킨다. 링크 설치코드 예시코드 사용법 expo-linking을 설치한다...