자바스크립트를 이용하여 글자를 한글자씩 나타나게 만드는 기능을 만들어 보겠습니다. 자바스크립트에서 HTML에서 지정한 class 에 javascript 기능 추가 가능합니다. introMessage 는 자신이 작성하고 싶은 메세지를 작성하면 됩니다. timeInterval은 조금 있다 90ms 마다 글자가 나오게 설정하기 위해 지정한 것이고, index는 배열의 위치 때문에 지정해 놓았습니다. typing 이라는 함수를 생성해서 HTML에 글자 나오게 만들 예정입니다. introMessage에서 주어진 \n 을 innerHTML을 이용해서 로 변경하고 \n가 아닌 것은 지정한 글자로 출력 요청하고 함수가 실행 되면 index 값에 +1을 줍니다. index 값이 메세지의 길이보다 길어지면 값을 출력하지 ..
자바스크립트로 시계 구현하는 많은 자료가 있지만 공부의 목적으로 글을 작성해보겠습니다. 자바스크립트로 만든 시계는 이렇게 만들었습니다. Go를 누르면 시간이 가고 Stop을 누르면 시계가 멈추는 기능을 가진 시계입니다. html 파일과 연동이 되도록 getElementById 를 사용하였습니다. (태그 id의 이름은 자유롭게 설정하세요.) handleId 값은 조금 있다가 시계가 1초 단위로 변화되게 만드는 데 사용할 예정입니다. VS 'prettier' 를 사용하다보니 가끔은 이상하게 정렬이 됩니다... 그래도 정렬이 잘 되니까 이용하고 있습니다. 현재 시간을 가져오는 함수를 만들어보겠습니다. new Date()는 현재 시간을 가져오게 됩니다. get(Hours,Minutes,Seconds 등)은 현재..
1. 변수(Variable) 변수는 값을 저장하고 그 저장된 값을 참조하기 위해 사용한다. 한번 쓰고 버리는 값이 아닌 유지할 필요가 있는 값은 변수에 담아 사용한다. 또한 변수 이름을 통해 값의 의미를 명확히 할 수 있어 코드의 가독성이 좋아진다. 변수는 위치를 기억하는 저장소이다. 위치란 메모리 상의 주소(address)를 의미한다. 변수란 메모리 주소에 접근하기 위해 사람이 이해할 수 있는 언어로 지정한 식별자이다. -. 변수 선언 방식 -var var 는 변수 선언 방식에 있어서 큰 단점을 가지고 있다. 아래와 같이 변수를 한 번 더 선언해도 에러가 나오지 않고 각기 다른 값이 출력되는 것을 볼 수 있다. 이를 보완하기 위해 추가된 변수 선언 방식이 let과 const이다. const 와 let ..
1. 프로그래밍이란? 프로그래밍이란 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다. 프로그래밍에 앞서 문제를 명확히 이해한 후 적절한 문제 해결 방안의 정의가 필요하다. 이때 요구되는 것이 문제 해결 능력이다. 왜냐하면 대부분의 문제는 복잡하며 명확하지 않을 수도 있다. 따라서 문제를 명확히 이해하는 것이 우선되어야 하며 복잡함을 단순하게 분해하고 자료를 정리하고 구분해야 하며 순서에 맞게 행위를 배열해야 한다. 프로그래밍은 0과 1밖에 알지 못하는 기계가 실행할 수 있는 정도로 정확하고 상세하게 요구사항을 설명하는 작업이며 그 결과물이 바로 코드이다. 문제 해결 방안을 고려할 때 컴퓨터의 입장에서 문제를 바라보아야 한다. Computational thinking 2. 프로그래밍 언어 명령을 수행할 ..
