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