목록전체 글 (158)

열정과 게으름 사이

리액트 컴퍼넌트 사용. 배열반환

컴포넌트 사용 function Food() { return ( "김밥" ); }//컴포넌트 function App() { return ( 메뉴 //컴포넌트 사용 ); } 배열 랜더링 MDN문서에는 "map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다" 라고 되어 있는, 자바스크립트 메소드이다. import React from 'react'; const food=[{ id:1, menu:"그냥김밥", price:"2,500원" }, { id:2, menu:"참치김밥", price:"3,500원" }, { id:3, menu:"소고기김밥", price:"4,500원" }, { id:4, menu:"불백김밥", price:"4,500원" }, { ..
공부 메모/react 2021. 10. 27. 15:41
html에 인클루드 하기

헤더 수정 할때 마다 반복되는 복붙..... 실무에서도 이러지는 않을 텐데. 그누보드만 봐도 아닌데 했지만. 미처 방식을 알지 못했었으나. 교수님이 수업시간에 쓱 지나가듯 하신 말. '실무에서는 인클루드해서 쓰지 이렇게 안써요.' 아! 인클루드. 그날 와서 검색해 보고 찾은 방법은 바닐라자바스크립트, 제이쿼리, php, php도 복붙하면 되기는 하겠지만, 일단은 제이쿼리로 한 페이지라 제이쿼리로 인클루드를 해봤다. 1. 단계 전이나 전에 제이쿼리 함수를 불러온다. 이 글을 참고 했다. http://daplus.net/javascript-html-%ED%8C%8C%EC%9D%BC%EC%97%90-%EB%8B%A4%EB%A5%B8-html-%ED%8C%8C%EC%9D%BC-%ED%8F%AC%ED%95%A8/
공부 메모/javaScript 2021. 10. 25. 17:13
리엑트

배포를 하고 싶은 마음이 들었다. 리엑트를 사용해서 할 수 있다기에 설치 시작. 무리 없이 되다가 깃이랑 연결하는데 오류. 이래저래 해보다 새로 시작해보자 하고 삭제는데 사양이 딸리는 거인가. 삭제도 한세월. 재설치도 상상초월 한세월..... 밤을 꼴딱 새웠더니 아직 컨디션 회복 안됨. 근데... 깃 연결 못하고 너무 피곤해서 잠듦. 잠깐 자고 일어나서 이것저것 하다보니 이 시간이네....
먹고 사는 이야기 2021. 10. 24. 17:53
시간 줄어드는 타이머 만들기

시간 제한이 있는 게임을 할 때 사용할 수 있는 타이머를 만들어 보았다. setInterval()함수를 사용해서 하면 되고, 줄어드는 시간을 보여주기 위한 html을 만들었다. HTML 남은 시간: 나중에 접근성 이슈가 있을 경우를 대비해 input태그를 사용했다. JS 3분을 제한 시간으로 두었을 경우의 예이다. setInterval(1000) = 1초 이다, 여기에 *3분(180초) => 180,000 변수로 총 시간 = 180000; 줄어드는 시간을 보여주기 위해 min=3; sec=60; 을 선언해주고, 3:00 부터 줄어들어야 하니, 페이지 로딩시 바로 출력되도록 value값에 넣어준다. 1초에 한번씩 반복되는 setInterval(function({ time=-1000; },1000) 로 1초..
공부 메모/javaScript 2021. 10. 21. 19:03
다른페이지로 연결하기

사이트가 분산이 되어버리는 일이 발생했다. 이걸 어찌 취합을 해야하나 고민하다가. 웹사이트 접속할때 다른 페이지로 바로 연결되서 열리게 하는 방법을 떠올리고 검색. 정확하게 하기위해서는 아직 나를 믿기보다는..... 기존 사이트에서 다른 사이트로 연결하는 방법을 포워딩이라고 한단다. 검색을 늪에서 허우적 거리지 않도록 나를 위해 기록. 1. 메타태그 이용 2. 자바스크립트 이용 3. php이용 흠... php는 보고 있지만 해석이 안된다. ㅎㅎㅎ
공부 메모/javaScript 2021. 10. 13. 17:50
Prev 1 ··· 4 5 6 7 8 9 10 ··· 32 Next