TIL 1 : slack 사용법

slack을 이용해 라즈베리 파이로 출입문을 제어하는 것이 오늘 배웠던 것 중에 가장 재밌었다…(?)

TIL 2 : 필수 프로그램 다운로드

인프런 강의를 통해 이미 다운로드 받았지만, 아래 프로그램들을 구축했다.

• Visual Studio Code
• Sourcetree
• github

TIL 3 : JS 기초 문법

• 기초적인 연산자, for문, while문, if문을 복습했다.
• 별 이유가 없다면 i는 항상 0부터…

  var i = 1;
  while (i <= 10 …) 
  

  보다

  var i = 0;
  while (i <10…)
  

  를 쓰도록 하자.

• for문에서 초기값이 거짓이면 아예 실행이 되지 않는다.

  for (var i = 0; i>5; i++) {
  console.log(i);
  }
  

TIL 4 : 구구단 만들기

동영상을 듣고 온 경우에는 구구단이나 모래시계 별 찍기를 실습하라고 해서 호기롭게 모래시계를 하려고 했으나 대실패 후 구구단 만들기를 시작하였다.

1. 첫번째 코드

    <script>
   var dan = prompt("구구단 몇 단? (2~9단)")
            for(n=1; n<=9; n++){
                document.write(dan + " * " + n + " = " + (dan * n) + "<br>");
            }
    </script>
   

   짧고 간단하게 만들었다~~ 라고 생각했으나 계속 보다보니 뭔가 계속 수정하고 싶어졌다.

2. 제목 추가

    <h2>구구단 실행하기</h2>
        <script>
            var dan = prompt("구구단 몇 단? (2~9단)")
            for(n=1; n<=9; n++){
                document.write(dan + " * " + n + " = " + (dan * n) + "<br>");
            } 
        </script>
   

3. x단 추가

    <h2>구구단 <span id="x">x</span>단 실행하기</h2>
        <script>
            var dan = Number(prompt("구구단 몇 단? (*2~9까지 숫자로 입력)"))
            for(n=1; n<=9; n++){
                document.write(dan + " * " + n + " = " + (dan * n) + "<br>");
            } 
            document.getElementById("x").innerHTML = dan;
        </script>
   

4. 2단 미만 9단 초과 경고문구 추가

    <h2>구구단 <span id="x">x</span>단 실행하기</h2>
        <script>
            var dan = Number(prompt("구구단 몇 단? (*2~9까지 숫자로 입력)"))
            if(dan > 1 && dan <10){
                for(n=1; n<=9; n++){
                document.write(dan + " * " + n + " = " + (dan * n) + "<br>");
                }
            }
            else{
                document.write("***2부터 9까지의 숫자를 입력하세요.***")
            }
            document.getElementById("x").innerHTML = dan;
        </script>

To Do List

1. 누구나 쉽게 이해할 수 있는 Git 입문 편 공부하기 (by 7/20) https://backlog.com/git-tutorial/kr/intro/intro1_1.html

2. 생활코딩 WEB2 - css 편 듣기 (by 7/22) https://opentutorials.org/course/3086/18318

3. 생활코딩 WEB3 - JavaScript 복습 (by 7/22) https://opentutorials.org/course/3085 (데이터 타입 ~ 리팩토링)

4. 모래시계 구현 시도해보기 (by 7/24)