달력

52024  이전 다음

  • 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
  • 31

[Web]로그인 디자인 따라치기

프로그래밍/Web 2018. 9. 6. 21:29
반응형

참조https://www.youtube.com/watch?v=OWNxUVnY3pg

저작자표시

'프로그래밍 > Web' 카테고리의 다른 글

[Web] Html Css List Item Hover Effects 따라치기  (0) 2018.09.25
[Web]CSS Icon Hover Effect 따라치기  (0) 2018.09.19
[Web]Pure CSS Content Slider 따라치기  (0) 2018.09.04
[Web]부트스트랩 모바일 햄버거 버튼 따라하기  (0) 2018.09.01
[Web]Check box  (0) 2018.09.01
Posted by 유령회사
|

[Web]Pure CSS Content Slider 따라치기

프로그래밍/Web 2018. 9. 4. 23:47
반응형

작은 화면으로 보니까 안이쁘군 ㅠㅠ


참조:https://www.youtube.com/watch?v=a7ICxQblYrM

저작자표시

'프로그래밍 > Web' 카테고리의 다른 글

[Web]CSS Icon Hover Effect 따라치기  (0) 2018.09.19
[Web]로그인 디자인 따라치기  (0) 2018.09.06
[Web]부트스트랩 모바일 햄버거 버튼 따라하기  (0) 2018.09.01
[Web]Check box  (0) 2018.09.01
[Web]아코디언 메뉴  (0) 2018.08.28
Posted by 유령회사
|

[Web]부트스트랩 모바일 햄버거 버튼 따라하기

프로그래밍/Web 2018. 9. 1. 18:23
반응형

부트스트랩에 <span class="sr-only">네비게이션 끄기/켜기</span>이게 있는데 웹접근성 때문이라고 하는데 먼지 모르겠음

저작자표시

'프로그래밍 > Web' 카테고리의 다른 글

[Web]로그인 디자인 따라치기  (0) 2018.09.06
[Web]Pure CSS Content Slider 따라치기  (0) 2018.09.04
[Web]Check box  (0) 2018.09.01
[Web]아코디언 메뉴  (0) 2018.08.28
[Web]삼각형 그리기  (0) 2018.08.27
Posted by 유령회사
|

[Web]Check box

프로그래밍/Web 2018. 9. 1. 17:38
반응형
저작자표시

'프로그래밍 > Web' 카테고리의 다른 글

[Web]Pure CSS Content Slider 따라치기  (0) 2018.09.04
[Web]부트스트랩 모바일 햄버거 버튼 따라하기  (0) 2018.09.01
[Web]아코디언 메뉴  (0) 2018.08.28
[Web]삼각형 그리기  (0) 2018.08.27
[Web]Tab  (0) 2018.08.26
Posted by 유령회사
|

[Web]아코디언 메뉴

프로그래밍/Web 2018. 8. 28. 23:58
반응형
참조 : http://re-fresh-studio.com/2013/08/post-21-accordian.php


저작자표시

'프로그래밍 > Web' 카테고리의 다른 글

[Web]부트스트랩 모바일 햄버거 버튼 따라하기  (0) 2018.09.01
[Web]Check box  (0) 2018.09.01
[Web]삼각형 그리기  (0) 2018.08.27
[Web]Tab  (0) 2018.08.26
[JavaScript] 두 날짜 사이 간격 구하기  (0) 2018.08.21
Posted by 유령회사
|

[Web]삼각형 그리기

프로그래밍/Web 2018. 8. 27. 00:18
반응형
저작자표시

'프로그래밍 > Web' 카테고리의 다른 글

[Web]Check box  (0) 2018.09.01
[Web]아코디언 메뉴  (0) 2018.08.28
[Web]Tab  (0) 2018.08.26
[JavaScript] 두 날짜 사이 간격 구하기  (0) 2018.08.21
[JavaScript] 배열요소를 파라메타로 넘기기  (0) 2018.08.15
Posted by 유령회사
|

[Web]Tab

프로그래밍/Web 2018. 8. 26. 11:56
반응형
저작자표시

'프로그래밍 > Web' 카테고리의 다른 글

[Web]아코디언 메뉴  (0) 2018.08.28
[Web]삼각형 그리기  (0) 2018.08.27
[JavaScript] 두 날짜 사이 간격 구하기  (0) 2018.08.21
[JavaScript] 배열요소를 파라메타로 넘기기  (0) 2018.08.15
[JavaScript] 기본 매개변수  (0) 2018.08.15
Posted by 유령회사
|

[JavaScript] 두 날짜 사이 간격 구하기

프로그래밍/Web 2018. 8. 21. 00:13
반응형


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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
</head>
<body>
    <script type="text/javascript">
    function dateDiff(dt1, dt2) 
    {
        var dayRegExp = /^(19|20)\d{2}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[0-1])$/;
                    
        if(dayRegExp.test(dt1) == false) return null;
        if(dayRegExp.test(dt2) == false) return null;
        
        date1 = new Date(dt1);
        date2 = new Date(dt2);
                     
        var diff = date2.getTime() - date1.getTime();                                 
        return Math.floor( diff / (1000 * 60 * 60 * 24));
    }             
    
    var day1 = '2016-01-01';
    var day2 = '2016-01-05';
    
    document.write(dateDiff(day1, day2));    
    </script>
</body>
</html>    
cs

실행


저작자표시

'프로그래밍 > Web' 카테고리의 다른 글

[Web]삼각형 그리기  (0) 2018.08.27
[Web]Tab  (0) 2018.08.26
[JavaScript] 배열요소를 파라메타로 넘기기  (0) 2018.08.15
[JavaScript] 기본 매개변수  (0) 2018.08.15
[CSS] 배경 100프로 이미지표시  (0) 2018.08.04
Posted by 유령회사
|

[JavaScript] 배열요소를 파라메타로 넘기기

프로그래밍/Web 2018. 8. 15. 18:14
반응형

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="utf-8">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
 
  <script type="text/javascript">
    function MyArrayParam(a, b, c, d)
    {// 구브라우져에서 동작 됨
      document.write("a값 : " + a);
      document.write("</br>");
      document.write("b값 : " + b);
      document.write("</br>");
      document.write("c값 : " + c);
      document.write("</br>");
      document.write("d값 : " + d);
    }
 
    var paramArr = [1, 2, 3, 4];
    MyArrayParam.apply(null, paramArr);
</script>
 
  <script type="text/javascript">
    function MyArrayParamECMA6(e, f, g, h)
    {// 신규 문법
      document.write("</br>");
 
      document.write("ECMA6 e값 : " + e);
      document.write("</br>");
      document.write("ECMA6 f값 : " + f);
      document.write("</br>");
      document.write("ECMA6 g값 : " + g);
      document.write("</br>");
      document.write("ECMA6 h값 : " + h);
    }
 
    var paramArr2 = [5, 6, 7, 8];
    MyArrayParamECMA6(...paramArr2);
</script>
</head>
<body>
</body>
</html>
 
cs

실행




저작자표시

'프로그래밍 > Web' 카테고리의 다른 글

[Web]Tab  (0) 2018.08.26
[JavaScript] 두 날짜 사이 간격 구하기  (0) 2018.08.21
[JavaScript] 기본 매개변수  (0) 2018.08.15
[CSS] 배경 100프로 이미지표시  (0) 2018.08.04
[Jquery]dom 선택자  (0) 2018.08.01
Posted by 유령회사
|

[JavaScript] 기본 매개변수

프로그래밍/Web 2018. 8. 15. 18:06
반응형

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
31
32
33
34
35
36
37
<!DOCTYPE html>
<html lang="utf-8">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
 
  <script type="text/javascript">
    function MyDefaultParam(a, b)
    {// 구브라우져에서 동작 됨
      if(!a) {a = 1};
      b = b || 2;
 
      document.write("a값 : " + a);
      document.write("</br>");
      document.write("b값 : " + b);
    }
    MyDefaultParam();
</script>
 
  <script type="text/javascript">
    function MyDefaultParamECMA6(c = 3, d = 4)
    {// 신규 문법
      document.write("</br>");
      document.write("ECMA6 c값 : " + c);
      document.write("</br>");
      document.write("ECMA6 d값 : " + d);
    }
 
    MyDefaultParamECMA6();
</script>
</head>
<body>
</body>
</html>
 
cs


실행



저작자표시

'프로그래밍 > Web' 카테고리의 다른 글

[JavaScript] 두 날짜 사이 간격 구하기  (0) 2018.08.21
[JavaScript] 배열요소를 파라메타로 넘기기  (0) 2018.08.15
[CSS] 배경 100프로 이미지표시  (0) 2018.08.04
[Jquery]dom 선택자  (0) 2018.08.01
[Jquery]선택자 - 속성  (0) 2018.07.26
Posted by 유령회사
|

티스토리툴바