wanted [프로젝트 회고] 꽃 쇼핑몰 페이지 Vanila JavaScript로만 구현한 과제. 영상, 애니메이션, 팝업 등 다양한 기능을 구현할 수 있었던 과제. HTML5, SCSS, JavaScript Git & GitHub 배너, 팝업 창 🗂 배너 홈페이지 하단 배너 좌, 우측 background-image를 넣어주고 마우스 hover 시 text는 움직이지 않고 background-image만 확대되는 기능을 구현. SCSS를 ... Project-Logwanted프로젝트회고preonboardingWeCodeProject-Log 자주 사용되는 JS 기능들 (wanted 과제) 💡구현 방법 알약 모양의 토글 버튼 생성 알약 안의 원이 토글 상태에 따라 좌우로 움직이는 애니메이션을 추가하였다. 체크박스 상태에 따른 토글 버튼 배경 색상 변경 토글 앞에 보라색 배경을 가진 사각형을 가려놓고 토글 스위치가 눌렸을 때, scale을 조정하여 토글 배경을 채우는 애니메이션을 주었다. 원래는 토글 버튼 크기와 동일한 알약 모양을 배치하려 했지만예시에서 채워지는 모양이 둥근 모... wantedwanted [프로젝트 회고] 유저 선택형 웹 메신저 Redux로 채팅 메세지 상태 (추가, 수정, 삭제) 를 관리하고 실시간으로 firebase로 만든 데이터베이스에 전송하여 업데이트 시켰다. 첫 페이지에 유저를 선택한 뒤에 채팅장으로 넘어가는 형식으로 제작했다. React, Redux Typescript, JavaScript, Styled-Component Git & GitHub, Build Tool (Create React App) 메세지... wanted프로젝트회고preonboardingProject-LogWeCodeProject-Log aimmo 과제 회고 내용은 간단한 게시판 구현(CRUD)및 배포를 3명에서 한 팀으로 하는 것이었다. 우리가 첫 번째로 맞닥뜨린 어떻게 보면 가장 큰 고민이었다. 사용한 사람이 없다고 하였다. 처음에 들었을 때는 Mongodb의 개념은 물론 NoSQL이라는 개념 자체가 잡혀있지 않아서 1시간 정도 각자 개념이나 이론 등을 서치해보고 다시 만나자고 제안하였다. 서치를 해보니 장고와 플라스크는 유사한 부분이 많다고... aimmoWeCodewantedWeCode React의 성능 최적화가 가장 중요한가? :: Pre-Onboarding 주로 이 두 주제에 관한 것을 적을려고 노력합니다. 제일 중요한 건 DOM을 직접 컨트롤 하지 않는 것, 불필요한 재랜더가 없어야한다라는 것이다. 기본형은 값이 들어있는 데이터의 주소 값을 저장한다는 것 참조형은 값이 들어있는 데이터의 주소의 참조 주소를 저장한다는 것 처음 봤을 때는 도대체가 다른 건 이해하겠지만 정확히 어떻게 다른지 이 다름으로 인해 어떤 작동을 하는지는 바로 이해하기 힘... preonboardingwantedTILTIL
[프로젝트 회고] 꽃 쇼핑몰 페이지 Vanila JavaScript로만 구현한 과제. 영상, 애니메이션, 팝업 등 다양한 기능을 구현할 수 있었던 과제. HTML5, SCSS, JavaScript Git & GitHub 배너, 팝업 창 🗂 배너 홈페이지 하단 배너 좌, 우측 background-image를 넣어주고 마우스 hover 시 text는 움직이지 않고 background-image만 확대되는 기능을 구현. SCSS를 ... Project-Logwanted프로젝트회고preonboardingWeCodeProject-Log 자주 사용되는 JS 기능들 (wanted 과제) 💡구현 방법 알약 모양의 토글 버튼 생성 알약 안의 원이 토글 상태에 따라 좌우로 움직이는 애니메이션을 추가하였다. 체크박스 상태에 따른 토글 버튼 배경 색상 변경 토글 앞에 보라색 배경을 가진 사각형을 가려놓고 토글 스위치가 눌렸을 때, scale을 조정하여 토글 배경을 채우는 애니메이션을 주었다. 원래는 토글 버튼 크기와 동일한 알약 모양을 배치하려 했지만예시에서 채워지는 모양이 둥근 모... wantedwanted [프로젝트 회고] 유저 선택형 웹 메신저 Redux로 채팅 메세지 상태 (추가, 수정, 삭제) 를 관리하고 실시간으로 firebase로 만든 데이터베이스에 전송하여 업데이트 시켰다. 첫 페이지에 유저를 선택한 뒤에 채팅장으로 넘어가는 형식으로 제작했다. React, Redux Typescript, JavaScript, Styled-Component Git & GitHub, Build Tool (Create React App) 메세지... wanted프로젝트회고preonboardingProject-LogWeCodeProject-Log aimmo 과제 회고 내용은 간단한 게시판 구현(CRUD)및 배포를 3명에서 한 팀으로 하는 것이었다. 우리가 첫 번째로 맞닥뜨린 어떻게 보면 가장 큰 고민이었다. 사용한 사람이 없다고 하였다. 처음에 들었을 때는 Mongodb의 개념은 물론 NoSQL이라는 개념 자체가 잡혀있지 않아서 1시간 정도 각자 개념이나 이론 등을 서치해보고 다시 만나자고 제안하였다. 서치를 해보니 장고와 플라스크는 유사한 부분이 많다고... aimmoWeCodewantedWeCode React의 성능 최적화가 가장 중요한가? :: Pre-Onboarding 주로 이 두 주제에 관한 것을 적을려고 노력합니다. 제일 중요한 건 DOM을 직접 컨트롤 하지 않는 것, 불필요한 재랜더가 없어야한다라는 것이다. 기본형은 값이 들어있는 데이터의 주소 값을 저장한다는 것 참조형은 값이 들어있는 데이터의 주소의 참조 주소를 저장한다는 것 처음 봤을 때는 도대체가 다른 건 이해하겠지만 정확히 어떻게 다른지 이 다름으로 인해 어떤 작동을 하는지는 바로 이해하기 힘... preonboardingwantedTILTIL