코딩 개발

코딩 개발/Javascript

JS - 만(滿) 나이 계산하기

만나이의 뜻이 궁금하여 찾아 보았지만 잘 모르겠고 추측해보면 일수를 가득 채워야 1년이 지나니까 가득찬 나이라고 명명한 것 같습니다. 이제 본론으로 들어가 볼까요? JS로 만나이를 계산하게 만드려면 어떤 생각을 해야할까요 저도 노트를 펴서 계산을 해보았습니다.ㅋㅋㅋ 만약 생일이 1994.10.25 이라는 친구 'A ' 생일이 1994.10.15이라는 친구 'B'가 있으면 오늘이 22.10.19 이니까 A = 27세 B = 28세 입니다. 이렇게 년도만으로는 만나이를 계산할 수 없기에 월과 날까지 비교하면서 만나이를 계산해야겠죠? 1. 년도를 빼서 만나이를 구하고 2. 월과 일을 비교하여 구한 나이에서 하나를 빼든 가만히 두든 하게 해야겠습니다. 그리고 함수로 만들기 위해서 Date()함수에 넣은 인자를 ..

코딩 개발/Javascript

JS - 배열 내 최솟값 찾기

말 그대로 최솟값 찾기 문제인데.... 처음에 다르게 생각해서 남의 생각을 빌려 해결했습니다. 처음에는 배열내 자신보다 큰 값이 있으면 splice 문법을 이용해서 삭제를 하려고 했습니다. 하지만 그 방법을 이용했을 때는 한쪽이 큰 값일 때 큰값이 있는 곳은 삭제가 되지만 다음번 에서 그 값 보다 작은 값이 나오면 삭제가 되지 않아 계속 같은 배열로 진행하게 되었습니다. 따라서 최솟값 구할 때 다른 방법으로 접근을 시도해 보았습니다. function findSmallestElement(arr) { // your code here if (arr.length == 0 ){ return 0; } else { let min = arr[0]; for(let i=1; i=arr[i]){ min = arr[i]; }..

코딩 개발/Javascript

Javascript (boot camp day3. / 충격적인 내용 작성)

자바스크립트의 충격적인 수학 표현식 콘솔 창에 어떠한 값이 나올지 생각해 보셨나요? 저는 당연히 둘다 2가 나올 줄 알았지만... 정답은 2와 1이 나옵니다. (믿지 못하시겠다면 직접 확인해보세요ㅎㅎ) 이것이 왜 이렇게 되는지 확인해 보았더니... 바로 이러한 2단계 스텝을 통해 진행이 되더라고요. 먼저, 앞에 있는 newNum 이 num의 1을 할당 받고 그 다음으로 num에 +1 이 되는 원리입니다. 만약에 둘다 2라는 값이 나오게 하려면 let newNum = ++num 이라고 작성해야 우리가 생각하는 값이 나오더라고요. (충격 ㅁㅇㅁ) String + Number 서로 다른 type인 String + number를 결과 값으로 만들 때는 항상 주의해야합니다. String과 Number형을 더하면 ..

코딩 개발/Javascript

Javascript - 단어 나타나기

자바스크립트를 이용하여 글자를 한글자씩 나타나게 만드는 기능을 만들어 보겠습니다. 자바스크립트에서 HTML에서 지정한 class 에 javascript 기능 추가 가능합니다. introMessage 는 자신이 작성하고 싶은 메세지를 작성하면 됩니다. timeInterval은 조금 있다 90ms 마다 글자가 나오게 설정하기 위해 지정한 것이고, index는 배열의 위치 때문에 지정해 놓았습니다. typing 이라는 함수를 생성해서 HTML에 글자 나오게 만들 예정입니다. introMessage에서 주어진 \n 을 innerHTML을 이용해서 로 변경하고 \n가 아닌 것은 지정한 글자로 출력 요청하고 함수가 실행 되면 index 값에 +1을 줍니다. index 값이 메세지의 길이보다 길어지면 값을 출력하지 ..

코딩 개발/Javascript

JavaScript - 시계 구현

자바스크립트로 시계 구현하는 많은 자료가 있지만 공부의 목적으로 글을 작성해보겠습니다. 자바스크립트로 만든 시계는 이렇게 만들었습니다. Go를 누르면 시간이 가고 Stop을 누르면 시계가 멈추는 기능을 가진 시계입니다. html 파일과 연동이 되도록 getElementById 를 사용하였습니다. (태그 id의 이름은 자유롭게 설정하세요.) handleId 값은 조금 있다가 시계가 1초 단위로 변화되게 만드는 데 사용할 예정입니다. VS 'prettier' 를 사용하다보니 가끔은 이상하게 정렬이 됩니다... 그래도 정렬이 잘 되니까 이용하고 있습니다. 현재 시간을 가져오는 함수를 만들어보겠습니다. new Date()는 현재 시간을 가져오게 됩니다. get(Hours,Minutes,Seconds 등)은 현재..

코딩 개발/Javascript

Javascript - 데이터 타입과 변수

1. 변수(Variable) 변수는 값을 저장하고 그 저장된 값을 참조하기 위해 사용한다. 한번 쓰고 버리는 값이 아닌 유지할 필요가 있는 값은 변수에 담아 사용한다. 또한 변수 이름을 통해 값의 의미를 명확히 할 수 있어 코드의 가독성이 좋아진다. 변수는 위치를 기억하는 저장소이다. 위치란 메모리 상의 주소(address)를 의미한다. 변수란 메모리 주소에 접근하기 위해 사람이 이해할 수 있는 언어로 지정한 식별자이다. -. 변수 선언 방식 -var var 는 변수 선언 방식에 있어서 큰 단점을 가지고 있다. 아래와 같이 변수를 한 번 더 선언해도 에러가 나오지 않고 각기 다른 값이 출력되는 것을 볼 수 있다. 이를 보완하기 위해 추가된 변수 선언 방식이 let과 const이다. const 와 let ..

호소세
'코딩 개발' 카테고리의 글 목록 (36 Page)