2021 상반기 프로그래머스 데브 매칭 참가 후기

공공 API를 활용한 인천 내 도서관 및 서점 정보 검색 Website 구현 2

+ 카카오 MAP API 사용 방법

공공 API를 활용한 인천 내 도서관 및 서점 정보 검색 Website 구현 1

코딩 기록 18

코딩 기록 14_계산기 만들기(덧셈만 출력 주의)

요즘 js를 열심히 찾아보면서 공부하고 있는데, 각 요소가 매개변수를 받아 function을 실행하게 하는 const 변수를 선언했다. 그리고 그 변수의 요소에 접근해 해당 function들을 실행시켰다.
()=>{}와 같은 화살표 함수도 return이 가능해서 처음에는 단순히 console.log();로 콘솔창에 값을 입력했는데, 나중에는 계산 값을 return 받아 해당 값을 html 태그 안에 출력했다. 재밌는 점은 Number 객체를 쓰지 않으면 각 input 태그에서 받아온 value가 String이라서 3+2인 5를 출력하는 게 아니라 32를 출력해버린다. 그래서 Number()를 사용해 타입 캐스팅을 해준 뒤 해당 값을 함수의 매개 변수로 넣으면 원하는 값(number1+number2 연산값)으로 출력이 되는 걸 확인할 수 있다. Number()로 타입 캐스팅을 하지 않으면 단순히 텍스트가 나열되어 출력되므로 궁금하다면 타입 캐스팅을 건너 뛰고 각 number1, number2를 매개변수로 주길 바란다. 그럼 “3”+”2” 연산이 실행 돼 32가 출력될 것이다.

코딩 기록 13_공부 인증 2탄

코딩기록 12

코딩 기록 11_오랜만의 포스팅 시작

코딩 기록 10_일주일만에 컴백

코딩 기록 8_약 3일간의 코딩 기록 몰아적기 1

코딩 기록 5_canvas로 도형 그리기

확실히 javascript는 인터랙티브하다. 나중에는 마우스 포인터 이동에 따른 인터랙티브를 주는 화면도 만들어 보고 싶다.
예제 코드는 유튜브의 canvas 강의 보고 따라 작성해보았다. 컬러 같은 건 내가 원하는 색으로 살짝 응용해 보았다. :-)

코딩 공부 기록_

작심삼일은 넘었어

오늘의 공부 기록_article

오늘의 공부 기록_공식 문서로 공부하기

오늘부터 시작하는 1일 1코딩_with web 3대장