객체지향 자바스크립트2

객체지향 자바스크립트1

Segment Tree

나만의 훅을 만들어 Debouncing 구현하기

디바운싱 톺아보기 with Closure in React

Debounce & Throttle

http 모듈을 활용한 웹 서버 생성 및 쿠키 설정하기

IneterSection Observer API를 활용한 간단 무한 스크롤 예제 만들기

Programmers Lv.4 가사 검색 #2020 KAKAO BLIND RECRUITMENT#Trie-algorithm#Tree

CORS란 무엇인가 : 교차 출처 리소스 공유 - 사이드 프로젝트 진행 중 만난 이 친구

Programmers Lv.3 섬 연결하기 #Greedy#탐욕법#Union-Find#Kruskal Algorithm#Graph

[백준] 코딩테스트 문제 풀이 : 1967.트리의 지름 #Tree#DFS

Programmers Lv.2 [3차]방금 그곡 #kakao#2018 KAKAO BLIND RECRUITMENT

[백준] 코딩테스트 문제 풀이 : 1654.랜선 자르기 #이분탐색#매개변수탐색#BinarySearch

Programmers Lv.2 메뉴 리뉴얼 #kakao#2021 KAKAO BLIND RECRUITMENT

Programmers Lv.3 가장 긴 팰린드롬

[백준] 코딩테스트 문제 풀이 : 1753.최단경로 #Daijkstra#Heap#PriorityQueue#Graph

[백준] 코딩테스트 문제 풀이 : 1202.보석 도둑 #greedy#Heap#PriorityQueue

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

[프로그래머스] 이중우선순위큐

[백준] 코딩테스트 문제 풀이 : 2798.블랙잭 #브루투포스#완전탐색

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

+ 카카오 MAP API 사용 방법

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

프론트엔드 개발자로 취준하기 - 본격 스타트. 코딩테스트 준비 기록

코딩 기록 18

코딩 기록 17_2021 새 해가 밝았습니다.

작년 회사를 다니면서 시작한 블로그. 2020이 지나가고 2021을 맞이하게 된 지금. 감회가 새롭다. 잘 다니던 회사를 그만뒀고, 본격적으로 코딩 공부를 시작했다. 막학기에 학교와 회사를 병행하면서 알고리즘 수업은 듣는 둥 마는 둥 했고, 자료구조는 비교적 저학년 때 들어서(모든 건 변명) 막상 공부를 하려니 기억이 나는 게 없었다.

코딩 기록 16_background image 바꾸기

코딩 기록 15_드디어 본격적인 공부 시작!

코딩 기록 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_일주일만에 컴백

코딩 기록 9_약 3일간의 코딩 기록 몰아적기 2(11월 7,8일 공부 인증)

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

코딩 기록 7

코딩 기록 6_canvas 2탄

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

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