꾸준히 안타치기

https://devocean.sk.com/blog/techBoardDetail.do?ID=163746&fbclid=IwAR1S0cfbjJAjpC3eZkUN1O9ZMhaW0z-92zogJ3TlAPdvk7awBAboM2MHyfk React 에서 자주 사용하는 Javascript 문법 정리 devocean.sk.com

React - 웹앱임 - 모바일앱으로 발행이가능함 그냥 웹사이트보다 비지니스적인 강점, 새로고침안해도 업데이트 https://www.youtube.com/watch?v=nahwuaXmgt8 설치 VScode에서 node.js 다운로드 신버전 설치 코드짤 폴더 만들기 - React class - 에디터에서 폴더열기 VScode 터미널에 - npx create-react-app blog 파일 오픈폴더해서 만들어논 폴더열기 App.js에서 시작 한다. 미리보기 하려면, 터미널 열어서 - > 만든폴더안에 blog를 openfolder하고 npm start 하면됨 / 크롬에 뜸 node.js설치하면 npm이라는 툴 이용가능 reactbootstrap 설치 - https://react-bootstrap.netlif..

https://coding-factory.tistory.com/180 [Html] 옆으로 움직이는 텍스트 만들기 (MarQuee) 요즘은 그렇게 많이 사용하지 않는 태그인데 전광판처럼 텍스트를 움직이게 만들 수 있는 태그가 있습니다. 텍스트뿐만 아니라 사진도 가능합니다. HTML에서 텍스트나 사진을 움직이게 할 수 있 coding-factory.tistory.com https://developer.mozilla.org/en-US/docs/Web/HTML/Element/marquee : The Marquee element - HTML: HyperText Markup Language | MDN The HTML element is used to insert a scrolling area of text. You..

https://codingbroker.tistory.com/63 [HTML, javascript] 마우스 오버시 HTML 요소(이미지, div 등) 확대(zoomIn) 하는 방법 두가지 방법으로 살펴봅니다. 1. width와 height 변경 2. transform의 scale() 적용 다음과 같이 container 내부에 3개가 있습니다. 1. width와 height 변경 이미지의 width와 height를 직접 변.. codingbroker.tistory.com

https://www.a-mean-blog.com/ko/blog/Node-JS-%EC%B2%AB%EA%B1%B8%EC%9D%8C/%EA%B2%8C%EC%8B%9C%ED%8C%90-%EB%A7%8C%EB%93%A4%EA%B8%B0-%EA%B3%A0%EA%B8%89/%EA%B2%8C%EC%8B%9C%ED%8C%90-%EB%8C%93%EA%B8%80-%EA%B8%B0%EB%8A%A5-%EB%A7%8C%EB%93%A4%EA%B8%B0-4-%EB%8C%93%EA%B8%80-%EC%88%98-%ED%91%9C%EC%8B%9C Node JS 첫걸음/게시판 만들기(고급): 게시판 - 댓글 기능 만들기 4 (댓글 수 표시) - A MEAN Blog 소스코드 이 게시물에는 코드작성이 포함되어 있습니다. 소스코드를 받으신 ..

youtu.be/RkuoX9eeOEc 드래그를 하려면, 드래그를 시작하는 함수 ,드래그를 집어 들었을때 함수 , 놓았을때의 함수가 필요하다. A P P L E css .list{ margin:0; padding:0; } li{ display: inline-block; width:60px; height:60px; padding: 10px; background-color: blue; }

doctorcodetutorial.blogspot.com/2020/04/make-drawing-app-in-javascript.html

youtu.be/eprXmC_j9A4 0~18분 40초 까지 flex는 박스 부모에 적용하는 것 - 안에 있는 아이템들에게 적용됨 column, row가 원래 기본값임 wrap;으로 하면 화면줄였을때 밑으로 떨어짐 wrap 일때만 됨 / align-content 적용시 아이템에 적용 flex:1 ; 로 지정시 flex-basis:auto;가 됨 order로 아이템 순서 변경가능

span, a태그 -> inline 은 크기조정이 불가능 함 div / section /article/header/footer/nav ->block 은 크기조절 가능 inline-block : 속성 둘다임 none: 안보임 youtu.be/Zny5Vxqk6Mk css reset - 적용하기 *{ margin:0; paddding:0; } padding:5%; 컨테이너 Div의 - 폰트 사이즈를 0으로 바꿔주면, 띄어쓰기 사라짐 vertical-align :top; max-with: 1000px; 가운데 정렬 margin-left: auto; margin-right:auto; margin :0 auto; (상하는 0 , 좌우는 auto;) float youtu.be/Zny5Vxqk6Mk?t=1583 flo..

Ajax( 서버로만 열수있음 ) 페이지 전체를 리로딩 하지 않고, 정보를 보여줄 수 있다. fetch API https://youtu.be/ufjCFdG_4fo response 웹서버가 응답한 결과를 담고 있다. 404(실패), 200(성공) 을 이용할수 있다. # 해쉬이용하기 해쉬를 이용하면! ajax로 다른 페이지를 로드해 시작페이지를 로드 할수있다. 콘솔로그를 통해 해쉬를 알아 낼수 있다. youtu.be/AGcvjs1k4gg https://youtu.be/rER7SpywfMM 해쉬활용하기 해쉬뱅 / but 검색엔진 최적화가 안됨 pjax라는 것을 사용한다고 함. 글목록 구현하기 1 !youtu.be/XYasGSxwcLs 글목록 구현하기 2

1.input값 핸들링 2.보였다 안보였다 하는 용도 var - 변수가 중복으로 선언되어도 알수 없음. let - 중복변수 선언시 에러가남. 변수명 유일, 재할당 가능 const - 절대바뀌지 않는값임. 재할당도 불가능 // 데이터 타입 : 숫자,소수점, 문자, 오브젝트, 배열 함수 function regist(){ alert(document.getElementById("name").value); } 매개변수 리턴 youtu.be/vlyHEQSqkl8?t=1236( 함수안에서 리턴문이 나오면 종료하고, 실행한 위치로 돌아간다.) 조건문 resul = (1==1); if(result){ document.write("참"); }else{ document.write("거짓"); } 반복문 배열 [ ] 순서대로..

zero-jin.tistory.com/13 [자바스크립트]공지사항 - 오늘 하루 그만보기 기능 구현 쿠키를 이용해 오늘 하루 그만보기 창을 구현 할 수 있다. 이는 팝업 등의 공지사항에 쓰면 유용할 것 같다. * 체크 및 닫기 후 다시 창을 띄우기 위해선 인터넷 -> 쿠키 및 사용 기록 삭제를 해주 zero-jin.tistory.com 쿠키를 이용해 오늘 하루 그만보기 창을 구현 할 수 있다. 이는 팝업 등의 공지사항에 쓰면 유용할 것 같다. * 체크 및 닫기 후 다시 창을 띄우기 위해선 인터넷 -> 쿠키 및 사용 기록 삭제를 해주면 된다. 레이어 팝업 오늘 하루 이창을 열지 않음 오늘 하루 이 창을 열지 않음 [닫기]