본문 바로가기

🍿 Project15

React로 Slider 구현 & React에서 Canvas로 곡선 그래프 그리기 (+globalCompositeOperation ) Jenny와 airbnb사이트 프로젝트를 진행하며 요금부분의 그래프를 구현한 내용입니다. 무엇보다도 canvas와 slider구현을 위한 엄청난 수학적 계산을 해주신 Jenny에게 이글을 바칩니다.. 🌹 폴더 구조는 이렇게 되어있는데 아래 Slider 과 ChartCanvas로 나눠서 구성했다. 📈 Slider Slider에는 총 2개의 상태가 있다. const { priceData, priceDispatch } = useContext(SearchContext); const [avg, setAvg] = useState((min + max) / 2); const [min, max] = [0, 1000000]; priceData : slider 가 가리키는 min,max 값 / useContext로 관리 a.. 2021. 6. 2.

[SidePJ] airdnd 1부 - 프로젝트 시작 ! 이번주 프로젝트는 3주간 😎Jenny 🧐Dong 과 함께하게 되었다 첫날은 역시 BE,FE 와 컨벤션과 git repository관리 등을 정하고 Jenny와는 Component구조를 짰다. ⬇️ Component구조 설계도 https://app.diagrams.net/#G13ElfK5XcWA_TtAZ3Bh6-GEVlhodBu7gh Flowchart Maker & Online Diagram Software Flowchart Maker and Online Diagram Software diagrams.net (formerly draw.io) is free online diagram software. You can use it as a flowchart maker, network diagram softwar.. 2021. 5. 28.

[side PJ ] ⚾️야구게임 - 문제상황과 해결과정 리액트에서의 상태관리는 중요하다는 것을 느끼게 하는 프로젝트였는데, 이번에는 상태관리의 문제로 착각한 경우로 짝궁인 오톰과 함께 3시간을 삽질했다.&0& 📌문제발생 1 팀을 선택했을 때 선택한 팀의 정보를 setState하여 하위 다른 component에서 사용하려 했으나 데이터가 렌더링 되지 않음 StartScreen안의 handleClickTeam const handleClickTeam = async () => { let teamId; if (type === 'home') { teamId = game.homeTeamId; } else { teamId = game.awayTeamId; } try { const { data } = await axios.get( `http://13.209.109.186/b.. 2021. 5. 20.

[Side PJ] 야구게임 - 삽질과 배운점🛠 복잡한 상태관리를 통해 간단한 야구게임을 만들어 보는 미니 프로젝트를 진행했다. 백엔드에서 API를 제공해 주었고, 간단한 로직같은 경우는 FE단에서 관리하기로 결정했다. 프로젝트를 진행하며 겪었던 크고 작은 error들과 배웠던 점을 정리해보겠습니다-! VS Code 사소한 문법 맞추기 [ Setting -> quote 검색 -> 수정 ] 오톰과 함께 프로그래밍 하면서 발견한 사소한 번거로움은 바로 VS Code 저장 시 자동 적용되는 문법 설정이 다르다는 것 JS에서 문자열이 auto로 되어있고 Prettier 상 JSX 도 체크가 안되있었지만 single, check 로 맞추었다. merge할때 이런 사소한 부분이 변경사항으로 기록되었기 때문에 고쳐주었는데 협업할 때 이런 사소한 문제도 발생하는구.. 2021. 5. 20.

todo List 프로젝트 github.com/ink-0/todo-list ink-0/todo-list 그룹프로젝트 #1. Contribute to ink-0/todo-list development by creating an account on GitHub. github.com drive.google.com/file/d/1oYTYGl66v7Ztu6pCm7KOqUYrTiAkRaRV/view 2021. 4. 10.

코드스쿼드 마스터즈 프론트 엔드 1달차 회고 저의 회고는 지극히 일기형식으로 되어있어 가독성이 떨어짐을 미리 경고합니다 😏 3주차의 바램 1) 주말엔 1주일간의 내용을 복습하자🤓 완전히 내것이 되게 만들자 2) 기록 또 기록✏️ 결국 개발자에게 남는건 기록, 그리고 흔적 조금의 귀찮음을 이겨야 행복한 내가 될거야 3) 미션 풀이에 집착 금지⚠️ 미션 완수에 급급해 쉬운방법으로만 코딩하지 말자. 오늘 배운 새롭고 낯선 개념에 부딪히기 함수형 프로그래밍 21.01.19 화 am4:31 함수형 프로그래밍은 나에게 객체형프로그래밍보다 의욕을 가져왔다. 나름 알게모르게 애정을 가지고 있었나보다. 오전 미션을 받고 문제는 제쳐두고 열심히 서치했다. 함수형 프로그래밍이 뭔지, 클로저가 뭔지 순수함수는 또 뭔지. MDN을 먼저 읽고 돌고도는 설명에 블로그 5-6.. 2021. 2. 18.

이전 1 2 다음

티스토리툴바