-
posts
-
객체지향 자바스크립트2
-
객체지향 자바스크립트1
객체지향 자바스크립트1
-
HTTP 정리
HTTP
-
Segment Tree : 세그먼트 트리
Segment Tree
-
Debounce(디바운스)와 Throttle(쓰로틀)에 대해 톺아보기3 - the last
나만의 훅을 만들어 Debouncing 구현하기
-
Debounce(디바운스)와 Throttle(쓰로틀)에 대해 톺아보기2 with Closure
디바운싱 톺아보기 with Closure in React
-
Debounce(디바운스)와 Throttle(쓰로틀)에 대해 톺아보기
Debounce & Throttle
-
SQL과 NoSQL의 차이점
SQL vs NoSQL
-
Node.js 웹 서버 공부하기1 - 쿠키 설정하기
http 모듈을 활용한 웹 서버 생성 및 쿠키 설정하기
-
simple infinite-scroll 만들어보기 with Intersection Observer API
IneterSection Observer API를 활용한 간단 무한 스크롤 예제 만들기
-
Context API in React
Context API with React Hook (ft.nomad coder)
-
[코딩테스트 문제풀이] Programmers Lv.4 가사 검색
Programmers Lv.4 가사 검색 #2020 KAKAO BLIND RECRUITMENT#Trie-algorithm#Tree
-
CORS
CORS란 무엇인가 : 교차 출처 리소스 공유 - 사이드 프로젝트 진행 중 만난 이 친구
-
[코딩테스트 문제풀이] Programmers 섬 연결하기
Programmers Lv.3 섬 연결하기 #Greedy#탐욕법#Union-Find#Kruskal Algorithm#Graph
-
[코딩테스트 문제풀이] BOJ 1967.트리의 지름
[백준] 코딩테스트 문제 풀이 : 1967.트리의 지름 #Tree#DFS
-
[코딩테스트 문제풀이] Programmers 방금 그곡
Programmers Lv.2 [3차]방금 그곡 #kakao#2018 KAKAO BLIND RECRUITMENT
-
[코딩테스트 문제풀이] BOJ 1654.랜선 자르기
[백준] 코딩테스트 문제 풀이 : 1654.랜선 자르기 #이분탐색#매개변수탐색#BinarySearch
-
[코딩테스트 문제풀이] Programmers 메뉴 리뉴얼
Programmers Lv.2 메뉴 리뉴얼 #kakao#2021 KAKAO BLIND RECRUITMENT
-
[코딩테스트 문제풀이] Programmers 가장 긴 팰린드롬
Programmers Lv.3 가장 긴 팰린드롬
-
[코딩테스트 문제풀이] BOJ 1753.최단경로
[백준] 코딩테스트 문제 풀이 : 1753.최단경로 #Daijkstra#Heap#PriorityQueue#Graph
-
[코딩테스트 문제풀이] BOJ 1202.보석도둑
[백준] 코딩테스트 문제 풀이 : 1202.보석 도둑 #greedy#Heap#PriorityQueue
-
[2021 Programmers Dev-Matching] 2021 상반기 'Dev-Matching : 웹 프론트엔드 개발자' 참가 후기
2021 상반기 프로그래머스 데브 매칭 참가 후기
-
[코딩테스트 문제풀이] Programmers 이중우선순위큐
[프로그래머스] 이중우선순위큐
-
[코딩테스트 문제풀이] BOJ 2798.블랙잭
[백준] 코딩테스트 문제 풀이 : 2798.블랙잭 #브루투포스#완전탐색
-
공공 API를 활용한 간단한 웹 사이트 구현하기 2
공공 API를 활용한 인천 내 도서관 및 서점 정보 검색 Website 구현 2
+ 카카오 MAP API 사용 방법
-
공공 API를 활용한 간단한 웹 사이트 구현하기 1
공공 API를 활용한 인천 내 도서관 및 서점 정보 검색 Website 구현 1
-
코딩 기록 19
프론트엔드 개발자로 취준하기 - 본격 스타트. 코딩테스트 준비 기록
-
코딩 기록 18
코딩 기록 18
-
코딩 기록 17
코딩 기록 17_2021 새 해가 밝았습니다.
작년 회사를 다니면서 시작한 블로그. 2020이 지나가고 2021을 맞이하게 된 지금. 감회가 새롭다. 잘 다니던 회사를 그만뒀고, 본격적으로 코딩 공부를 시작했다. 막학기에 학교와 회사를 병행하면서 알고리즘 수업은 듣는 둥 마는 둥 했고, 자료구조는 비교적 저학년 때 들어서(
모든 건 변명) 막상 공부를 하려니 기억이 나는 게 없었다. -
코딩 기록 16
코딩 기록 16_background image 바꾸기
-
코딩 기록 15
코딩 기록 15_드디어 본격적인 공부 시작!
-
코딩 기록 14
코딩 기록 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
코딩 기록 13_공부 인증 2탄
-
코딩 기록 12
코딩기록 12
-
코딩 기록 11
코딩 기록 11_오랜만의 포스팅 시작
-
코딩 기록 10
코딩 기록 10_일주일만에 컴백
-
코딩 기록 9
코딩 기록 9_약 3일간의 코딩 기록 몰아적기 2(11월 7,8일 공부 인증)
-
코딩 기록 8
코딩 기록 8_약 3일간의 코딩 기록 몰아적기 1
-
코딩 기록 7
코딩 기록 7
-
개발일지 4
다시 돌아온 아친_The end라며
-
코딩 기록 6
코딩 기록 6_canvas 2탄
-
코딩 기록 5
코딩 기록 5_canvas로 도형 그리기
확실히 javascript는 인터랙티브하다. 나중에는 마우스 포인터 이동에 따른 인터랙티브를 주는 화면도 만들어 보고 싶다.
예제 코드는 유튜브의 canvas 강의 보고 따라 작성해보았다. 컬러 같은 건 내가 원하는 색으로 살짝 응용해 보았다. :-) -
코딩 기록 4
코딩 공부 기록_
작심삼일은 넘었어
-
코딩 기록 3
오늘의 공부 기록_article
-
코딩 기록 2
오늘의 공부 기록_공식 문서로 공부하기
-
코딩 기록 1
오늘부터 시작하는 1일 1코딩_with web 3대장
-
개발일지 3
<"아친-mbti로 아이돌 친구 찾기" 개발일지3_The end>
-
개발일지 2
<"아친-mbti로 아이돌 친구 찾기" 개발일지2>
-
개발일지 1
<"아친-mbti로 아이돌 친구 찾기" 개발일지 1>
-
블로그 소개하기
개발 공부를 틈틈이 하고자 블로그를 개설하게 되었습니다.
현재 UX 에이전시에서 UXUI 디자이너로 일하고 있습니다. 전공을 살려 개발도 하는 개발자입니다.
지금까지 진행했던 프로젝트와 앞으로 진행할 프로젝트의 개발일지를 잘 정리하는 게 이 블로그의 목표입니다. 부족한 부분이 많겠지만, 누군가에게는 도움이 되길 바랍니다. :)
Entire (50)