Jaypedia

CodeSquad🔹Day 76 8시 반, 아침운동 인증으로 시작한 하루였다. 아침에 정말 너무 피곤해서 인증만 하고 다시 잠깐 잘까 싶었는데, 공원을 걸으며 상쾌한 공기를 마시니 잠이 꺴고 상쾌하게 하루를 시작할 수 있었다. 역시 아침 운동의 효과는 너무 좋다! 당장 일어날 때는 피곤해서 힘들어도 하루의 패턴을 유지할 수 있게 도와 준다. Scrum 오늘부터는 백엔드의 동기가 개인사정으로 프로젝트에서 빠지게 되어서 준이 혼자서 백엔드를 맡게 되었다. 이제는 세 명이서 한 팀이 되어서 프로젝트를 진행한다. 오전 10시부터 30분간 햄디, 준과 함께 이야기도 하고 오늘의 할 일을 공유했다. 마무리 스크럼은 좀 일찍 하게 되었는데, 5시쯤부터 시작해서 오늘 한 일이 무엇이었는지를 공유했다. Class by C..

1. Learned = Facts + Findings # Algorithms 오늘 오후 9시에 알고리즘 스터디가 있었기 때문에 3문제를 준비해야 했다. 1문제는 이미 풀었지만 문제는 2문제가 너무 나에겐 어려웠다. 다른 사람의 접근 방법과 풀이를 보면서 이해해 보려고 했는데 내가 설명을 하기가 어려웠다. # Project 프로젝트 스케쥴 관리, 폴더 구조 변경, 경로 import 할 때 상대 경로가 아닌 절대 경로로 바꾸기, 컴포넌트 구조 등등을 고민해 보았다. 그리고 코드 리뷰를 오늘 오후에 받게 되어서 그 리뷰도 확인하고 어떻게 적용할지 생각해 보았다. 내일부터 구현해야 할 것들을 GitHub의 이슈로 전환도 해 놓았다. # OAuth 생활코딩 OAuth 강의를 보고 학습해 보았다. 한 번으로 역시 ..

Web을 지탱하는 기술 중 하나인 OAuth Restful API가 서로 다른 두 애플리케이션 간 데이터를 간편하게 전달하기 위해 만든 관례라면, OAuth는 데이터를 간편하고 안전하게 주고받기 위해 만들어진 표준이라고 한다. OAuth는 ID, 비밀번호 대신 Access token을 기반으로 사용자를 식별한다 이 토큰은 API를 제공하는 Resource server만 발급할 수 있다. 일정 시간이 지나면 폐기될 수 있다. 모든 토큰은 필요한 권한만 지니게 할 수 있어서 서버는 클라이언트의 접근 권한을 쉽게 제어할 수 있다. 예를 들어, 페이스북 API를 사용할 때 "읽기 권한"만 가진 Access token을 만들 수 있다. 모바일 앱이 페이스북 인증을 지원하고 읽기 전용 토큰만 사용한다면 이 앱은 t..

현재 진행 중인 React 프로젝트에서 svg 파일들을 어디에 위치시킬지에 대한 고민이 있었다. public 폴더일까? src 폴더일까? 각각에 위치시키는 것이 어떤 차이점이 있을까? 오늘은 그런 의문점들을 해소하면서 정리해 보려고 한다. 블로그 글을 참고하여 src 폴더에 위치시키기로 했다. 가장 큰 이유로는 바로 경로가 잘못되었을 때 컴파일 단계에서 에러가 나서 알 수 있냐 아니냐의 여부였다. public에 이미지를 위치할 경우 컴파일 단계에서 에러가 발생하지 않아서 별로 좋지 않다고 생각했다. 반면 src 폴더에 이미지를 넣을 경우 경로가 틀렸을 때 바로 에러로 알려 주기 때문에 수정이 용이하다. 📂 이미지를 public 폴더에서 관리할 때 webpack에 의해 관리되지 않는다. 즉, minify ..

1. Learned = Facts + Findings # JavaScript Deep Dive Study - Execution Context 실행 컨텍스트는 마치 나에게 거대한 산, 거대한 벽같이 느껴지는 존재였다. 어렵다고 생각해서 제대로 공부하는 것을 피해 왔던 개념이었는데 오늘이 스터디였기 때문에 더 이상 피할 수 없었고 맞부딪쳐 보았다. 역시나 쉽지는 않았지만 부딪친 보람은 있었다. 미지의 세계같이 느껴졌던 LexicalEnvironment, EnvironmentRecord 같은 것들이 약간은 가깝게 다가왔다. 그러나 아직 매우 얕은 수준으로 아는 수준이기 떄문에 더 깊이 있게 설명할 수 있어야겠다고 느꼈다. 이번에는 앨런과 질의응답을 하게 되었는데 앨런의 질문에 제대로 대답하지 못한 경우도 있었..

Description cache.includes(city); if (cacheSize === 0) return MISS * cities.length; cities.forEach(city => { city = city.toUpperCase(); if (cacheHit(city)) { time += HIT; cache.splice(cache.indexOf(city), 1); } else { time += MISS; if (cache.length >= cacheSize) cache.shift(); } cache.push(city); }); return time; } 실행 시간은 0, 캐시는 빈 배열로 설정하였다. 하드 코딩을 피하고 싶어서 HIT, MISS라고 각각의 실행시간에 이름을 붙여 주었다. cache..

1. 실행 컨텍스트란? 자바스크립트의 동작 원리를 담고 있는 핵심 개념 자바스크립트가 scope를 기반으로 식별자와 식별자에 바인딩된 값(식별자 바인딩)을 관리하는 방식 hoisting이 발생하는 이유 closure의 동작 방식 closure를 지원하는 대부분의 언어에서 이와 유사하거나 동일한 개념이 적용되어 있음 task queue와 함께 동작하는 event handler와 비동기 처리 동작 방식 scope, hoisting, this, function, closure 등의 동작 원리를 담고 있는 자바스크립트의 핵심 개념 실행 가능한 코드가 실행되기 위해서 필요한 환경 실행할 코드에 제공할 환경 정보들을 모아놓은 객체 자바스크립트의 동적 언어로서의 성격을 가장 잘 파악할 수 있는 개념 JS는 어떤 실행..

CodeSquad🔹Day 75 1. 데일리 스크럼 (10:00~10:30AM) 오늘은 내가 회의록 담당자여서 노션에 오늘의 스크럼을 기록했다. 그런데 햄디가 스크럼이 끝날 때까지 오지 않았다! 알고보니 늦잠이었다. 햄디 없이 준, 동기와 셋이서 진행했다. 컨디션을 간단히 공유한 후, 오늘의 할일과 2시 반부터 3시까지 전체 공유 시간에 어떤 식으로 공유할지를 정해보았다. 우리 팀이 어떤 식으로 협업을 진행했는지와 프론트, 백엔드 각각의 진행 상황을 간결하게 공유하기로 했다. 2. Team Project (10:30~12:30, 1:30~2:30PM) 오늘 오전과 오후 시간을 이용해서 아래와 같은 일들을 진행했다. 오늘은 PR 마감시간도 2시까지로 매우 앞당겨졌고 발표도 준비해야 했기에 점심시간을 좀 이용..

CodeSquad🔹Day 74 어제에 이어 오늘도 햄디와 카페에서 페어 프로그래밍으로 팀 프로젝트를 진행했다. 이번에는 우리의 체력을 고려해서 오전에는 온라인으로 하고 오후 2시가 조금 넘은 시간에 만났다. 글을 쓰다가 사진을 넣으려던 중에 갑자기 티스토리가 멈춰버려서 쓰던 내용이 날아가서 다시 쓴다. 티스토리에 이런 불편함이 있다. 블로그 만드는 방법을 좀 배워서 블로그 이사를 갈까 고민이 된다. # Scrum 우리의 게더타운에서 햄디, 동기와 만났다. 준은 어제 새벽까지 열심히 구현하느라 피곤하셨는지 참석하지 못하고 셋이서 진행했다. 간단히 각자의 컨디션과 어제 한 일, 오늘 할 일을 이야기했다. 오늘 음식을 잘못 먹었는지 카페에 도착하고 나서 매우 속이 좋지 않았다. 속이 메슥거려서 팀 프로젝트를 ..

CodeSquad🔹Day 73 Class by Honux: OAuth 오늘은 크롱의 수업이 아닌 호눅스의 수업이었고 100여 명 되는 코드스쿼드 멤버들이 모두 모여 줌에서 수업을 들었다. 공통 수업 날이었어서 북적였다. OAuth는 아직 제대로 학습한 적이 없어서 낯설었지만 꼭 알아야 한다는 강조를 여러 번 하셨기에 시간을 투자해서 공부를 해 보려고 한다. Team Project # Scrum 오전 10시에 게더타운에서 햄디, 동기, 준과 만나 스크럼을 했다. 어젯밤에 햄디가 엄청나게 잘 정리된 Readme를 작성해 주어서 감탄했다. 그리고 게더타운에서 단체사진도 찍어서 Readme에 첨부했다. 게더타운 캐릭터가 정말 귀여워서 소소한 즐거움이었다. 5시 30분쯤에는 다시 모여서 각자 오늘 한 것들에 대해..