일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- php
- CentOS
- nginx
- fastapi
- Machine Learning
- laravel
- Redis
- mariadb
- NCP
- Redux
- AWS
- 기초 수학
- javascript
- Node
- 블레이드 템플릿
- Switch
- linux
- Backbone.js
- webpack
- For
- SQL
- python
- nodejs
- docker
- phpredis
- Babel
- deep learning
- rabbitmq
- Go
- React
- Today
- Total
목록Switch (4)
개발일기
1. If Go에서 if 조건문을 사용할 때는 조건을 나타내는 구문에 괄호를 사용하지 않는다. import "fmt" func main() { water := 10 // var water int = 10 if water > 10 { fmt.Println("10보다 큽니다") } else if water < 10 { fmt.Println("10보다 작습니다") } else { fmt.Println("10입니다") } } 다른 언어들과 동일하게 조건을 구분할 때, if - else if - else 를 사용하여 조건에 따라 실행되는 부분이 달라지게 된다. 2. Switch / Case import "fmt" func main() { var fruit string = "포도" // juice := "주스" s..
Route exact와 Switch의 간단 정리 위의 소스코드를 바탕으로 경로를 / 로 이동할 경우 Main, Water, Juice 컴포넌트 3개가 전부 렌더링된다. Route는 경로가 부분적으로 일치하는 컴포넌트도 렌더링하는 특성을 가지고 있기 때문이다. 의도치 않은 렌더링을 위해 exact를 사용한다. / 경로로 이동할 경우 Main컴포넌트만, /water 경로로 이동할 경우 Water 컴포넌트만, /juice 경로로 이동할 경우 Juice 컴포넌트만 렌더링되게 된다. 즉, 경로가 완벽히 일치하는 컴포넌트만 렌더링 하게된다.
1. react-router-dom 설치 npm install react-router-dom yarn add react-router-dom React에서 route기능을 사용하려면 우선적으로 react-router-dom을 설치해야 한다. 2. import 부분 import { Route, Router, Switch, Link } from 'react-router-dom'; 라우트 기능을 사용할 때 많이 사용되는 4가지 모듈을 불러온다. Route path : 주소창의 경로를 지정한다. exact : 주소창의 경로와 완벽하게 일치할 때, 이 라우트의 컴포넌트를 보여준다는 의미한다. component : 보여줄 컴포넌트를 의미한다. Route 컴포넌트는 path옵션을 통해 주소창의 주소와 일치하는 컴포넌트..
지난 포스팅에 이어 블레이드 템플릿의 조건문에 대해 알아보겠다. 1. @if 대부분의 언어들과 조건을 지정하는 방법이 동일하다. @if 뒤에 조건을 지정한 후, 조건에 부합할 때 실행할 명령어들을 다음 줄에 서술하면 된다. 2. @elseif if 조건을 충족시키지 못했을 경우, 그에 대한 대안적인 조건을 지정하는 것이다. 예를 들어 number라는 변수의 값이 1이 아닌 3일 경우, if조건을 충족하지 못한다. 그렇기 때문에 다음 조건문은 elseif로 이동하여 조건검사를 진행하게 된다. 3. @else @if와 @elseif 조건이 모두 일치하지 않은 경우, 실행되는 부분이다. 하지만 그 전에 선언되었던 if와 elseif 중에 충족하는 것이 있으면 else를 실행시키지 않는다. 4. @endif @..