간단한 리팩토링 // 기존에 작성했던 코드 if (!isA && isB) { element.style.maxHeight = '384px' } else if (isA && !isB) { element.style.maxHeight = '360px' } else if (!isA && isB) { element.style.maxHeight = '320px' } else { element.style.maxHeight = '300px' } // 수정한 코드 let maxHeight = 300 if (!isA) { if (!sB) { maxHeight = 384 } else { maxHeight = 320 } } else if (!isB) { maxHeight = 360 } element.style.maxHeight..
지난 2주간 스스로 공부하거나 배운 것들! 하나씩 정리할 시간은 없고, 잊지 않기 위해 간단하게 기록해 둔다. 리액트는 왜 모든 요청이 비동기일까? 에서 시작된 궁금증싱글스레드와 이벤트 루프의 상관관계자바스크립트는 싱글 스레드여서 원래 동기적으로 작동하는데, 이벤트 루프를 활용해서 비동기적으로 여러 작업을 수행할 수 있다.자바스크립트에서 비동기 작업은 콜백함수, Promise, async-awiat 등을 통해 구현되며, 비동기 패턴을 통해 이벤트 루프를 조절할 수 있다. 이벤트 루프자바스크립트와 간은 단일 스레드 환경에서 비동기 작업을 관리하고 실행하는 핵심 메커니즘 중 하나코드 실행을 순차적으로 진행하면서 비동기 작업을 계획하고 처리하는 작업을 한다.즉, 브라우저 동작 타이밍을 제어하는 관리자이다. 프..
한 주 돌아보기 이번주에 해낸 것 이번주에 하지 못한 것 😎 리액트 Lv.4 과제 제출하기 🤔 리액트 개념 정리해서 블로그에 업로드하기 ✅ 리액트 Lv.4 과제 제출하기 이번 주는 유독 정신없이 한 주가 흘러가서 다시 되짚어 본다. 월요일엔 지난주에 계획했던 대로 Lv.3 과제를 서로 바꿔 다시 구현해 보면서 리팩토링을 진행했고, 화요일은 각자 복습(나는 hooks와 js 복습 진행), 수요일부터 목요일까지 심화주차 강의를 2/3 들은 뒤 금요일 ~ 토요일 오전은 페어분과 빠르게 프로젝트 기획을 하고 HTML, CSS구현, 토요일 낮 ~ 일요일은 기능 구현을 진행해 일요일 18시에 과제를 제출했다. 심화주차 강의는 리덕스 툴킷, axios, thunk, react query 등으로 이루어져 있었는데 휘몰..
한 주 돌아보기 이번주에 해낸 것 이번주에 하지 못한 것 😎 리액트 Lv.2, 3 과제 제출하기 🤔 리덕스 이해하고 리코일과 비교해보기 ✅ 리액트 Lv.2, 3 과제 제출하기 리액트 Lv.1 과제는 useState로 투두리스트 만들기, Lv.2 과제는 redux로 투두리스트 만들기, Lv.3 과제는 스타일드 컴포넌트 연습하기였다. 4월 14일 금요일에 리액트 공부를 시작해 4월 23일인 오늘까지 과제 세 개를 끝낸 것에 대해서는 박수!👏🏼 Lv.5에 있는 JWT 토큰 로그인을 온보딩주차 미니 프로젝트 때부터 해보고 싶었는데 기한 내 끝내지 못할 것 같아 접어뒀었다. 로그인 여부와 유저의 권한에 따라 화면 요소를 달리하는 것도 재밌는 작업이고 일반 로그인, SNS 로그인이 아닌 JWT 토큰 로그인 방식은 ..
한 주 돌아보기 이번주에 해낸 것 이번주에 하지 못한 것 😎 안돼도 그냥 하기 🤔 코어자바스크립트 완독하기 😎 알고리즘 테스트 통과하기 ✅ 안 돼도 그냥 하기 지난주에 썼던 WIL. 이번 주에 얼마나 지켰나? 보면 칼같이 50%를 달성했다. 코어 자바스크립트는 반 읽었고 바닐라JS로 계산기 만들기도 1/2 만큼을 남겨두고 있고 과제물도 한 개 제출했다. 이번주차도 내용이 어려워서인지 집중이 잘 안 됐는데 어떻게든 그냥 하려고 많이 노력했다. 스코프가 좀 크기도 했지만 눈 딱 감고 했으면 다 해낼 수 있었을 것 같아 아쉽지만 생각을 줄이고 그냥 하는 연습을 많이 할 수 있었다. 한동안 알고리즘이 안풀린다고도 이전에 썼었는데 안 풀리던 알고리즘이 아주 느린 속도로 다시 풀리고 있다. 알고리즘도 풀어보고 안되..
한 주 돌아보기 이번주에 해낸 것 이번주에 하지 못한 것 😎 오류 해결 과정 기록하기 🤔 제공 강의 밀리지 않고 듣기 ✅ 오류 해결 과정 기록하기 이번 주는 자바스크립트 기초 주차였다. 개인 과제로는 github 실습, 팀 과제로는 숫자야구 페어프로그래밍이 있었다. 개인적으로는 숫자야구를 페어 프로그래밍 전에 미리 풀어보고, 그 과정에서 궁금한 내용들을 찾아보고, 오류가 있다면 그 과정을 기록했다. 기록을 하니 내가 어디서 막혔는지, 그 부분을 어떻게 이해하고 있었는지 알 수 있었고 확실히 직접 정리한 내용은 기억에 더 오래 남는다. [이번 주에 공부하고 기록한 내용들] [JavaScript] Uncaught ReferenceError: Cannot access 'X' before initializati..
한 주 돌아보기 이번주에 해낸 것 이번주에 하지 못한 것 😎 미니 프로젝트 잘 끝내기 🤔 Aws Elastic Beanstalk 으로 프로젝트 배포하기 😎 항해 14기 입학시험 통과하기 ✅ 미니 프로젝트 잘 끝내기 이번 주 월요일부터 목요일까지는 온보딩 때 수강했던 웹개발종합반을 기반으로 풀스택 미니 프로젝트가 진행됐다. 월요일 15시부터 시작해 목요일 18시에 소개 영상 제작 및 발표 준비까지 마치는 일정이었다. 우리 조는 다들 열정 있고 의사소통이 잘되어서 첫날에 주제 선정, 구현할 기능 선별, 디자인 시안까지 모두 마칠 수 있었다. 이튿날부터 본격적인 개발을 시작하기로 했는데, 짧은 기간 내에 기능을 완성하는게 제일 우선이었기 때문에 그나마 코드가 덜 낯선 내가 초기 세팅을 빨리 마치고 다 같이 기..
한 주 돌아보기 이번주에 해낸 것 이번주에 하지 못한 것 😎 바닐라JS로 기능 실습해보기 🤔 코딩테스트 문제 매일 1-2개씩 풀기 😎 공부한 것들은 꼭 기록하기 😎 '오늘 이것만큼은 꼭 해낼 것' 정하고 노력하기 ✅ 바닐라JS로 기능 실습해 보기 지난주부터 수강 중인 강의에 jQuery가 나오는 부분은 모두 JavaScript로 바꿔보면서 공부를 진행했다. 제이쿼리가 간편하긴 하지만 자바스크립트를 사용했을 때 직접 요소를 골라서 어떻게 처리할지 더 자세히 작성하는 느낌이라, 그만큼 코드가 길어지긴 하지만 재밌었다. 이번 주는 바닐라JS 강의 중에서 자주 추천받았던 노마드코더의 크롬 앱 클론코딩 강의를 수강했다. 해당 강의는 이벤트를 걸 때 왜 EventListener인지, JS가 해당 코드를 어떻게 접근..
한 주 돌아보기 이번주에 해낸 것 이번주에 하지 못한 것 😎 웹개발 종합반 완강하기 🤔 공부한 내용 정리해서 블로그에 작성하기 😎 강의 코드 jQuery → 바닐라JS로 바꿔보기 😎 알고리즘 2문제씩 풀기 ✅ 웹개발 종합반 완강하기, 강의 코드 jQuery → 바닐라JS로 바꿔보기 부트캠프 사전 예습 강의인 웹개발종합반 강의가 입학시험에도 반영되는터라 1회독을 수강했다. 웹개발종합반 강의는 HTML, CSS, 간단한 JS로 화면을 만들고 파이썬과 몽고DB로 서버단이 진행된다. 본 과정(프론트엔드)에서는 파이썬과 몽고DB를 사용하지 않기 때문에 처음엔 이걸 어느 정도 깊이까지 공부해야 하는지 고민이 많았다. 강의를 수강해 보니 프로그래밍 언어를 자세히 알려주기보단 웹 페이지를 어떻게 만드는지에 대한 흐름을..
