profile
꿈꿀 수 있는 개발자가 되고 싶습니다
post-thumbnail

Intersection Observer로 무한 스크롤 구현하기

최근 react를 사용한 면접 과제에서 여러 요구사항 중 하나로 페이지네이션 구현이 있었는데 window scroll 이벤트는 여러 번 써보기도 했고 이번에 새로 알게된 IntersectionObserver 적용하여 무한 스크롤을 구현보았다. Intersection

2020년 2월 29일
·
2개의 댓글

바닐라코딩 부트캠프를 마치고

요즘 여러 군데 면접을 다니면서 회사마다 다양한 질문을 받는데 하나도 빠짐없이 모든 회사들이 묻는 공통된 질문 하나가 개발을 시작하게 된 계기였다. 준비해두었던 것은 아니지만 자연스레 개발을 접하게 된 계기와 이후의 선택들, 그 결과가 된 현재까지를 가감없이 이야기했다

2020년 2월 9일
·
3개의 댓글

바닐라코딩 프렙 수강 후기

2019년 6월 15일에 미디엄에 작성했던 글을 옮겨왔습니다. 수강 신청을 하기 전과 수업을 시작하기 전에 궁금했던 사항들이 많아서 몇 달이나 같은 후기를 보고 또 보고 했었다. 그래서 미래의 나와 같은 이에게 위안과 도움이 되고싶은데 의도대로 될지 잘 모르겠는 신청에서부터 프렙 8주 과정 중 6주를 마친 현재까지의 이야기를 되짚어보려한다. 참고로 내가 ...

2020년 2월 8일
·
0개의 댓글
post-thumbnail

자바스크립트 비동기 처리 방식

blocking, non-blocking, callback hell, Promise, async await.. 등 비동기와 관련해 머릿 속에 파편적으로 흩어진 것들을 조금씩 모아두려 작성한다. 잘못된 사항들이 있다면 지적바라며.. 사용된 예시 MDN 예제에서 조금씩 덧붙였습니다. 동기 vs 비동기 동기와 비동기를 나누는 가장 큰 차이점을 어떻게 실행 ...

2020년 1월 21일
·
9개의 댓글

자바스크립트 Object Oriented Programming(OOP)

OOP? 객체 지향 프로그래밍이 컴퓨터 프로그래밍 패러다임 중에 하나인 것은 알겠는데.. 그래서 그러니까 객체 지향 프로그래밍이 뭐야? 하고 궁금한 것이 개인적으로 당연한 것 같다. 잡힌 듯 잡힌 듯 하지만 한편으로는 실체가 전혀 없는 것 같기도 한 OOP.. 도대체 무엇일까? OOP란.. 한마디로 축약해서 설명하기 힘든 어떤 추상적인 개념과 같아서 이 ...

2020년 1월 10일
·
1개의 댓글

Same-Origin Policy 동일 출처 정책과 CORS 에러

동일 출처 정책 Same-Origin Policy 동일 출처 정책(same-origin policy)은 어떤 출처에서 불러온 문서나 스크립트가 다른 출처에서 가져온 리소스와 상호작용하는 것을 제한하는 중요한 보안 방식입니다. 동일 출처 정책은 잠재적으로 해로울 수 있는 문서를 분리해, 공격받을 수 있는 경로를 줄입니다. 출처 MDN 즉, 동일 출처 정책은...

2020년 1월 7일
·
0개의 댓글
post-thumbnail

데이터베이스 SQL & NoSQL

SQL & NoSQL의 등장 데이터를 컴퓨터 내에 보관하기 시작한 이후부터 불가피하게 발생한 여러 문제점들을 보완하다보니 파일시스템이 점차 발전하게 된다. 각각의 문제점들과 보완된 DB방식의 가장 큰 축에 1970년대에 만들어진 SQL과 2000년 이후의 NoSQL 방식이 있다. File → SQL. file의 문제점들 파일 문제점 파일 시스템의 문...

2020년 1월 5일
·
0개의 댓글

ios 앱 배포 과정 - 3

개인적인 기록을 위해 작성하는 글입니다. 잘못된 정보에 관한 지적은 감사히 생각합니다. App.json 설정 먼저 App.json 파일에 bundleIdentifier key - value 값 설정이 필요하다. App.json 처음이기도 했고 프로젝트 기간이 2주 밖에 되지 않아서 안드로이드 기기 고려하지 않았다. 따라서 빌드는 ios만 할 예정이다...

2020년 1월 4일
·
0개의 댓글

ios 앱 배포 과정 - 2

개발자 등록을 위한 결제 결제 어제는 결제 페이지로 넘어가는 중에 계속해서 에러가 나길래 내부적인 문제인가 싶어서 오늘 재시도를 했는데 드디어, 드디어 결제가 진행되었다. 신나서 혼자 내적 외침을 질렀다. 나.. 2019년 마지막 토요일날 브루클린 위워크에서 애플 개발자 등록 결제했다!!! 결제 완료 어째든 앱 등록을 위한 첫 걸음은 내딛은 셈이다. ...

2019년 12월 31일
·
0개의 댓글

자료구조 Data Structures

자료구조 내가 이해한 선에서 간단하게 축약하자면 자료구조란 데이터 값들을 담아두는 방식을 의미한다. 하나의 데이터를 한 장의 종이로 빗대었을 때 종이를 뭉치로 엮어둘 수도 있고 한 장씩 파일에 껴놓을 수도 있고 바닥부터 쌓아두거나 필요한 위치에 각각 따로 둘 수도 있다. 어떤 방식이 가장 효율적인지는 종이가 필요한 상황에 따라 자주 다루는 방식에 따라 달...

2019년 12월 30일
·
0개의 댓글
post-thumbnail

ios 앱 배포 과정 - 1

개인적인 기록을 위해 정리하는 글입니다. 시작은 2차 프로젝트 1차 프로젝트로 웹 기반 프로그램을 만들었다. 필요한 데이터를 쌓기 위해서는 크롬 익스텐션 구현이 필요했는데 자료 서치 + 공부를 하며 완벽하지 않아도 이렇게 저렇게 구현하고나니 그 뿌듯함이 과제할 때와는 또 다른 느낌이었다. 다음 프로젝트에서도 새로운 시도를 해봐야겠다고 내내 생각하다 2차로...

2019년 12월 28일
·
0개의 댓글

express 미들웨어 body-parser 모듈

서버 공부를 시작하며 요청에 대한 응답을 주는 과제를 하는 중에 node.js 의 모듈 bodyParser의 존재를 알게 되었다. bodyParser 모듈 없이는 post, put 요청 메소드의 request.body를 읽어올 수 없어 일단 사용하긴 했는데 과제를 마치고서 어쩐지 짚어 넘어가야 할 것 같아 찾아보고 이해한 자료까지만 간단히 정리한다. &n...

2019년 12월 27일
·
1개의 댓글
post-thumbnail

Event Loop

자바스크립트는 single-threaded 언어이다. single-threaded란 호출한 함수들이 쌓이는 call stack이 하나인 것을 의미한다. 즉, call stack이 하나인 자바스크립트는 한 번에 한 가지만 수행할 수 있는 언어이다. 모든 Javascript Engine(대표적으로 v8)은 Memory Heap과 Call Stack으로 이루어...

2019년 12월 25일
·
1개의 댓글

[알고리즘] Permutations

문제 Codewars In this kata you have to create all permutations of an input string and remove duplicates, if present. This means, you have to shuffle all letters from the input in all possible orders. 문...

2019년 12월 25일
·
0개의 댓글

[알고리즘 - LeetCode] Container With Most Water

문제 Given n non-negative integers a1, a2, ..., an , where each represents a point at coordinate (i, ai). n vertical lines are drawn such that the two endpoints of line i is at (i, ai) and (i, 0). Find ...

2019년 12월 5일
·
0개의 댓글

[알고리즘 - LeetCode] Longest Substring Without Repeating Characters

문제 Given a string, find the length of the longest substring without repeating characters. 주어진 문자열에서 알파벳이 중복되지 않고 가장 길게 연속되는 문자열 일부를 반환하라 Example 1: Example 2: Example 3: 풀이 리트코드에서 처음으로 푼 Medium 레벨...

2019년 12월 1일
·
0개의 댓글

자바스크립트 var, let, const

자바스크립트에서 사용되는 세 가지 변수들 var, let, const의 차이점이 무엇인지 간단하게 정리해보자. 먼저 그 차이점을 이해할 때에 있어서 가장 중요한 두 가지 키워드는 Scope와 Hoisting이다. Scope와 Hoisting Scope - 유효 범위 변수가 선언되면 모든 코드에서 사용 가능한 것이 아니라 변수의 종류에 따라 사용 가능한 '유...

2019년 11월 29일
·
0개의 댓글

Prototype과 Mixin 함수를 통한 코드 재사용

코드에 정답은 없다고 하지만 중복되는 코드만큼은 효율성, 메모리 ..등 여러가지 면에서 피하는 게 좋다. 중복을 줄이고 해당 코드를 재사용하는 대표적인 방안으로 생성자 프로토타입(prototype)상속과 믹스 인 (Mix in) 함수가 있다. 1. 프로토타입 상속 — 선천적 능력 1_gi3yByZgD4tBEx6RpwI5vg.png 용어가 뒤섞여 사용될 ...

2019년 11월 28일
·
0개의 댓글

[알고리즘 - LeetCode] Roman to Integer

문제 Roman numerals are represented by seven different symbols: I, V, X, L, C, D and M. For example, two is written as II in Roman numeral, just two one's added together. Twelve is written as, XII, whi...

2019년 11월 27일
·
0개의 댓글

[알고리즘 - LeetCode] Valid Parentheses

문제 Given a string containing just the characters '(', ')', '{', '}', '[' and ']', determine if the input string is valid. An input string is valid if: Open brackets must be closed by the same type of...

2019년 11월 26일
·
0개의 댓글