본문 바로가기

전체 글172

[React/pre-project] stackoverflow 클론 코딩 팀 프로젝트 프론트2/ 백3 ⏲️ 개발 기간 22.08.23 ~22.09.06(계획포함) 22.08.25 ~ 22.09.06 (실제 개발 기간) 사용한 라이브러리(프레임워크) React v18(create-react-app), styled-component, zustand, react-router, toast-ui, axios 이번 프리프로젝트에서는 stackoverflow 클론코딩을 하게 되었다. 전체를 클론코딩 하기 보다는, 우리가 구현할 수 있는 부분만 구현하기로 했고, 과감히 메인 화면은 구현하지 않도록 했다. 내가 맡은 부분 반응형 웹 구현 회원 가입, 로그아웃 질문 리스트 조회(2개 로그인을 했을 때/ 안했을 때), 글 검색 조회, 질문 상세 조회 - pagination/sort 구현 질문/ .. 2022. 9. 10.
[React] Colorful Diary 배포 홈페이지 https://sweesweett.github.io/react-diary-app/ Colorful Diary sweesweett.github.io 원래는 강의를 들으면서 복습 겸 만든거였다. 쓰기 귀찮아져서 깃허브의 README.md를 조금 수정해서 만들면서 힘들었던부분, 그런부분들을 적어나가려한다! !아이디어! 색상으로 오늘의 기분을 표현하는 다이어리 - 기분 점수 혹은 오늘기분 맑음 이런것 보다 눈으로 나타나면서 예쁘게 보였으면 싶어서! 색상으로 표현하는 나의 기분 이런 느낌의 아이디어를 바탕으로 구현을 시작했다 !구현 기간! 22.06~08 - 지금 듣는 국비(오전 9시~오후6시)강의 정규시간을 제외하고 만들어서 꽤나 시간이 많이 걸렸다. 리액트를 처음 다루기도했고, 강의가 중간에 리.. 2022. 9. 3.
[JS] 마우스클릭 이펙트 & 애니메이션 효과 https://sweesweett.github.io/jsprac/ JS PRAC 여기는 Js+Html+css를 연습하기 위한 공간입니다! 하나하나씩 추가할 예정이에요! 지금까지 연습한 것 중에 하나 시계보기 가위바위보! 이미지 슬라이더 이미지 슬라이더2 카드 스와이퍼 보러가기! sweesweett.github.io 마우스 클릭 이펙트는 딱 index.html에만 해뒀다. setProperty를 사용해 각각의 원이 랜덤한 위치에서 랜덤한 크기에 랜덤한 지속시간을 갖도록 설정했다. 처음에는 애니메이션을 어떻게 해야할 지 조금 이해가 되지않아서 left / top을 사용해 해당 마우스가 클릭하는 위치에 이벤트가 활성화 되도록 만들었다가 이후에 translate를 사용해 변경하였다. 애니메이션에 랜덤하게 del.. 2022. 8. 6.
본의아니게 1주일 쉬면서 하게된 자아성찰 코로나에걸리고 수업을 제대로 들어가지 못하게되면서 이전의 나의 행동들 혹은 지금의 나의 행동들을 다시돌아보게되었다.모든 행동을 합리화하고, 이정도면 됐겠지? 이러면서 복습은 하지않고 그냥 넘어가버렸다. 섹션 1,2때는 공식문서 맨날뒤지면서 공부하고 진짜 온 시간을 다쏟았는데 섹션 3이 시작되고부터 끈기와 열정을 잃어버린것 같다.노력은 안하고 이정도면 됐겠지?맨날 이러기만하고... 이걸 어쩌다 느끼게됐냐면 코로나증상이 미쳤을때(지금도 많이 힘들다ㅎㅎ) 나름 공부를하겠다고(양심에찔려서) 침대에서 꾸역꾸역일어나서 어지러운 머리를 붙잡고 대충읽고 이정도면 됐겠지하고 다시 내려와 쉬었다. 당연히 컨디션이안좋은 상태라 머리에들어오지않았고 남아있는건없었다. 생각해보니 일상생활이랑 별반 차이가없었다. 집중이되지않아 이.. 2022. 8. 3.

티스토리툴바