내배캠은 4개월 간 매일 12시간 이상씩 공부해야 하기 때문에 중간중간 쉬어가는 날도 중요하다고 생각해서, 학습에 대한 부담감을 내려놓기 위해 별일 안 하고 쉰 날! 매일 꼭 해야하는 알고리즘 한 문제랑, 딥다이브 스터디 하루치 분량만 정리해 github에 올렸다. 딱히 하루를 돌이켜봐도 한 게 없이 쉰 것 같아 적을 게 없다..(아? 내배캠 React 5기 개인 카드 적으라고 하셨어서 열심히 개인카드 완성했었다!) 다음 주도 파이팅 해서 열심히 살아야지~!!
분류 전체보기
1. React 소개※ 프레임워크? - 개발자가 기능 구현에만 '딱' 집중할 수 있도록 필요한 모든 프로그래밍적 재원을 지원하는 '기술의 조합' - spring, vue.js, angular.js, Django, Flask, Ruby, Express.js, NextJS 등 ※ 라이브러리? - 공통 기능의 모듈화가 이루어진 프로그램의 집합 - React? UI를 만들기 위한 라이브러리 => - React.js + react-router-dom + redux 등 모아서 하나의 리액트 프로젝트를 함 #제어의 역전(IoC : Inversion Of Control) : 원래는 개발자가 프로그램의 흐름을 '제어'하는데, 프레임워크를 사용하는 경우에는 시키는 대로 코드를 짜면 프레임워크가 알아서 제어의 흐름..
자바스크립트 주간이 끝나고 새로운 리액트의 해가 밝았다. 퀘퀘 묵은 리액트 책을 다시 꺼낼 때가 되었다는 뜻. 예전엔 아 이런 게 있구나 하고 넘어갔었는데, 이번에는 이해라는 것을 해볼 수 있도록 노력해야겠다. 가끔 무난하게 글이 이어지다가 한 번씩 미친 듯이 깊은 내용이 나오는데 그런 구덩이에 빠지지 않게 잘해봐야지. React 과정은 베이지/스탠다드/챌린지로 분반되어 실시간 수업을 진행하는데, 이 중 챌린지를 신청했다. 무시무시한 이름과 다르게 오늘 진행된 챌린지반 OT에서는 어려운 거 가르쳐주는 곳 아니라고 하셨지만 '대신 많은 걸 알아야 한다'라는 뜻이 더 무섭게 느껴졌다. 확실히 아는 것과, 이해하는 것과, 내 것으로 만드는 건 단계마다 엄청난 차이가 있는 것 같다. 아직 이해와 내 것의 사이..
내배캠 시작한 지 한 달 정도 된 것 같은데 벌써 두 번째 팀플이 끝나버렸다..! 시간 진짜 빨리 가는 것 같은 느낌우리 T1F4조..다들 완성까지 힘차게 달리느라 정말 고생 많으셨어요!! 오랜만에 작업에 몰두할 수 있어서 정말 재밌었던 것 같아요. 마이페이지 구성할 때 scrollbar가 아닌 슬라이드도 사용해보고 싶었고, 로그인 구현할 때 세션만료도 넣고 싶었는데 시간이 조금 부족해서 아쉬웠어요. 내일 또 팀이 바뀌는지는 모르겠지만, 계속해서 같이 👍👏❤️😆😂🥳쓰면서 재밌게 뛰어다니고 싶어요(리액션 하도 쓰다 보니 순서랑 뭔지 외워버렸다..!)영화 정보검색 사이트 프로젝트 피드백튜터님 피드백으로부터 또 한 번 배워갑니다. 아래는 우리 팀 피드백 정리본 1. 헤더 고정 기능(우리는 fixed..
오늘부터 모던 자바스크립트 딥다이브 스터디 1일 차 날이다. 웬만하면 다 안다고 생각했던 개념들 중에서도 다시 보니 헷갈리고 더 찾아봐야 할 점들이 많이 보였다. 매니지드 언어 VS 언매니지드 언어1. 매니지드 언어(Managed Language): C언어 같이 개발자가 명시적으로 메모리를 할당하고 해제하기 위해 malloc()과 free() 같은 low-level 메모리 제어기능을 제공함. 개발자가 직접 메모리를 제어할 수 있어 높은 수준의 최적화도 가능하지만 그만큼 오류가 발생할 위험도도 높다.2. 언매니지드 언어(Unmanaged Language): 자바스크립트가 여기에 해당되며 메모리의 할당 및 해제를 위한 메모리 기능 관리 기능을 언어 차원에서 담당하고 개발자가 관여할 수 없다. 더 이상 사용하..
A better git log튜터님의 기습 git 특강을 듣고, git log를 깔끔하게 볼 수 있는 방법을 새롭게 배웠다. vsCode에서 터미널을 넓게 쓰지 않기 때문에, git log를 치게 되면 터미널이 꽉 차서 한 눈에 볼 수 있는 로그가 2개 정도밖에 되지 않았다. 평소에도 되게 불편했었는데, 불편함에 익숙해진 나머지 따로 찾아보려하진 않았던 것 같다. git log를 깔끔하게 볼 수 있는 방법은 되게 간단했고, 적용 후 만족도도 굉장히 좋았다. 1. Corderwall의 'A better git log' 사이트 접속 2. 중간에 git config~~로 시작하는 코드 복사 3. vsCode 터미널에 붙여넣기 후 엔터 4. git lg를 통해 log 확인 가능 앞으로 진행될 수준별 학습반에서 ..
스터디 OT 준비하는데, 신경써야 할 것이 너무 많아 하루 종일 시간을 쏟았다. 어느 정도의 시스템을 만들었고, 보완해 나갈 점도 찾았으니 빠르게 만들어야겠다... [내일 할 일] 1. 팀 프로젝트 맡은 부분 완성 2. 스터디 github 생성 3. 스터디 자료 만들기
풀이 1. forEach를 통해 배열을 순회하며 조건 만족하는 배열 생성function solution(arr, divisor) { let answer = []; arr.forEach((num) => { if(num % divisor === 0) answer.push(num); }) answer = answer.sort((a,b) => a - b); if(answer.length === 0) answer.push(-1); return answer;} 풀이 2. filter를 사용해 만족하는 조건 탐색function solution(arr, divisor) { let answer = arr.filter((num) => num % divisor === 0)..