본문 바로가기

반응형

분류 전체보기

(104)
코드스테이츠 수료와 수강 후기 보호되어 있는 글입니다.
[요약] What the heck is the event loop anyway? 이벤트 루프란 무엇인가? 세줄요약 event loop는 callstack과 task queue를 주시하며 callstack이 비어있다면 task queue의 가장 오래된(첫번째) 메세지를 callstack에 넣어주어서 메세지(콜백함수)가 실행되게 하는 것. event loop에 관하여 깊게 이해하고 싶어서 코드스테이츠에서 제공했었던 동영상을 중심으로 핵심을 뽑아보았다. https://www.youtube.com/watch?v=8aGhZQkoFbQ 자바스크립트는? 싱글 스레드 non-blocking 비동기 동적 언어 (a single-thread non-blocking asynchronous concurrent language) - 콜스택 - 이벤트 루프 - 콜백 큐 - other APIs and stuff V8 에는 콜스택, 이..
#2 코드스테이츠 수료 하루 전날(앞으로의 계획) 해야할 것 들 오늘 코딩테스트, 기술면접, 인성면접 세션을 들으며 내일이면 수료하여 나가는구나가 실감이 되었다. 기술면접 준비 현재 아침마다 기술 면접 문제 리스트를 페어가 골라주면 공부해서 아침에 면접보는 것 처럼 영상을 찍고있다. 하나같이 쉽지않고 JavaScript, Node.js, 네트워크, React, DB 등의 원리 혹은 깊은 부분을 물어본다. 지금까지 알고있었던 지식들이 껍데기에 불과한 것 같다는 생각이 들었고 동시에 개발자라면 반드시 알아야한다라는 느낌이 들었다. 원리를 알아야 완벽한 개발을 할 수 있을것이다. 결국에 도움이 된다! 매일 한문제씩 깊게 조사하며 공부 해보자. 코딩테스트 준비 현재 내게있어서 가장 약한 부분이 뭐야?라고 물으면 이 부분이다. 피하고싶지만 피할 수 없는 코딩테스..
[JavaScript] Legacy octal literals are not allowed in strict mode Error 시도했던 것들 서버에서 contribution status code(사용자가 기고한 글의 상태를 나타내는 code)를 받아 이에 알맞은 메세지를 render하기 위하여 아래와 같은 함수를 작성하였으나, export function statuscodeconvert(code) { console.log(typeof code); const status = { 00: '게시 승인 대기', 01: '수정 승인 대기', 02: '삭제 승인 대기', 10: '게시 승인 완료', 11: '수정 승인 완료', 12: '삭제 승인 완료', 20: '게시 승인 거부', 21: '수정 승인 거부', 22: '삭제 승인 거부', 30: '기타', }; return status\[code\]; } 터미널에서 이러한 오류를 만나게 ..
2021년 7월 30일 FIRST PROJECT 후기(Gallery:port) Intro 내가 속한 200ok팀은 기존 코드 중심의 프로젝트 열람 시스템(github)에 대한 불편함을 호소하며 (물론 개발자가 되고자 한다면 코드를 잘 해석해야하지만) 시각적으로 프로젝트 열람 및 소개가 가능한 공간을 만들어보고자 Gallery:port라는 프로젝트를 기획했다. Gallery라고 이름을 붙인데에는 이미지를 중심으로 업로드 된 여러 프로젝트가 모여 있어서이다. Landing Page Gallery라는 이름이 붙었기에 천천히 작품이 흘러가는 모양을 구상했고 해당 작품을 클릭하면 사용자가 재미를 느낄 수 있도록 사진이 확대되면서 펄럭이는 요소를 추가하였다. 일반적인 웹과는 구별되는 강렬한 첫 인상을 원했기에 위 animation을 landing page의 화면 가득 배치하였다. 이를 구현하..
2021년 7월 21일 FIRST PROJECT DAY3(project upload page 이미지, desc formData 전달 형태 구성 및 modal로 project 미리보기 기능 구현 착수) DEV LOG 오늘의 스케쥴 KPT reflection sharing project upload page 이미지, desc formData 전달 형태 구성(solo) API docs 개선/보완(with BE) modal로 project 미리보기 page 구현 착수 오늘은 어떻게 프로젝트에 기여했나요? 파일 upload page 이미지 upload관련 기능 완료 이미지, 이미지 각각의 desc formdata 전달 형태 구성 및 사용자가 입력한 desc 정보 가져오기 //기존 계획 api문서 작성 시 // project_content: // [ {text: ~~~~ , image: buffer }, {text: ~~~~ , image: buffer }, {text: ~~~~ , image: buffer }..
2021년 7월 20일 FIRST PROJECT DAY2( project upload page 파일 업로드 preview 기능, Wiki 작성) DEV LOG 오늘의 스케쥴 stand up meeting 파일 업로드 preview 기능 구현(solo) API docs 작성(with BE) 시스템 아키텍쳐 작성(with BE) FE Task Issue 작성 및 Wiki 작성(FE) 오늘은 어떻게 프로젝트에 기여했나요? 파일 업로드 preview 기능 구현을 완료하였고 각각의 사진에 해당하는 div태그를 클릭했을 시 해당 사진이 preview에 render되도록 하였음. FE(Front-End) Task Issue 작성. Wiki(Team Rule, Team Introduction)작성. 오늘의 프로젝트에서 힘든 점은 무엇인가요? input 태그를 통하여 파일을 불러오고 그 파일정보를 state에 저장하는 것까지 성공했으나 이를 img 태그에 넣어서..
2021년 7월 19일 FIRST PROJECT DAY1(200ok, gallery:port) 코드스테이츠상 project의 시작은 오늘이지만 사실 코드스테이츠 시작일부터 함께 프로젝트를 하고 싶었던 분으로부터 제의를 받아서 프로젝트에 관한 얘기를 6월 17일부터 나누기 시작했다. (하지만 스프린트와 알고리즘의 벽으로 많은 대화를 나누지는 못했다.) 7월이 되고 HA3가 다가오기 시작하면서 4명의 멤버가 확정되고 주제에 관한 얘기도 나누기 시작했다. 누군가와 처음부터 무언가를 만들어간다는 과정이 쉽지 않겠지만 그리고 의견을 조율하는 과정이 어렵겠지만 기대가 된다. 전역 후 2월부터 지금까지 관심이있어서 조금씩 공부했던 animation들과 interaction부분에서 기여를 할 수 있을것인가? 그리고 일반적인 기능구현 부분에서도 기여를 할 수 있을것인가? DEV LOG 오늘의 스케쥴 team pr..

반응형