본문 바로가기
728x90
반응형

전체 글220

[ToDoToday] 22년 10월 8일 토요일 하루일지라는 카테고리를 만들어놓고 제대로 이용을 못한 것 같아서 다시 기록해보려고 한다. 원래 따로 todolist 쓰는 노트가 있는데 나는 참 이상하게 todolist는 알록달록 볼펜과 형광펜으로 써야 할 맛이 난다. 여기에다가도 꾸준히 쓸 자신은 없지만 그래도 기록은 좋은 거니까! 📚오늘 할일 프로젝트 한눈에 보기 사진 더 크게해서 붙여보기 카카오 클론 코딩 김다비 대화내용 수정 확인 포트폴리오>프로젝트>to do list 상세 페이지 만들고 기본 내용 적기 포트폴리오>프로젝트>아이돌 뮤직비디오 사이트 상세페이지 만들고 기본 내용 적기 포트폴리오>교육이수>상세페이지 만들기 프로젝트 정리해서 깃허브 올리고 주소따기 2022. 10. 8.
[GitHub] 깃허브 readme에 이미지 올리는 방법 ※ 깃허브 readme에 이미지를 넣을때 그냥 복사 붙여넣기로 넣으면 안됩니다. 1. 깃허브에 로그인해서 레지스토리 안 메뉴 중 [Issues] 탭으로 들어갑니다. 2. 넣고자하는 이미지파일을 끌어다 놓으세요. 3. 자동으로 생성되는 경로들을 복사해서 4. readme 파일에 마크다운 양식에 맞게 붙여넣으세요.(그냥 복붙만 해도 되긴 합니다.) 2022. 10. 8.
[React] 리액트 시작하기 - 새로운 프로젝트 생성 방법 리액트 설치 방법은 여기로! https://coding-with-jina.tistory.com/94 [React] 리액트 초기 세팅 - ① Node.js 사이트에서 npm 다운로드 및 설치하기(Windows 10) 리액트를 시작하기 위해서는 리액트 툴을 추가해야한다. 여기서 3가지 방법이 있는데 우리는 Create React App을 이용한 리액트 활용법을 알아볼 것이다. 리액트 시작 전 초기 세팅 1) Node.js 사이트에 coding-with-jina.tistory.com 1. 일단 Node.js와 VS code 에디터 설치 구글에 Nodejs 검색해서 15버전 이상을 설치 (17.0버전은 금지) 예전에 Nodejs 15미만버전 설치했어도 지우고 재설치하기 설치할 때 설치폴더 C드라이브로 잡힌거 그.. 2022. 10. 7.
[React] 리액트 클릭시 나오는 상세페이지UI 만들기 - component/props ※ 요약 제목 state 하나 만들어줘서 0으로 둔다 → let [title, setTitle]=useState(0); 부모 컴포넌트에서 작성 → 자식 컴포넌트쪽에 props 파라미터 등록 후 props.작명 으로 사용 → {props.글제목} 클릭한 글제목의 숫자를 title 배열 안에 저장해서 사용할 수 있도록 한다 → {props.글제목[props.타이틀]} 클릭하는 부분의 글제목에 onClick에서 title 변경 함수를 이용해 글제목의 숫자를 바꿔준다. → setTitle(i) 1. 제목 div onClick에 상세페이지 기능 추가 → onClick={()=>{setModal(!modal)}} {글제목.map((a,i)=>{return( {setModal(!modal)}}**>{글제목[i]} {.. 2022. 6. 3.
[에러] 리액트에러 - Uncaught ReferenceError: Cannot access 'data' before initialization 하.. 에러는 언제나 빡친다 진심.. export default data; 의 위치를 object 아래 둬서 그런거였음 변수쓸 때는 항상 정의하는 부분보다 하단에서 써야하니까!!!!! object 밑에 두니까 해결됨 export default data; let data=[ { id : 0, title : "White and Black", content : "Born in France", price : 120000 }, { id : 1, title : "Red Knit", content : "Born in Seoul", price : 110000 }, { id : 2, title : "Grey Yordan", content : "Born in the States", price : 130000 } ] ; 2022. 5. 18.
[React Bootstarp] 리액트부트스트랩 시작하기 ★ 설치방법은 여기로! => https://coding-with-jina.tistory.com/159 [React Bootstarp] 리액트 부트스트랩 설치하기 1. 먼저 새 프로젝트 하나를 생성해주기 2. 구글에 react bootstrap 이라고 검색해서 나오는 사이트에 들어간다(https://react-bootstrap.github.io/) 3. 사이트 가운데 있는 Get started 클릭 4. 가운데 npm i.. coding-with-jina.tistory.com 1. 리액트부트스트랩(https://react-bootstrap.netlify.app/components/buttons/#buttons) 사이트 오른쪽 검색창에 찾고자하는 태그를 검색하기 2. 검색한 태그 중에서 마음에 드는 디자인의.. 2022. 5. 18.
728x90
반응형

티스토리툴바