저번주 금요일을 끝으로 4주간의 기업협업이 끝이났다-! 4주동안 회사에서 실시간 채팅 웹 만들어보는 과제를 맡았는데, 프로젝트를 진행하면서 느끼고 배운 것들, 그리고 실제 현업에서 업무가 진행되는 과정들을 옆에서 지켜보며 배웠던 것들 다 휘발되지 않고자 적어두고자 한

스코프는 식별자가 유효한 범위를 말한다. 모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정되는 것. 식별자를 검색할 때 사용하는 규칙이라고도 함. 자바스크립트 엔진이 어떤

12장 함수 12.1 함수란? 🧐 프

✔️ 원시 타입 : 변경 불가능한 값, 객체 타입 : 변경 가능한 값✔️ 원시 값을 변수에 할당하면 변수(확보된 메모리 공간)에는 실제 값이 저장 된다. 객체를 변수에 할당하면 변수(확보된 메모리 공간)에는 참조 값이 저장✔️ 원시 값을 갖는 변수를 다른 변수에 할당하

git 에서 env파일 없애주기참고 https://stackoverflow.com/questions/38983153/git-ignore-env-files-not-working

자바스크립트를 구성하는 거의 "모든 것"이 객체. 원시 값을 제외한 나머지 값(함수, 배열, 정규 표현식 등)은 모두 객체. 0개 이상의 프로퍼티로 구성된 집합이며 프로퍼티는 key와 value로 구성된다. 🔖 원시타입의 값은 변경 불가능한 값(immutable va

원시타입 - 숫자 타입, 문자열 타입, 불리언 타입, undefined 타입, null 타입, symbol 타입객체 타입 - 객체, 함수, 배열 등 🔖 숫자 타입은 모두 실수로 처리된다. 정수만 표한하기 위한 데이터 타입 별도로 존재하지 않음. Infinity(양의

자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신기능 (1999년 XMLHttpRequest라는 이름으로 등장)구글 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경(runtime environment). 자바스크립트를 브러

식(표현식 expression)이 평가(evaluate)되어 생성된 결과 🔖 참고) 평가? 식을 해석해서 값을 생성하거나 참조하는 것.🔖 값의 특징 : 데이터 값을 가짐.메모리에 2진수 즉 bit의 나열로 저장된다. 사람이 이해할 수 있는 문자 또는 약속된 기호를

4.1 변수란 무엇인가? 왜 필요한가? 🧐 변수란? > 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위한 이름. 👉 프로그래밍 언어에서 값을 저장하고 참조하는 메커니즘으로 값의 위치를 가리키는 상징적인 이름. 🧐 변수란 왜

2차 프로젝트 때 리덕스를 써먹어보지 못한 아쉬움이 컸다. 🥲리액트 프로젝트를 할 때 항상 state를 내려주고 또 내려주고, 다시 최상단 부모로 끌어올려주고 복잡하고 귀찮은 작업들을 많이 하다보니, 리덕스나 혹은 context API를 쓸 줄 안다면 더 효율적으로

환경변수들 관리해주는 .env파일 따로만들어주면, api key등 개인정보를 직접적으로 노출하지 않고 파일 관리가 가능하다. .env는 파일의 최상단 루트에 만들어줄 것! 👉 리액트 내에서는 REACT_APP을 시작으로 적어줄 것👉 const 등으로 변수를 따로 선

formData.append를 활용해서 이미지 업로드하는 법

기업협업에서 그니그니님과 새롭게 프로젝트를 시작하게 되었다(!)react, getstream API, firebase를 활용한 채팅 웹을 만드는 프로젝트이다. 백엔드 개발자가 따로 없기에 firebase를 활용하여 인증인가 통신을 진행하고, firebase 내에 있는

안끝날 것만 같은 2차 프로젝트가 끝이 났다. 시간 참 빠르다. 어느새 1,2차 프로젝트가 끝나고 다음주면 기업협업이다. 어찌되었건, 이번 2차 프로젝트를 하며 느꼈던 점, 배웠던 점 등 진솔하게 적어내보고자 한다. ✔️ 뿌잉 프로젝트 웹사이트 촬영 링크 : https

🤔 다중필터 로직 구상하기 이번 2차 프로젝트에서 쿼리스트링 관련한 기능 구현 부분을 담당했다. 그 중에서도 가장 기억에 남았던 다중필터! 구상한 로직, 코드 공유까지 해보고자 합니다--! 🧐 해결해야했던 문제

이번 2차 프로젝트에서는 라이브러리를 자유로이 쓸 수 있었다(!)레이아웃 과정에서 구현해보고 싶었던 기능이 이미지 슬라이드 부분이었다. 1차 프로젝트 때는 라이브러리를 사용하지 않고 transformX 와 transition을 활용했는데, 이번에는 Styled Comp

두 커맨드들은 브랜치의 변경사항을 다른 브랜치에 합치기 위해 만들어졌다. (But 다른 방식)✔️Merge : main branch에서 commit한 순서들 feature에 merge할 때 그 시간 그대로 commit 저장된다. (History 그대로 update된다)

Custom Hook은 이름이 use로 시작하는 자바스크립트 함수이다.Custom Hook을 사용하면 지금까지 컴포넌트 내부에 한 덩이로 결합하여 사용했던 State와 Effect를 다음과 같이 분리하여 사용할 수 있다.자신만의 Hook을 만들면 컴포넌트 로직을 함수로

개발자로서 코드를 짤 때 고려해야할 가장 중요한 요소 중 하나는 바로 '관심사의 분리'에 따라 코드를 짜는 것이다. 관심사의 분리란 우리의 코드가 단위 별로 하나의 관심사만 갖도록 하고 그 관심사에 대해서만 충실히 동작하도록 만들어야 한다는 뜻이다.👉 즉 한 코드 내