토이프로젝트를 생각하게 된 계기 얼마 전 CRUD를 구현해낸 나는 뭔가 자신감이 흘러넘쳤고, 뭐라도 하지않으면 지금의 이 자신감이 휘발될것만 같았다. 같이 CRUD를 구현하던 동기분과 함께 이 흐름을 이어가기 위해 뭘 해보면 좋을까에 대해 상의하다가 토이 프로젝트에 대한 이야기가 나왔다. 구글링을 해보니, 보통 프론트엔드의 첫 토이프로젝트로는 TO-DO List 나 클론코딩 / 간단한 게임만들기 등을 추천했었다. 하지만 내가 생각하기에는 저러한 프로젝트들은 경험적인 측면에서는 좋겠지만 프로젝트를 완성하고나서의 보람은 별로 못 느낄 것 같았다. 그 이유는 이러했다. 타겟하는 사용자들이 없다. 굳이 내가만든 TO-DO List, 간단한게임을 이용해야 할 필요성이 없다.(메리트도 없다) 이미 시장에는 가장 최..

드디어 .. 4일간의 대장정이 끝이났다. 무슨 CRUD하는데에 4일이 걸리냐고 비웃을 수 있지만, 1달전에 바닐라자바스크립트로 구현 된 아고라스테이츠의 코드도 이해못하고 남의 걸 보고 타이핑 하기 바빴던 내가, 리액트로 리팩토링을했고, 서버를 만들어서 서버에 연결했으며,CRUD구현에 결국 성공했다. 프론트엔드 개발자로써 최소한의 백엔드 소양이라고 생각하기에 유난히 내손으로 끝내고 싶었던 것 같다. 구현화면 서버 터미널에 400 or 500응답이 오는 건 참을 수 있었다. 하지만 .. 프리플라이트 요청만 오는건 참기 힘들었다.후우후우 느낀 점 사실 뭐 대단한거나 기발한 프로젝트를 한 것도 아니고 CRUD 하나 구현한걸로 왜 이렇게 호들갑 떠나 싶기도 하겠지만... 나에겐 굉장히 큰 의미가 있는 4일이었다...

UI(user interface, 사용자 인터 페이스) UI(User Interface, 사용자 인터페이스)는 사람들이 컴퓨터와 상호 작용하는 시스템 UI의 종류에는 크게 두가지 종류가 있다. GUI(Graphical User Interface, 그래픽 사용자 인터페이스) GUI는 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경 화면상에 그래픽으로 그려진 UI가 CLI에 비해 직관적이고 간편하기 때문에 대부분 GUI를 사용한다. GUI의 예시는 우리가 보는 운영체제(Window, Mac OS)의 화면, 혹은 애플리케이션 화면이 있다. CLI(Command Line Interface, 명령 줄 인터페이스) CLI는 사용자가 명령어를 통해 컴퓨터와 정보를 교환하는 작업 환경 GUI에 비해 직관성과..

🌧️Section.2 회고 내가 알고있는게 맞는지? 아니, 알고 있는지? 아니, 배우긴한건지? 를 나에게 수 없이 질문하던 혼돈의 카오스 Section.2 나는 나와 싸워야 한다. 섹션 1 회고 때 했던 다짐들을 뒤로하고, 또 다시 다짐육이 되어버린 나의 멘탈을 꾸역꾸역 부여잡으면서 지나온 약 1달의 시간. 나의 저번 회고때 개선하고자 했던 problem 리스트인데, 이 중 1번과 3번,4번은 개선했다고 생각한다. 하지만 동기와 나를 비교하는 것, 개인공부 시간에 온전히 공부하는 것. 이 두가지를 아직 개선하지 못했다. 섹션 2를 거치고 나면 나도 실력이 눈에 띄게 늘게될거라고 애써 위로했지만 결국 개인 능력하에 성취도따라 다르다는 걸 또 느꼈다. 43기 동기들은 각자 출발선이다르고 누군가는 이게 첫 시..

개요 섹션 2를 마무리하며 학습했던 내용들에 대해 기술면접에 나올만한 질문들에 답변을 준비하며 복습합니다. 학습 목표 프론트엔드 개발자 기술 면접에 대해서 이해합니다. 기술 면접에서 요구하는 올바른 답변이 무엇인지 이해합니다. 기술 면접 준비를 직접 해봅니다. 모의 기술 면접을 실제 해보거나 시청하면서, 어떻게 기술 면접을 할지 고민해봅니다. JavaScript Promise 의 기능과 필요한 이유에 대해서 설명해주세요. // 정의 및 기능 "Promise 는 단어 그대로 '약속'입니다. " "비동기 연산이 종료된 이후에 결과를 제공하겠다는 '약속'입니다." "Promise 가 미래에 제공하는 결과로는 실패 혹은 완료와 그 결과 값을 나타냅니다." "또, Promise 를 사용하면 비동기 메서드가 마치 ..

addEventListener 오류 해결방법 Uncaught TypeError: Cannot read property 'addEventListener' of null 💥에러 원인 script를 body의 상단에 작성하게 되면, 간혹 html이 로드 되기 전에 script를 먼저 불러와버리는 경우가 생긴다. 그렇게 되면 addEventListener을 부여할 DOM을 찾지 못하게 되어 에러가 발생하게 된다. 🔅해결방법 1. script는 body태그의 가장 아래에 작성한다. (다른분이 사용한 방법) body태그 하단에 js를 작성하면 html이 먼저 로드되고, js 가 그 다음 로드되기 때문에 오류가 발생하지 않는다 변경 전 변경 후 2. window.onload = function(){} 사용한다.(내가..