[JSDD] this

this : 자신이 속한 객체 또는 자신이 생성할 인스턴ㄴ스를 가리키는 자기 참조 변수.\-> 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다. this가 가리키는 값(바인딩) : 함수 호출 방식에 의해 동적으로 결정\-> 상황에 따

2024년 8월 22일
·
0개의 댓글
·

[JSDD] let, const

1\. 변수 중복 선언 허용변수를 중복 선언하면 초기화문 유무에 따라 다르게 동작한다. 2\. 함수 레벨 스코프오로지 함수의 코드 블록만을 지역 스코프로 인정하기 때문에 함수 외부에서 선언한 변수는 코드 블록 내에서 선언했더라도 전역변수가 된다. 3\. 변수 호이스팅변

2024년 8월 19일
·
1개의 댓글
·

HOC 패턴으로 Form 리팩토링하기

기존코드 커스텀 훅을 사용해서 비즈니스 로직과 뷰 로직을 분리했지만 아직 좋지 않은 냄새가 납니다. 냄새의 원인을 살펴보면 아래와 같은 문제점이 있습니다. 현재 코드의 문제점 비슷한 구조의 UI 요소들이 중복되어 사용되고 있다. 모든 설정 항목이 하나의 컴포넌트

2024년 8월 15일
·
0개의 댓글
·

[JSDD] 스코프

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

2024년 8월 14일
·
0개의 댓글
·
post-thumbnail

항해 취업 리부트 코스 졸업! + 솔직후기 (할인코드)

11주간의 길다면 길고 짧다면 짧은 항해 여정이 끝이났습니다!👏👏👏취리코를 고민하시는 분들께 작은 도움이 되었으면 하는 마음으로 찐으로 솔직한 후기를 남겨봅니다! 저는 PHP 개발자로 경력이 3년정도 있었고, 퇴사 이후에 1년 정도 열심히 공부도하고 놀다가 프론트

2024년 8월 9일
·
0개의 댓글
·

[ReactDD] 클로저, 이벤트 루프

스코프 : 변수를 사용할 수 있는 범위 호이스팅 : JS에서는 변수와 함수의 선언이 스코프 최상단으로 끌어올려지는 것 var : 전역 스코프 / 호이스팅 o, 초기화 x > undefindlet, const : 블록 스코프 / 호이스팅 o, TDZ > 레퍼런스 에러

2024년 7월 12일
·
0개의 댓글
·
post-thumbnail

[트러블슈팅] useEffect 사용 시 무한루프가 발생하는 문제

로컬스토리지에 저장된 cart 데이터로 db에 저장된 product 데이터를 가져오기 useCartProducts hook 사용가져온 cartProducts 데이터 중에서 수량이 0인 상품을 제외하고 validProducts에 저장→ hook에서 데이터 필터링을 하지

2024년 7월 12일
·
0개의 댓글
·

[최적화] SEO

Sitemap은 웹사이트의 구조를 검색 엔진에 알려주는 XML 파일 입니다.sitemap을 사용하면 검색 엔진이 사이트의 페이지를 더 잘 이해할 수 있도록 할 수 있습니다.다음과 같은 형태로 필요한 페이지의 URL을 포함한 XML 파일을 작성합니다. changefreq

2024년 7월 11일
·
0개의 댓글
·
post-thumbnail

[최적화] 이미지

홈페이지에서 가장 많은 로딩 시간을 차지하는 요소는 이미지입니다. 이미지 최적화는 페이지 로딩을 단축시켜 웹 성능을 향상시키고, 사용자 경험을 개선할 수 있습니다.라이트하우스를 사용하여 사이트를 검사하면 이미지 최적화 방법을 제안해준다…그럼 라이트 하우스에서 알려준 방

2024년 7월 11일
·
0개의 댓글
·

[항해99 취업 리부트 코스 학습일지] 프로젝트 3주차 회고

❓ 이번 주 항해 취업 리부트코스에서 내가 구현한 기능은 무엇인가요?상품구매 (tosspayments)구매 내역 페이지 / 구매 취소주문 정보 확인 및 상태 변경이미지 최적화 UI 개선 + 반응형❓이번 주 겪은 트러블 슈팅이 있다면 무엇인가요?useEffect 무한 루

2024년 7월 9일
·
0개의 댓글
·

[항해99 취업 리부트 코스 학습일지] 프로젝트 2주차 회고

❓ 이번 주 항해 취업 리부트코스에서 내가 구현한 기능은 무엇인가요?관리자 상품 조회/수정/추가메인 페이지 상품 조회/필터장바구니 추가/수정/삭제❓ 해당 기능을 구현하기 위해, 어떤 기술적 의사결정을 거쳤나요?커스텀 hook의 문제점Hooks은 (함수들은) 값의 재사용

2024년 7월 2일
·
0개의 댓글
·
post-thumbnail

useInfiniteQuery와 react-intersection-observer를 사용하여 무한 스크롤 구현하기

React Query의 useInfiniteQuery를 사용해서 페이지 단위로 데이터를 불러오고react-intersection-observer(https://www.npmjs.com/package/react-intersection-observer위의 과정으로

2024년 6월 27일
·
0개의 댓글
·
post-thumbnail

react-query로 효율적인 데이터 관리하기

Hooks은 (함수들은) 값의 재사용이 아니라 로직의 재사용을 위한 것이기 때문에 데이터가 캐시되지 않습니다. 동일한 데이터를 여러곳에서 사용할 경우 hook을 호출할 때마다 데이터를 다시 불러오게 되는 것이죠. 또한 로딩이나 에러처리를 직접 구현해야한다는 번거로움이

2024년 6월 26일
·
0개의 댓글
·

[항해99 취업 리부트 코스 학습일지] 프로젝트 1주차 회고

💬 주저리이번주는 프로젝트 첫주라 유저플로우와 와이어프레임을 설계하고, 코드/커밋 컨벤션등을 정하느라 많은 시간이 걸렸다... 멘토님이 코드는 최대한 늦게칠수록 좋은거라고 하셨지만 1주차 구현 항목이 생각보다 많아서 마음이 자꾸 초초해지는 건 어쩔수 없는 것 같다

2024년 6월 24일
·
0개의 댓글
·
post-thumbnail

[항해99 취업 리부트 코스 학습일지] 알고리즘 주차의 끝

💬 주저리오늘 드디어 3주간의 알고리즘 주차가 끝이났다 골드까지는 생각도 안했는데 마지막날 딱 골드 달성했다 ><후반에는 문제도 어렵고 힘이 빠져서 너무너무 하기 싫었는데리워드 덕분에 열심히 할 수 있었던 것 같다 ㅋㅋ설명처럼 아직 잘 모르겠지만 파이썬과도 많이

2024년 6월 18일
·
0개의 댓글
·

[항해99 취업 리부트 코스 학습일지] 다이나믹 프로그래밍

💬 주저리오늘 문제는 오랜만에 빨리 풀었다. 점화식을 생각해내는게 어렵긴한데 손으로 써가면서 역으로 규칙을 찾으니까 어렵지 않게 풀렸다. (이게 맞는지는 모르겠지만...) 오늘 알고리즘 세션도 있고 DFS,BFS 추가 멘토링도 진행해주셔서 종일 바빴는데 문제라도 빨리

2024년 6월 15일
·
0개의 댓글
·
post-thumbnail

[항해99 취업 리부트 코스 학습일지] 그리디와 다익스트라

💬 주저리그리디 문제는 처음 접근 자체는 어렵지 않은 것 같은데 자꾸 시간초과가 난다 ㅠㅠ 최적의 로직을 떠올리는 것이 쉽지가 않다,,, 다익스트라는 BFS의 심화버전 같은 느낌인데... 정형화?된 기본 틀을 알면 문제 풀이자체는 어렵지 않은 것 같은데 그 틀을 사용

2024년 6월 14일
·
0개의 댓글
·

[항해99 취업 리부트 코스 학습일지] 힘들힘들힘들힘들어요

💬 주저리흐아아ㅏ아아아아앙넘 힘들다...... ❓ 이번 주 진행된 팀 스터디에서 얻은 인사이트는 무엇인가요?성능테스트 / 모니터링 툴 설치해서 적용해보기 회사 인턴 과제… 빡세다… 기획 디자인 경험있는거 플러스가 될수도있으니 이력서에 녹여보기 블로그 작성하는건 항해에

2024년 6월 13일
·
0개의 댓글
·

[항해99 취업 리부트 코스 학습일지] 아늑한 아지트여 안녕...

💬 주저리어제 열심히 꾸며둔 게더가 다시 원복되어버렸다 😢😢😢 권한이 잘못 설정된 것 같아서 아무래도 그럴것 같긴했는데 슬프군... 오늘 조변경이슈로 이래저래 혼란스러운 아침이었다..^^ 그래도 정들었던 11조를 떠나지 않게되어서 다행입니다 오늘 문제는 사실 그

2024년 6월 12일
·
0개의 댓글
·

[항해99 취업 리부트 코스 학습일지] 그래프 너무 어려움...

💬 주저리오늘은 과제는 DFS와 BFS 였다. 어려울것같아서 걱정이었는데 역시 어려웠다... 대충 개념은 이해하겠는데 문제에 어떻게 적용해야할지 모르겠다 알것 같다 싶다가도 내가 생각한대로 동작하지를 않는다... 하 ㅠㅠ필수 문제도 못푼건 오늘이 처음이다,,, 내일

2024년 6월 10일
·
0개의 댓글
·