총 8개의 일치하는 문서를 찾았습니다.
js자바스크립트 history 객체 페이지 갱신 없이 페이지 전환, pushstate
자바스크립트를 사용하여 현재 페이지를 새로고침, 갱신하지 않으면서 다른 주소로 변경하는 방법을 알아봅니다.# 자바스크립트 현재 페이지 주소창 url 변경하기현재의 주소창의 url을 다른 것으로 변경하고자 합니다. 이때 페이지는 그대로 유지하고 싶다면 어떻게 할까요? 이 때 사용 가능한 방법이 바로 history 객체의 pushstate()를 사용하는 방법입니다.history.pushstate(state, title, url)pushstate()는 현재의 주소를 다른 것으로 변경하면서 페이지는 그대로 유지해주기 때문에 페이지가 전환, 갱신되는 것을 방지하면서 동시에 주...
Last Modified : 2020-09-11 09:53:13
Created : 2020-09-10 07:46:00
react[React] setState 비동기식 async 사용하는 방법
React의 state 상태 관리를 변경하기 위해서 setState를 사용할 수 있습니다. 이때 비동기, async로 setState를 호출하려면 어떻게 해야 하는지 알아봅니다.# 비동기로 setState() 호출하기, async먼저 비동기 setState()를 호출하기 위해서 아래에서는 다음의 방법을 사용하려고 합니다.async, await, Promise모두 비동기식 호출에 사용되는 API들입니다. async와 await는 페어로 함께 사용되며 Promise 객체 역시 업데이트 후 다음 코드로 이동, resolve하기 위해서 필요합니다.이제 아래에서 순서대로 알아...
Last Modified : 2020-09-19 15:01:37
Created : 2020-08-28 20:18:04
react[React] 함수형 컴포넌트에서 StateHook 사용하는 방법과 예제
React에서 state hook을 사용하는 방법에 대하여 알아봅니다.# React state hook 알아보기react 16.8 이 후 부터 사용 가능한 react hook은 class형 컴포넌트가 아닌 경우에도 state를 사용한 상태 관리를 쉽게 사용할 수 있게 도와주는 강력한 기능입니다. 만약 클래스가 아닌 함수형 컴포넌트의 경우 stateless한 컴포넌트이지만 훅을 사용하여 state를 생성하고 사용 가능합니다. 간단한 사용 방법은 아래와 같습니다.const [myValue, setValue] = useState(초기값);더 자세한 내용은 아래에서 알아봅니...
Last Modified : 2020-12-21 16:17:19
Created : 2020-08-03 17:29:00
reactReact state값 변경, 업데이트 방법
React에서 데이터를 사용하고 추가 및 변경할 수 있는 state에 대하여 알아봅니다.# React state 알아보기컴포넌트에서 데이터를 선언하고 변경하기 위해 state를 사용합니다. state의 값을 변경하면 화면 뷰의 렌더링에도 함께 반영되게됩니다. 즉 값이 변경될 수 있는 컴포넌트 내부 데이터에는 state를 사용합니다.멈저 컴포넌트에서 state에 값을 최초 선언하는 방법입니다.class myApp extends components { constructor() { super(); // ...
Last Modified : 2020-08-28 20:18:02
Created : 2020-05-16 17:02:57- angularjs
AngularJS 라우팅 설정 locationProvider.html5Mode() 역할은?
AngularJS는 라우팅 기능(Route)을 제공하여 접속된 url에 해당하는 페이지 소스를 보여줄 수 있습니다. 이때 적용된 코드에서 아래와 같은 코드를 쉽게 만날 수 있습니다.angular.module().config(function($locationProvider) { $locationProvider.html5Mode(true); ...});위 코드의 html5Mode()의 역할은 무엇이고 어떤 기능을 하는지 알아봅니다.# locationProvider.html5Mode() 사용하는 이유html5Mode()의 값을 true로 설정하는 경우...
Last Modified : 2018-01-16 06:36:02
Created : 2017-11-16 07:08:51 - angularjs
angularjs stateProvider에서 $state.go 사용하는 방법
AngularJS를 사용하여 SPA(Single Page Application)으로 구현하는 경우 페이지 이동 즉, 현재 페이지에서 다른 페이지로 이동하는 방법으로 routeProvider 또는 stateProvider를 사용합니다. 만약 stateProvider를 사용하는 경우 $state를 사용하여 페이지 이동이 가능합니다. 아래는 다른 페이지로 이동하기 위해서 $state를 사용하는 방법을 자세히 알아보겠습니다.# $state.go()를 사용하여 페이지 이동, stateProvider 방식만약 stateProvider를 사용하여 페이지를 이동하는 경우 $stat...
Last Modified : 2018-02-14 02:24:50
Created : 2017-09-27 05:52:17 - python
python에서 if문 사용하기 및 예제
파이썬(python)에서 if문을 사용하는 방법 및 예제를 알아보겠습니다. Python 역시 다른 언어와 같이 비슷한 if 문법을 사용하여 원하는 구문을 분기하여 처리, 실행할 수 있습니다.그리고 if 문에 조건을 비교하는 방법으로 아래처럼 사용됩니다.A == B 두 조건이 일치하는 경우A != B 두 조건이 서로 일치하지 않는 경우그럼 아래 예제를 통하여 더 자세하게 알아봅니다.# Python에서 if문을 사용한 예제보기만약 아래와 같이 site이름을 확인하는 경우 아래처럼 사용합니다.name = "webisfree"if name == "webisfree"...
Last Modified : 2018-02-08 21:52:35
Created : 2017-05-04 12:05:01 - etc
자바스크립트에서 값이 없는 경우 대체 값을 설정하는 방법은?
자바스쿠립트에서 만약 해당하는 값이 존재하지 않는 경우 대체하여 사용할 값을 지정할 수 있습니다. 예를 들면 아래와 같은 경우를 가번하면...문) 변수 test가 정의되지 않았거나 없는 경우 "Fail"로 test 변수의 값을 지정하는 방법은?이 경우 아래와 같이 사용할 수 있죠~ <script> var test = test ? test : "Fail";</script>하지만 php의 경우 ? 뒤의 값이 동일한 경우 아래처럼 사용할 수 있는데요... <?php var $test = $test ?: "F...
Last Modified : 2017-09-21 00:19:48
Created : 2017-03-21 15:45:20