본문 바로가기

분류 전체보기227

(GitHub)mac OS 깃허브 push 에러/403에러 해결법/토큰번호 생성법 (자세한 설명) (GitHub)mac OS 깃허브 push 에러/403에러 해결법/토큰번호 생성법 이 포스팅은 2021.08.14 기준으로 작성하였으며, 아래와 같은 문구가 나오며 에러가 뜰때의 해결법을 포스팅 했습니다. 토큰번호 생성을 했는데, 생성한 후, 무엇을 어떻게 하라는지 모르겠는 분들은, 2번째 부터 봐주세요~ push를 했을 경우, 이런 문구가 떳을때 해결법 입니다! remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead. remote: Please see https://github.blog/2020-12-15-token-authentication-re.. 2021. 8. 14.
(내돈내산/웹)리액트 책추천/Do it! 클론코딩 영화 평점 웹서비스 책 후기/리뷰 Do it! 클론코딩 영화 평점 웹서비스 책 후기 포스팅 요약 1. 책 전체 구성 2. 책의 좋은점 3. 책의 아쉬운점 책 전체 구성 책의 전체적인 흐름은 위 사진과 같습니다. 이 책에서 배울수 있는 부분을 크게 3가지로 나눠보자면 1. 리액트 실행법 2. 리액트 사용법 3. 깃허브를 사용한 사이트 배포법 이렇게 3가지로 나눌 수 있습니다. 책의 좋은점 1. 설명이 매우 친절하여 초보자가 이해하기 쉽고 잘 따라할 수 있도록 되어있습니다. (제가 봤던 책 중에 최고로 잘되어 있습니다.) 2. 리액트 초보자들이 워밍업용도로 한번 쭉 보기에 좋은 책입니다. (5시간 정도면 끝낼수 있습니다!!) 3. 리액트도 배우고, 나만의 프로젝트도 하나 생기는 1석 2조 책입니다. 4. 가독성이 매우 좋고 재미있다. 5. .. 2021. 8. 12.
[2021.08]자바스크립트에 미디어쿼리 사용하기+자동 새로고침 자바스크립트에 미디어쿼리 사용하기 css에 사용하는 방법과 비슷합니다. 그런데!!! 자바스크립트에서는 브라우저 사이즈 변경시 새로고침을 안해주면 적용이 안됩니다. ㅠㅠ... 그래서 브라우저 크기를 변경할 때 마다 자동으로 새로고침 해주는 스크립트까지 짜주시는게 좋습니다. 아래는 자바스크립트로 미디어쿼리문을 작성한 코드입니다. if(matchMedia("screen and (max-width: 767px)").matches){ //화면 크기가 767px이하일때 console.log("mobile"); }else if(matchMedia("screen and (max-width: 1023px)").matches){ //화면 크기가 1023px이하일때 console.log("tablet"); }else if.. 2021. 8. 9.
(웹) 자바스크립트로 무한 슬라이드 만들기 (매우간단/ 상세 설명) 무한 슬라이드 만들기 포스팅 요약 1. 결과 영상 2. 코드 3. 동작 원리 4. 깃허브 코드 5. 참고 링크 (일반 슬라이드, 3d슬라이드) 결과영상 * 안되시는 분들은 댓글에서 물어보셔도 됩니다 :) * 댓글에 남긴 메일로 압축파일 보내신 후 물어보셔도 됩니다 :) 코드 main.html ⟨ ⟩ JS/slideShow.js let slides = document.querySelector('.slides'); let slideImg = document.querySelectorAll('.slides li'); currentIdx = 0; slideCount = slideImg.length; prev = document.querySelector('.prev'); //이전 버튼 next = document... 2021. 8. 4.
(React)리액트 설치 및 실행법 상세하게(window & Mac) 리액트 설치 및 실행법 * 리액트 실행하는 방법이 변경되었습니다. * 현재 포스팅 보다는 업데이트 된 아래 포스팅 참고바랍니다. (링크 걸어놓았습니다 :)) 2022.05.05 - [웹/(React)리액트] - (React) 리액트 설치 및 실행법 상세하게 이미지로 설명 [2022.05.05 기준] (React) 리액트 설치 및 실행법 상세하게 이미지로 설명 [2022.05.05 기준] * 이미 node.js가 설치되어 있으신분들은 3번부터 참고해주세요 ^^ 1.node.js 다운 (기존과 같음) 2. 설치가 잘되었는지 확인하기 3. react 실행하기 - 방법 1: 원하는 폴더 이름으로 react 개 eunhee-programming.tistory.com 포스팅 요약 1. 리액트 설치 방법 2. 리액트.. 2021. 8. 3.
(GitHub)깃허브 페이지 404 에러 해결법 총 정리/깃허브 호스팅 404에러 깃허브 페이지 404에러 해결법 총 정리 *깃허브 404 에러가 뜬다면 아래 방법들을 보며 차근차근 문제점을 해결해 보세요. 문제: 1. 호스팅한지 시간이 별로 안지났을때 2. 메인 html 이름이 잘못됐을 경우 3. 이미지, 혹은 어떤 파일의 경로가 잘못됐을 경우 해결 방법 1: 호스팅 한지 몇 분 밖에 안지났을 경우 조금 더 기다려 본다. 소요시간 1분~10분, 그래도 안될 경우 아래 빈 커밋을 넣어준다. $ git commit --allow-empty -m "Trigger rebuild" $ git push 해결방법 2: 처음 시작시 들어가는 html이름이 index.html이 아니면 404 에러가 뜬다. (방법1) 처음 시작 html이름을 index.html로 바꾸던가, (방법2) 배포하는 링크 .. 2021. 8. 1.

티스토리툴바