분류 전체보기
-
코어 자바스크립트 - 데이터 타입코어 자바스크립트 2025. 2. 1. 23:38
- 식별자와 변수보통 변수와 식별를 혼용하는 경우가 많다. 변수는 컴퓨터 용어로 쓸 때는 '변할 수 있는 무언가' 라는 명사로 확장시켰다. 여기서 무언가는 데이터를 말한다.식별자는 어떤 데이터를 식별하는데 사용하는 이름, 즉 변수명이다. - 데이터 할당변수 선언과 데이터 할당에 대한 메모리 영역 변화var a;a = 'abc';var a = 'abc';변수 영역주소1002100310041005데이터 이름: a값: @5004 데이터 영역주소5002500350045005데이터 'abc' 1. 변수 영역에서 빈 공간(@1003) 확보2. 확보한 공간의 식별자를 a로 지정3. 데이터 영역의 빈 공간(@5004)에 문자열 'abc' 저장4. 변수 영역에서 a라는 식별자를 검색(@1003)5. 앞서 저장한..
-
[TIL] 0729 표현식과 문Today I Learned 2024. 7. 29. 17:48
오늘의 학습05장 표현식과 문리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말한다.// 숫자 리터럴 33 표현식은 값으로 평가될 수 있는 문이다. 리터럴은 값으로 평가된다. 따라서 리터럴도 표현식이다. 문은 프로그램을 구성하는 기본 단위이자 최소 실행 단위이다. 문을 명령문이라고도 부른다. 문이 실행되면 명령이 실행되고 무슨 일이 일어나게 된다. 문은 선언문, 할당문, 조건문, 반복문 등으로 구분할 수 있다. - 표현식인 문과 표현식이 아닌 문 표현식은 문의 일부일 수도 있고 그 자체로 문이 될 수도 있다. 표현식인 문과 표현식이 아닌 문을 구별하는 가장 간단하고 명료한 방법은 변수에 할당해 보는 것이다. // 변수 선언문은 표현식이 아닌 문var x;// 표..
-
[TIL] 0620 프로젝트 리팩토링 마무리Today I Learned 2024. 6. 20. 09:18
오늘의 학습무한스크롤 구현한 곳에서 불필요한 코드 제거했음infinityquery hook에서 isLoading, isPending 둘 다 쓰고 있어서 좀 더 범용성이 있는 isPending 만 쓸 수 있게 변경 오늘의 할 일☀️ 오전❌ 전날 면접 질문 5개 암기✔️ 이력서 수정 or 회사 지원 🌈 오후✔️ 프로젝트 리팩토링❌ 자바스크립트 공부 🌙 저녁❌ 면접 질문 5개 답변 준비✔️ TIL 작성 오늘의 회고오늘 프로젝트 마지막 회의 진행.코드 작업은 더 해도 상관은 없지만 코드 리뷰는 없을 예정자잘한 작업정도만 해야할 듯
-
[TIL] 0618 변수Today I Learned 2024. 6. 18. 08:37
오늘의 학습모던 자바스크립트 Deep Dive를 처음부터 다시 읽기 시작했다. 04장 변수10 + 20 사람은 계산과 기억을 모두 두뇌에서 하지만, 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다.예제의 숫자 값 10과 20은 메모리 상의 임의의 위치(메모리 주소)에 저장되고 CPU는 값을 읽어 연산을 수행한다. 연산 결과가 메모리에 저장되었지만 값 30을 재사용할 수 없다. 메모리 주소를 통해 직접 접근하면 치명적인 오류를 발생시킬 가능성이 높다. 실수로 운영체제가 사용하고 있는 값을 변경하면 시스템을 멈추게 하는 치명적인 오류가 발생할 수도 있다. 따라서 자바스크립트는 개발자의 직접적인 메모리 제어를 허용하지 않는다. 프로그래밍 언어는 값을 재사용하기 위해 변수라는 메커니즘을 제..
-
카테고리 버튼 상태관리 / props 분리코드잇 2024. 6. 13. 21:48
서문이전의 포스팅 중 하나인 [BLOB] 프로젝트 회고의 프로젝트에서 카테고리 버튼 상태관리를 구현하면서 발생한 문제와 이를 해결한 방식을 담고 있습니다. 카테고리 버튼 상태관리 (문제)1. 메인 카테고리의 화살표 상태는 최근에 클릭한 메인 카테고리 하나만 true로 바뀌어야 한다.서브 카테고리는 메인 카테고리의 종류에 따라서 색상과 상태가 바뀐다. 예를 들어 '추천' 카테고리에서 서브 카테고리인 '음식점'을 클릭한 후, '비추천' 카테고리를 클릭하면 화면 상에서는 서브 카테고리가 아무것도 클릭되지 않은 상태가 되어야 한다. 2. 카테고리 버튼은 글쓰기 모달과 필터링 모달에서 사용된다. 글쓰기 모달은 카테고리 버튼이 단일 선택만 가능하지만, 필터링 모달에서는 중복 선택이 가능하다. (해결책 도출)1...
-
[TIL] 0612Today I Learned 2024. 6. 12. 19:08
오늘의 학습 오늘의 할 일☀️ 오전✔️ 전날 면접 질문 5개 암기✔️ 이력서 수정 or 회사 지원 🌈 오후❌ 프로젝트 리팩토링❌ 자바스크립트 공부 🌙 저녁✔️ 면접 질문 5개 답변 준비✔️ TIL 작성 오늘의 회고css, git, js 관련 면접 질문 5개 암기 회사 지원 2곳 모의 인성 면접을 진행했다. 30분 동안 진행 후 피드백 하는 방식으로 진행했는데,나의 단점을 이야기 하고나서 단점을 극복하기 위해 어떻게 하고 있는지에 대한 답변히 부족하다고 하였다.
-
무한스크롤 커스텀 hook코드잇 2024. 6. 10. 21:12
서문이전의 포스팅 중 하나인 [BLOB] 프로젝트 회고의 프로젝트에서 무한스크롤 구현하면서 발생한 문제와 이를 해결한 방식을 담고 있습니다. 구현무한스크롤데이터 가져오는 과정과 로딩 및 에러 처리를 쉽게 구현하기 위해 React Query의 useInfiniteQuery 훅 이용ViewPort에 보여지는 요소를 체크하기 위해 react-intersection-observer의 useInView 훅 이용 처음 무한스크롤 훅 코드 부분export default function useInfiniteQueries(variant: 'feedPage') { const queryKey = [variant]; let queryFn; // variant에 따라 다른 queryFn을 사용 if (variant =..
-
[BLOB] 프로젝트 회고코드잇 2024. 6. 9. 23:26
프로젝트 소개혹시 여행 중 오래된 정보나 부정확한 정보로 인해 불편함을 겪은 적이 한번쯤 있지 않으신가요? 또한 교통상황, 사건 사고 등 여행 중 실시간으로 업데이트되는 정보들을 모아볼 수 있는 곳이 없어서 . 날씨 이슈로 행사가 취소된다든가, 시시각각 바뀌는 현지 상황을 알지 못해 여행 중 예기치 못한 일들을 겪게 되기도 합니다.이러한 불편함을 해결하기 위해 블롭이라는 서비스를 생각하게 되었습니다. 문제 해결 과정은 여기 링크 참조 해주세요.무한스크롤 커스텀 hook카테고리 버튼 상태관리 / 컴포넌트 props 분리 협업각자 분업하는 것이 아닌, 협업을 하는 것에 중점을 두고 기획과 코드 컨벤션을 맞추는데 시간을 많이 투자했다. 프론트엔드 5명, 백엔드 2명, 디자이너 1명과 같이 협업을 시작했다...