기본 언어

Posted by 이상한 나라의 채소토끼
2018. 6. 14. 14:41 PHP

php 시작

    <?php?>

    php 출력문

      echo '출력할 문구'; 숫자는 바로 입력, 문자만 '' 나 "" 따옴표 입력 텍스트의 연결자로 '.'(점) 사용


      문자 열 안에 변수 사용시 

      (안전하게 변수명 사용할 수 있음)

        <?php$birthMonth = 4;
        echo "저는 {$birthMonth}월에 태어났습니다."?>

        $birthMonth 앞뒤에 공백으로 두면 변수로 인식하지만

        위와같이 월에를 붙이면 변수가 $birthMonth월에 로 인식되어 아무것도 출력치 않는다.



        큰따옴표 안에 큰따옴표를 출력해야하는 경우 역슬래시를 사용한다.

          <?php//큰따옴표 역슬래시 사용echo "교수님이 말씀하셨다. \"이번 과제는 팀 프로젝트로 하겠습니다.\" <br>";
          //$ 표시가 변수로 선언되지 않도록 앞 역슬래시 사용echo "\$15를 지불하세요.";?>


          대입연산자란 ?

            변수에 어떤 값을 대입할 때 사용하는 연산자를 말한다.
            변수명 +=변수명 -=변수명 *=변수명 -=변수명 %= 값변수명.= 값 (기존의 문자열 변수에서 다른 문자열을 붙일 때)
            ex)// += 활용$num = 10;$num += 2;ecbo "[+=사용] 변수 num의 값은 ".$num"<br>";
            // .= 활용$city = '서울';$city .= '특별시';echo "[.=사용] 변수 city 값은".$city;

            증감 연산자 

            (jquery 와 마찬가지)

              <?php변수++ (변수의 현재 값을 반환한 후 값에 1을 추가)++변수 (변수의 현재 값에 1을 추가한 후 값을 반환)변수----변수?>

              변수명 배열로 만들기

                변수명 = array();

                배열에 여러 값을 대입하려면 인덱스를 사용해야 합니다.


                php 시작

                  <?php//배열 선언$earth = array();
                  //earth의 0 인덱스에 'korea' 대임$earth[0] = 'korea';...?>

                  array_push()는 배열에 값을 추가하는 함수입니다. 

                    array_push(변수명, 배열에 들어갈 값, 배열에 들어갈 값);
                    <?php$fruit = array();
                    array_push($fruit, 'apple', 'banana', 'grape', 'coconut', 'tagerine', 'water melon');
                    echo $fruit[0]."<br />";echo $fruit[1]."<br />";echo $fruit[2]."<br />";...?>
                    applebananagrape..

                    * 배열의 인덱스는 기본적으로 숫자가 지정되기 때문에 array_push()함수를 사용하면 숫자로 인덱스가 지정됨을 확인할 수 있다.


                    배열에 인덱스 없이 값을 입력하는 방법

                      $array = array();#array = [값,값,값,값,값];
                      <?php$fruit = array();$fruit = ['banana','water melon', 'grape', 'apple', 'mango'];
                      echo $fruit[0]; //bananaecho $fruit[2]; //grape?>
                      ※ array_push 는 이미 있는 배열에 값을 추가하는 함수, 이 함수는 처음부터 배열에 값을 넣는 함수입니다.


                      인덱스 2개 사용 방법 (인덱스 안의 인덱스)

                        $earth[인덱스1][인덱스2] = 값;

                        var_dump()에 변수를 입력하면 해당 변수에 어떤 값들이 있는지, 그 값들의 데이터형이 무엇인지 보여줍니다.

                        주로 고객이 보는 페이지를 만들때 개발 테스트용으로 사용합니다.


                        데이터형

                        :     변수를 지정할 때는 변수에 어떠한 값이 올 것인지 함께 지정해 주어야함.

                        그 어떠한 값이 숫자인지, 문자열인지, 논리값인지 구분하는 것을 데이터형이라고 합니다.

                              하지만  php는 값을 확인후 데이터형을 자동으로 지정해 줍니다. 



                        gettype()는 데이터형을 알려주는 기능을 합니다.

                          gettype($num)


                          출력문 간단하게 사용하기

                          <?=$i?> 

                          <?php echo $i?>

                          'PHP' 카테고리의 다른 글

                          코드 재활용 include , require  (0) 2018.06.15
                          사물의 기능화 , 인스턴스 생성  (0) 2018.06.15
                          GET과 POST  (0) 2018.06.15
                          파라미터, 아규먼트  (0) 2018.06.15
                          기본 함수  (0) 2018.06.14

                          사용하면 안되는 조건

                          Posted by 이상한 나라의 채소토끼
                          2018. 6. 14. 11:26 HTML , CSS

                          main안에 footer 넣었더니 explorer에서 깨진다.

                          section으로 바꾸니 정상 작동!


                          http://charlesk.tistory.com/40

                          font-weight로 글자의 굵기를 정합니다.

                          Posted by 이상한 나라의 채소토끼
                          2018. 6. 12. 16:45 HTML , CSS
                          • 기본값 : normal
                          • 상속 : Yes


                          문법

                            font-weight: normal | bold | bolder | lighter | number | initial | inherit


                            • normal : 보통 굵기입니다. 숫자 400과 같습니다.
                            • bold : 굵은 굵기입니다. 숫자 700과 같습니다.
                            • bolder : 상속된 값보다 굵은 굵기입니다.
                            • lighter : 상속된 값보다 얇은 굵기입니다.
                            • number : 100200300400500600700800900
                            • initial : 기본값으로 설정합니다.
                            • inherit : 부모 요소의 속성값을 상속받습니다.



                            출처 : https://www.cmsfactory.net/css-reference-font-weight

                            'HTML , CSS' 카테고리의 다른 글

                            psd 블렌드모드 bg-blend-mode  (0) 2018.06.15
                            사용하면 안되는 조건  (0) 2018.06.14
                            백그라운드 블렌드 모드 섞는 방법  (0) 2018.06.11
                            margin 통합  (0) 2018.06.11
                            transform 파헤치  (0) 2018.01.31

                            슬라이드 ,간단한 swiper 사용

                            Posted by 이상한 나라의 채소토끼
                            2018. 6. 11. 18:16 JAVASCRIPT & J-QUERY

                            슬라이드 효과가 아닌 fade 효과 주기


                            new Swiper( '.swiper-container', {
                                effect : 'fade',
                            });


                            pagination : { // 페이징 설정
                            		el : '.swiper-pagination',
                            		clickable : true, // 페이징을 클릭하면 해당 영역으로 이동, 필요시 지정해 줘야 기능 작동
                            	},


                            autoplay: { //오토플레이 설정 delay: 3000, //딜레이 시간 설정 },

                            speed : 2000, // 슬라이드 속도 2초

                            사이트 - http://idangero.us/swiper/get-started/

                            백그라운드 블렌드 모드 섞는 방법

                            Posted by 이상한 나라의 채소토끼
                            2018. 6. 11. 16:27 HTML , CSS

                            백그라운드 블렌드 모드로 하기


                            https://css-tricks.com/basics-css-blend-modes/

                            'HTML , CSS' 카테고리의 다른 글

                            사용하면 안되는 조건  (0) 2018.06.14
                            font-weight로 글자의 굵기를 정합니다.  (0) 2018.06.12
                            margin 통합  (0) 2018.06.11
                            transform 파헤치  (0) 2018.01.31
                            line-height 속성  (0) 2018.01.11