'분류 전체보기'에 해당되는 글 48건

  1. 2017.03.28 if문
  2. 2017.03.25 java script
  3. 2017.03.25 array_test
  4. 2017.03.22 array(배열)
  5. 2017.03.22 number(숫자), variable(변수)
  6. 2017.03.22 string(문자)
  7. 2017.03.13 [종로3가 맛집] 참숯구이 왕코등갈비 5
  8. 2017.02.27 [안양1번가] 오사카 치즈케이크! 일본3대 명물 치즈케이크 4
  9. 2017.02.26 html5, xhtml, div video, picture 2
  10. 2017.02.26 flaticon, themeforest 1

if문

2017. 3. 28. 00:40
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

<script>


  //조건연산자


  var a;

  if(a != true){

    console.log("if");

  } //a가 undifined. true가 아니기때문에 실행

  var a = "apple";

  if(a == "apple"){

    console.log("if : apple");

  }

  if(a == "orange"){

    console.log("if : orange");

  }


  if(a == "apple"){

    console.log(a = "입니다");

  }else{

    console.log("apple이 아니고"+a+"입니다");

  }




  console.log("실행");


  if(1 == 2){

    console.log("if실행");

  }

//true면 실행, false면 실행하지 않는다.

  console.log("실행끝");





//example 과일

var text = prompt("과일을 입력하세요");

if(text == "apple"){

  console.log(text);

}else if(text == "orange"){

  console.log(text);

}else if(text == "pineapple"){

  console.log(text);

}


//example 홀짝만들기

var text = prompt("숫자를 입력하세요");

if(text%2==1){

  console.log("홀수");

}else if(text%2==0){

  console.log("짝수");

}

//홀짝 2

var num = prompt("숫자를 입력하세요");

var tt = num%2;

if(tt == 0){

  alert('짝');

}else if(tt == 1){

  alert('홀');

}else{

  alert('숫자아님');     

}

</script>



'publishing > java script' 카테고리의 다른 글

java script  (0) 2017.03.25
array_test  (0) 2017.03.25
array(배열)  (0) 2017.03.22
number(숫자), variable(변수)  (0) 2017.03.22
string(문자)  (0) 2017.03.22

java script

2017. 3. 25. 00:38
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.



   javascript


    core  ->  일반적으로 사용 

    dom  ->  문서에 접근해서 사용

(document object model)


   #id = id선택할떄

   document.getElementById(id)  -> 자스문법이 너무 어려워서

   $('#id')                                       -> 자주 쓰는걸 제이쿼리로 쉽게


   ECMAscript6(2016)

     Angular

     React


   javascript

   library -> jQuery

                    React 일방향

   framework -> Angular  

                           Cencha 양방향

   flatform


   node js

   브라우저가 자바스크립트를 해석하고

   pc는 할수없는데 node.js를 설치하면 pc가 해석할수있다.

   pc에서 스크립트 코딩을 할수있다!

   클라이언트(우리가 쓰고있는 윈도우같은 프로그램)에서 구동되는 해석언어


   php

   DB(database)   -   SQL  php배우기전에 sql부터


   html, css

   javascript  >  Express   > NoSQL MongoDB


   javascript Core

   jQuery

   Ecpress

   MongoDB


     view엔진   jade

     미들웨어    ejs

                        swig

                        handlebar    ->하는일은 똑같음. 선택해서 사용


   배우게 되는것들

     문자 string

     숫자 number

     상수

     변수 variable

     연산자

     배열 array

     조건문 if

     반복문 for

     함수 function

             -리터럴 함수

             -보이드 함수

             -인자 함수

             -콜백

             -클로저

     객체 object





'publishing > java script' 카테고리의 다른 글

if문  (0) 2017.03.28
array_test  (0) 2017.03.25
array(배열)  (0) 2017.03.22
number(숫자), variable(변수)  (0) 2017.03.22
string(문자)  (0) 2017.03.22

array_test

2017. 3. 25. 00:17
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.




  <script>


    var text1 = ['일단','어디보자','음...','아몰랑'];

    var text2 = ['똘끼','어여쁨','귀여움','흥','술','잘생김'];

    var text3 = ['한숟갈','두숟갈','헉....쏟았다','없네...','있긴하네'];



//  console.log(text1.length);   -> 4

//  console.log(Math.random()*10);   -> 0부터 10미만의 실수를 생성

//  console.log(Math.floor(1.123423));   -> 뒤에 난수를 절삭해줌

//  console.log(Math.floor(Math.random()*10));   

  또는

//  var ran=Math.random()

//  console.log(Math.floor(ran);


//  var ran = Math.random()*4;

//  var num1 = Math.floor(ran);



    var num1 = Math.floor(Math.random()*text1.length);

    var num2 = Math.floor(Math.random()*text2.length);

    var num3 = Math.floor(Math.random()*text3.length);

 

    var user = prompt("당신의 이름을 입력하세요");

    console.log(user);


    document.write(user+"을(를) 만들어볼까?");

    document.write(text1[num1]+text2[num2]+text3[num3]);


  </script>





'publishing > java script' 카테고리의 다른 글

if문  (0) 2017.03.28
java script  (0) 2017.03.25
array(배열)  (0) 2017.03.22
number(숫자), variable(변수)  (0) 2017.03.22
string(문자)  (0) 2017.03.22
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.





   var ppap = ["파인애플","팬","애플"];  -> 배열은 [ ]

                            0          1       2        -> 순서는0부터 센다


   console.log(ppap[0]);  -> 파인애플

   console.log(ppap[1]);   -> 팬

   console.log(ppap[2]);  -> 애플

   console.log(ppap[0] + ppap[1] + ppap[2] + ppap[1]);  -> 파인애플팬애플팬


   var pp = ppap[0] + ppap[1] + ppap[2] + ppap[1];

   console.log(pp);  -> 파인애플팬애플팬





   //




   var a = new Array();


   var txt = prompt("써.");


   a.push(txt);  -> a에 txt를 push

   console.log(txt);  -> txt확인


   a = [1,2,3,4,5,6,7]

   a.splice(0,1);  -> 0은 시작점, 1은 갯수 [2,3,4,5,6,7]

                         -> 배열자리 0부터   -삭제


   a.splice(0,1,"hi");  -> 빠진자리에 hi를 넣는다.  -수정

   a[1] = "his";  -> 다른수정방법. a배열 1을 "his"로 수정

   console.log(a);


   var multi = ["orange","apple"];

   console.log(multi[0]);  -> orange



                      0  1  2 3  4 5

   var multi = [[],[],[],[],[],[]]  ->이차원배열

   var multi = [

     0["권서정","조성국","김서영","김해정"],

     1["권서연","선광민","김현숙","권인주"]

   ]  ->이차원배열

   console.log)multi[0][2]);  -> 조성국


   var aaa = [[[],[],[]],[]] ->삼차원배열






'publishing > java script' 카테고리의 다른 글

if문  (0) 2017.03.28
java script  (0) 2017.03.25
array_test  (0) 2017.03.25
number(숫자), variable(변수)  (0) 2017.03.22
string(문자)  (0) 2017.03.22
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.





   < number >

  

   console.log(1);  -> console을 찍어볼떄 파란색은 숫자. 검정색은 문자.

   console.log(1000 + 10);  ->숫자의 장점은 연산이 가능하다.

   document.write(1000 + 10);  ->browser에 나온다. (console은 개발자도구에나옴, 브라우저에 안나옴)

                                                  -> dom은 문서에 있는 element 건드는것.





   < variable >


    var a;   ->변수  a 지정

    a = 10;

   console.log(a);  ->a를 console.log로 확인 a는 10

   a = 20;

   console.log(a);  -> a는 20

   a = a + 20;

   console.log(a);   ->a는 40 






'publishing > java script' 카테고리의 다른 글

if문  (0) 2017.03.28
java script  (0) 2017.03.25
array_test  (0) 2017.03.25
array(배열)  (0) 2017.03.22
string(문자)  (0) 2017.03.22
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

   문자는 " "나 ' '로 표시



   --> 위에 먼저 실행후 정지, 그다음으로 넘어가면 다음것을 실행한다.

   alert("이것은 '문자' 문자입니다");

     -이것은 '문자' 문자입니다

   alert('이것은 "문자" 문자입니다');

     -이것은 "문자" 문자입니다


   alert('이것은 '문자' 문자입니다'); ->잘못된 예


   console.log("이것은 '문자' 문자입니다");

   console.log('이것은 "문자" 문자입니다');

   console.log('1234'); ->숫자 1234가 아니라 문자 1234이다.



   //

   alert('값');  -> 경고창을 말한다.

   console.log('값');

   document.write('값');






'publishing > java script' 카테고리의 다른 글

if문  (0) 2017.03.28
java script  (0) 2017.03.25
array_test  (0) 2017.03.25
array(배열)  (0) 2017.03.22
number(숫자), variable(변수)  (0) 2017.03.22
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.




학원끝나고 학원사람들이랑 등갈비 먹으러 왔다.
종로3가 5호선 6번출구로 나가면 바로보인다.
벽에 걸린 메뉴천막을 보아하니 등갈비가격이 꽤 나가는구만.










순두부찌개가 3000원!!!

처음에는 서비스로 나오는거 같은데

쌤이 여기에 순두부찌개만 먹으러 오는사람도 있다그래서

며칠뒤에 순두부찌개 먹으러갔더니 순두부찌개만 따로 안판다더라

내가 잘못들은건가부다

나도 긴가민가했어.. 

여기 순두부 찌개 얼큰해서 맛있던데 ㅠㅠ 또 먹고싶다ㅠㅠ.. 아쉽..











그냥 일반 고깃집같은 환경임










마늘이랑~ 쌈장이랑~김치랑~

여기는 양배추샐러드를 준다

맛있음.










다른곳은 그냥 엄지와 검지만 씌울수있는 비닐장갑을 주는데

여기는 불에다 직접구우니까 뜨거워서 

목장갑도같이주나보다 

그래서 손으로 발라먹기 편했다 뜨겁지만 뜨겁지않았어 훗










초점나갔네...









나름 근접샷이라고 찍었지만 잘안보임 ㅎㅎ


잘보면중간중간 버섯들 ㅎㅎ 버섯도 추가할수있음









김꼈다








생각해보니보통맛을 먹다가

매운맛을 시켰는데 그건 못찍었네 아깝다

매운것도 진짜 맛있는데 ㅎㅎ

굳이 고르자면 매운걸 좋아하는 나는 매운맛을 먹을듯 

근데 그냥 보통맛도 진짜맛있음

담에도 또와야지 ㅎㅎ

왜냐면 여긴 순두부찌개를 서비스로 주니까!!











336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.




안양역 1번출구 마약떡볶이 근처에 있던

대왕카스테라가 오사카 치즈케이크로 바꼈다.

개업전부터 지나가다 봤는데

처음에는 파블로인줄 알고 엄청 좋아했는데... 아녔어

그래도 맛은 궁금하니 가봄








가격은 6900원이라는데 종류가 있는지?는 모르겠다.

메뉴판같은것도 없었으니 종류가 없나..?









어? 사진에 보니까 종류가 있네

플레인과 초코? 

그래도 치즈케이크는 오리지날이지 ㅎ








먼가 귀여워..

리쿠로 오지상이랑 안경하고 머리빼고 거의 똑같네 ㅋㅋ






단조로운 상자인데 글씨도 그렇고 느낌이 귀여워








안양에있는  단골카페에서 먹었는데

쇼파도 푹신푹신 자리도 넓직넓직하구 담요도 있고 

여튼 카페가 깔끔하고 좋음

거기서 맨날 같은 메뉴를 시키는데 감식초랑 자몽쥬스 ㅎㅎ

대용량으로 준다. 왕비커에 담아서 나오는데 넘나 기여운것.











크기는 파리바게트보다 조금 더 크다
맛이나 양이나 파바보다는 나은데








    매우 부드럽고 촉촉해서 질리지 않고 맛있는데!

내가 생각했던 치즈케이크맛은 아니었다.

일본에서 먹었던 파블로 치즈케이크같은 맛을 상상했는데

브랜드가 달라선지 맛도 많이 다르더라.

파블로도 근처에 생기면 참 좋았을텐데

아마 질리도록 사먹었겠지..


그래도 맛있었음 ㅎㅎ




위치가 정확한지 모르겠다 이 근방이긴한데

가게들이 하도 자주 들어왔다 빠졌다하니

위치등록이 안되어있넹





+

저번에 또 먹으러 갔었는데

맛이 완전달랐다

처음 먹었을때보다 좀 더 꾸덕한느낌

치즈크림맛이 더 많이났다

그땐 나오자마자 먹어서 따뜻했는데

이번껀 식으면서 공기가 빠져서 밀도가 높았던건지

맛이 아예 바뀐건지..? 

초코치즈케이크는 연구중이랬는데

치케. 아직도 연구중인건가?!






336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.



100%


      canvas

      geolocation

      localstorage

      media(video, audio)


이를 제외한 element  5%(아래 나열)




5% 


div


header

footer

article

aside

nav(div로 감싸는게 아니로 nav로 감싸게 되어있음.)                   ---> 이름이 붙은 div들

section


                         -->element 태그들이  ie 9 이하에선 작동이 안된다.

                               하지만 아래 문장을 쓰면 호환이 가능하다.


<!--[if lt IE 9]>

<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->


lt가 부등호 '<'

IE 9보다 버전이 낮으면 참


<!--[if IE 8]>

익스플로러 버전 낮음. 업뎃.

<![endif]-->


조건주석문

  ! : 아니다(not) - 예) [if !ie] ie가 아니라면

  lt : 작다(less than) - 예) [if le ie9] ie9보다 작다면

  lte : 작거나 같다(less than equal) -- 예) [if lte ie8] ie8 보다 작건 같다면

  gt : 크다(greater than) - 예) [if gt ie6] ie6보다 크다면

  gte : 크거나 같다(greater than equal) - 예) [if gte ie7] ie7보다 크거나 같다

  () : 우선처리

  & : 그리고(and) - 예) [if (gte ie7)&(lt ie9)] ie7 이상이고 ie9미만이라면

  |  : 또는(or) - 예) [if (ie7)|(ie8)] ie7이거나 ie8이라면


출처:  http://webdir.tistory.com/451 [WEBDIR]


html5

반응형웹 (유지보수가 힘들다)

--> ie 6, 7, 8 지원하지않고 ie 9, 10, 11을 쓴다.


xhtml (유지보수 쉽고, 그라데이션, 섀도우)



<video width="400" controls>

  <source src="mov_bb.mp4" type="video/mp4">

  <source src="mov_bb.ogg" type="video/ogg">

</video>


호환이 되기위해 확장자가 다른, 똑같은 비디오를 여러개 태그한다.


<video autoplay="yes" loop width="100%">

  <source src="../video/Clouds - 7001.mp4" type="video/mp4"

      autoplay = 들어가자마자 시작 . loop = 무한루프

                                                                              스마트웹앱 p40



<picture>

  <source media="(min-width: 650px)" secret="사진.jpg">

  <source media="(min-width: 465px)" secret="사진2.jpg">

  <img src="사진3.jpg" alt="flowers" style="width:auto;"

</picture>


창넓이 최소 650부터 사진

최소 465부터 사진2가 뜬다. 기본사진은 사진3.


progress



  


336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

1. flaticon


Click1 ->   http://www.flaticon.com/


무료로 제공하는 다양한 자료, 이쁜 아이콘이 많다

사이트 상단 우측에 유저아이콘을 눌러 가입 또는 로그인을 한후

그옆에 4개의네모상자를 클릭하면 

내가 추가한 아이콘들이 뜬다.






아래 이모티콘에 커서를 대면 내 아이콘 컬렉션에 추가를 할수가 있다.

그리고 내 컬렉션에서 아이콘에 커서를 대면 리스트에서 뺄수있음.






png, psd등 다양한 형식으로 다운이 가능하고

다운로드할때 fonticon으로 다운받으면 폰트컬러로, 사이즈로 

아이콘의 컬러와 사이즈를 바꿀수있다.









2. themeforest


Click! -> http://themeforest.net/


각종 템플릿을 저렴하게 파는 사이트.

우선 사이트 우측 상단에서 create account를 클릭해 계정생성을 한다.

생성뒤에는 이메일을 보냈다는 메시지가 나타난다.

이메일에 들어가 확인링크를 누르면 이용약관 동의 화면이 뜬다. 

동의하면 됨.


좋은 점은 한달간격으로 무료 아이템을 제공한다. 

페이지 중간에 이달의 free items가 있는데 

다달이 유용한게 있는지 체크해보심이 ㅎㅎ





< 1 2 3 4 5 >