Development57 [JS] == / != / === / !=== 여러 사람들의 오픈 소스를 보면서 ==은 ==이지 왜 ===일까 하며 쳐봤다.자바스크립트에는 좀 더 엄격한 연산자가 있다고 한다...! == 는 값이 같다. (ex : 1 == '1' : 같다라고 봄. / 1 == 1 : 같다라고 봄. / '1' == '1' 같다라고 봄 ) != 는 값이 같지 않다. === 는 값도, 타입도 같다. (ex : 1 == '1' : 같지않다라고 봄. / 1 == 1 : 같다라고 봄. / '1' == '1' 같다라고 봄 ) !===는 값도, 타입도 다르다. (ex : 1 == '1' : 같지않다라고 봄. / 1 == 1 : 같다라고 봄. / '1' == '1' 같다라고 봄 ) 2020. 8. 13. [npm] npm이란? * npm 이란?n : 노드(node) / p : 패키지(package) / m : 매니저(managemer)- npm은 node.js 를 설치시 함께 설치됨!- node.js를 사용하여 만들어진 소프트웨어이지만 타 소프트웨어를 사용할 수 있는 모듈! 소프트웨어 관리자 같은 * npm 명령어 // 잘 정리되어 있음!https://www.zerocho.com/category/NodeJS/post/58285e4840a6d700184ebd87 2020. 7. 28. [자바스크립트]window.localStorage.setItem() window.localStorage 는 브라우저에서 지원하는 쿠키 같은 거!사용하는 경우 - 글 작성 중간 잃어버리지 않기 위한 임시 저장 용도 - 콘텐츠가 수시로 변경되는 경우 - 방문자의 이동 경로를 저장했다가 이동하는 경우 - 서버에 저장할 필욘느 없지만 사용될 경우데이터 저장 : .setItem(별명, 값)출처 : https://webisfree.com/2016-06-24/[%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8]-localstorage-sessionstorage-%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8%EC%97%90-%EC%A0%95%EB%B3%B4-%EC%A0%80%EC%9E%A5 2020. 7. 24. fetch란? * fetch 란? API를 사용하여 백엔드 서버와 비동기 요청을 하는 방식 중 하나 비동기 방식으로 요청하기 때문에 API 호출하는 과정이 끝나지 않더라도 자동적으로 다음 코드로 넘어감. 호출 과정에서 필요한 정보를 사용할 땐 .then() 함수 이용 - method (통신 방식) : GET(**default**) / POST 등이 있음. 1) GET : 어떠한 정보를 백엔드 서버에서 가져올 때 이용 2) POST : 어떠한 정보를 백엔드 서버에 보낼 때 이용 3) DELETE : 단어 그대로 삭제할 때 사용 - headers : API 응답에 대한 헤더 정보를 담음 Http Header와 대응 - body : 전달하고자 하는 응답 내용. 백엔드 서버와 통신할 때, 객체를 이용하여 통신하므로 !!!객체.. 2020. 7. 24. [리액트]페이지 이동하기 html에서 페이지를 이동할 때에는 태그에 href를 통해서 이동이 가능하다. 리액트는 JSX언어를 이용하기 때문에 html과 조금 다르다. 고로 href로 이동이 불가하다! * Link 컴포넌트 - html의 태그와 유사한 기능을 하는 컴포넌트이다. - 태그는 href속성으로 이동 경로를 지정한다면 는 to속성으로 prop을 통해 이동할 경로를 지정한다. 태그를 사용하기 위해 reack-router-dom에서 Link를 import 해준다. 이 과정 없으면 현 문서(.js)에서 Link 태그를 사용할 수 없음. //import를 해줬다는 건 당연히 npm install 을 했다는 것이겠지요?! import { Link } from 'react-router-dom' //**** 태그를 이용한다. 태그 안.. 2020. 7. 24. 리액트 기본 공부에 도움되는 사이트 * 유튜브 - Velopert누구든지 하는 리액트 초심자를 위한 리액트 핵심 강좌 //핵심 잘 담겨있음. 대충 어떤 것인지 흐름을 잡고 알아가는 단계에서 보기 좋음! 설명도 잘하시고, 영상도 20분 내외임! https://www.youtube.com/watch?v=fT9iFFAt60E&list=PL9FpF_z-xR_E4rxYMMZx5cOpwaiwCzWUH + Velopert님 블로그 : https://velopert.com/ * 문서 - CoreUi documents 리액트 앱 생성 후, CoreUi 리액트 템플릿을 사용한다면 참고하기 좋은 사이트. //CoreUi에 담긴 많은 기능들을 이용하여 custom할 때 좋음. 뭐가 뭔지 알아가는 ........ https://coreui.io/react/doc.. 2020. 7. 24. 이전 1 ··· 4 5 6 7 8 9 10 다음