preonboarding [프로젝트 회고] 꽃 쇼핑몰 페이지 Vanila JavaScript로만 구현한 과제. 영상, 애니메이션, 팝업 등 다양한 기능을 구현할 수 있었던 과제. HTML5, SCSS, JavaScript Git & GitHub 배너, 팝업 창 🗂 배너 홈페이지 하단 배너 좌, 우측 background-image를 넣어주고 마우스 hover 시 text는 움직이지 않고 background-image만 확대되는 기능을 구현. SCSS를 ... Project-Logwanted프로젝트회고preonboardingWeCodeProject-Log messenger 기능 구현 프로젝트 후기 또한, 상대방의 메시지의 답장을 하거나 보낸 메시지를 삭제하는 기능도 떠올릴 수 있을 것이다. 이 밖에 다양한 기능이 더 많겠지만, 우리 팀은 간단한 로그인&아웃, 동적인 메시지 생성, 그리고 메시지 삭제와 답장 기능을 담은 메신저 구현을 프로젝트의 목표로 설정하였다. 하지만 기본 Redux만 이용하는 것은 boilerplate 발생을 유발하기 때문에 Redux-toolkit의 기능을 부분적... ReactpreonboardingReact [pre_onboarding] Wantedlab 코드 분석 <개인 공부를 위한 블로깅... 가독성이 낮다.😮💨> -> select_related 은 foreign-key , one-to-one 와 같은 single-valued relationships에서만 사용이 가능. 🔍 더 깊게 들어가면! -> prefetch_related는 ManyToMany와 같은 경우 사용. 🔍 역참조? 1. 회사명 자동완성: -> /search?query="회사명"에서... WantedlabpreonboardingTILTIL [프로젝트 회고] 유저 선택형 웹 메신저 Redux로 채팅 메세지 상태 (추가, 수정, 삭제) 를 관리하고 실시간으로 firebase로 만든 데이터베이스에 전송하여 업데이트 시켰다. 첫 페이지에 유저를 선택한 뒤에 채팅장으로 넘어가는 형식으로 제작했다. React, Redux Typescript, JavaScript, Styled-Component Git & GitHub, Build Tool (Create React App) 메세지... wanted프로젝트회고preonboardingProject-LogWeCodeProject-Log React의 성능 최적화가 가장 중요한가? :: Pre-Onboarding 주로 이 두 주제에 관한 것을 적을려고 노력합니다. 제일 중요한 건 DOM을 직접 컨트롤 하지 않는 것, 불필요한 재랜더가 없어야한다라는 것이다. 기본형은 값이 들어있는 데이터의 주소 값을 저장한다는 것 참조형은 값이 들어있는 데이터의 주소의 참조 주소를 저장한다는 것 처음 봤을 때는 도대체가 다른 건 이해하겠지만 정확히 어떻게 다른지 이 다름으로 인해 어떤 작동을 하는지는 바로 이해하기 힘... preonboardingwantedTILTIL
[프로젝트 회고] 꽃 쇼핑몰 페이지 Vanila JavaScript로만 구현한 과제. 영상, 애니메이션, 팝업 등 다양한 기능을 구현할 수 있었던 과제. HTML5, SCSS, JavaScript Git & GitHub 배너, 팝업 창 🗂 배너 홈페이지 하단 배너 좌, 우측 background-image를 넣어주고 마우스 hover 시 text는 움직이지 않고 background-image만 확대되는 기능을 구현. SCSS를 ... Project-Logwanted프로젝트회고preonboardingWeCodeProject-Log messenger 기능 구현 프로젝트 후기 또한, 상대방의 메시지의 답장을 하거나 보낸 메시지를 삭제하는 기능도 떠올릴 수 있을 것이다. 이 밖에 다양한 기능이 더 많겠지만, 우리 팀은 간단한 로그인&아웃, 동적인 메시지 생성, 그리고 메시지 삭제와 답장 기능을 담은 메신저 구현을 프로젝트의 목표로 설정하였다. 하지만 기본 Redux만 이용하는 것은 boilerplate 발생을 유발하기 때문에 Redux-toolkit의 기능을 부분적... ReactpreonboardingReact [pre_onboarding] Wantedlab 코드 분석 <개인 공부를 위한 블로깅... 가독성이 낮다.😮💨> -> select_related 은 foreign-key , one-to-one 와 같은 single-valued relationships에서만 사용이 가능. 🔍 더 깊게 들어가면! -> prefetch_related는 ManyToMany와 같은 경우 사용. 🔍 역참조? 1. 회사명 자동완성: -> /search?query="회사명"에서... WantedlabpreonboardingTILTIL [프로젝트 회고] 유저 선택형 웹 메신저 Redux로 채팅 메세지 상태 (추가, 수정, 삭제) 를 관리하고 실시간으로 firebase로 만든 데이터베이스에 전송하여 업데이트 시켰다. 첫 페이지에 유저를 선택한 뒤에 채팅장으로 넘어가는 형식으로 제작했다. React, Redux Typescript, JavaScript, Styled-Component Git & GitHub, Build Tool (Create React App) 메세지... wanted프로젝트회고preonboardingProject-LogWeCodeProject-Log React의 성능 최적화가 가장 중요한가? :: Pre-Onboarding 주로 이 두 주제에 관한 것을 적을려고 노력합니다. 제일 중요한 건 DOM을 직접 컨트롤 하지 않는 것, 불필요한 재랜더가 없어야한다라는 것이다. 기본형은 값이 들어있는 데이터의 주소 값을 저장한다는 것 참조형은 값이 들어있는 데이터의 주소의 참조 주소를 저장한다는 것 처음 봤을 때는 도대체가 다른 건 이해하겠지만 정확히 어떻게 다른지 이 다름으로 인해 어떤 작동을 하는지는 바로 이해하기 힘... preonboardingwantedTILTIL