Earn this, Earn it.

요즘 들어 블로그 포스팅을 올릴 엄두가 안 나고 있다. 매주 주말 주간 회고를 작성하긴 하는데, 밤에 작성해서 그런지 감성적인 글이 되어버려서 자꾸만 사적인 공간에 보관되고 있다. 퀄리티는 조금 떨어지더라도 차라리 매일 배운 내용을 간단히 정리하는 글을 포스팅하며 정리해야겠다. Agora SDK로 화면 공유 구현하기 아무래도 협업 툴에서는 화면 공유가 필요하다. 말로 설명하는 것보다 직접 보여주면서 설명하는 것이 여러모로 효율적이기 때문이다. 이전 프로젝트(타닥타닥)에서 화면 공유 로직을 구성해본 바 있다. 그 당시에도 화면 공유는 생각해야 할 것들이 조금 있었는데 이번 프로젝트에서는 그 때의 경험을 바탕으로 다양한 상태 변화에 제대로 대응하기 위해 신경을 썼다. 특히 까다로웠던 점은 상태 관리이다. 예..

이번 프로젝트에서는 JavaScript만을 사용해서 SPA를 구현해야하는 제한 사항이 주어졌습니다. 저는 이전까지는 리액트를 많이 써보지 않아서 리액트의 편리함을 제대로 느껴본 적이 없었는데, 이번 기회에 제대로 느끼게 되었다고 생각합니다...하하 오늘 포스팅에서는 직접 JavaScript로 SPA 구현하면서 느낀 React의 역할과 장점 등에 대해 얘기해볼까 합니다. (오로지 혼자 고민해보고 적용해보고 이런저런 실패기를 겪으며 고민한 내용에 대해 포스팅해보려 합니다.) JavaScript로 View Component를 구현해보자 가장 처음 이러한 제한 사항을 받고 검색한 결과 아래 유튜브 링크를 찾을 수 있었습니다. https://www.youtube.com/watch?v=6BozpmSjk-Y 이 영상..

2021년 7월 21일 글 🥇 캐시 일반적인 캐시 동작방식 CPU가 데이터 인출을 위해 Cache 기억 장치에 먼저 접근을 하고 Cache 메모리에서 데이터를 찾으면 적중(hit), 찾지 못하면 실패(miss)라고 한다. 적중하게 되면, 주기억장치에 방문하지 않고 캐시기억장치에서 빠르게 데이터를 읽어오고, 적중하지 못하면 주기억장치를 방문해서 데이터를 찾게된다. 이렇듯 캐시는 빠른 입출력 등 성능 개선에 큰 도움을 준다. 캐시 교체 정책 LRU (Least Recently Used) : 캐시 내에서 가장 오랫동안 참조되지 않은 블록을 교체하는 방식 FIFO (First In First Out) : 캐시 내에서 가장 오랫동안 있던 블록을 먼저 교체하는 방식 LFU (Least Frequency Used) ..

2021년 7월 19일 글 나의 첫 TIL, 오늘 배운 내용을 회고해 보겠다. Git Git이란? 깃이란 형상관리 도구(Version control system) 중 하나로 파일을 트래킹하는 방식이며, 깃허브랑은 다른 개념이다.(이에 비해 github는 깃파일들을 업로드 하는 등의 다양한 기능을 제공하는 플랫폼이다) 병렬적인 개발이 가능하여 협업에 장점을 가지며 체계적으로 버전을 관리하기 용이한 장점이 있다. Git 명령어 처음에 git명령어를 배웠으나 VSC의 깃관리 툴을 자주 사용하다보니 가물가물해졌다. 이 기회에 제대로 알아보자. add : 수정한 코드를 working area(작업 공간)에서 staging area(커밋될 예정인 영역)으로 스테이징하는 명령어이다. (add . : 모든 수정사항을 ..

2021년 7월 18일 글 HTML 첨부 비동기적 첨부법, differ : 병렬적으로 JS 다운로드 후 HTML 완료되면 실행 async : 병렬적으로 JS 다운 및 실행 배열 다루기 new Array(n) : n만큼의 길이를 갖는 배열 생성 Array.length : 길이 Array.slice(시작인덱스, 끝인덱스+1) : 배열 슬라이싱 (기존 배열은 유지됨) Array.splice(시작인덱스, 끝인덱스+1) : 배열 자르기 (기존 배열이 수정됨) Array.join('A') : A를 기준으로 문자열로 합침 Array.toString : 문자열로 변환 Array.findIndex(찾을 문자) : 찾을 문자의 인덱스를 반환 Array.shift() : 배열의 맨 첫 번째 값을 pop Array.unshi..