어? 쓰흡... 하아....

프론트 엔드 개발 공부 일지

Todo

Posting Subject ★자료 구조와 시간 복잡도 CleanCode 함수편 예외처리 실전 Git HTML CSS Series 쿠키와 캐시 context 정리 > this 재정리 > scope정리 > closuer > async prototype 포스팅 js 문법 설탕 Todos tes...

Recursion

문제 풀이 모음

String Reverse 문제: 주어진 문자열을 뒤집어 반환해라 ex:) ‘awesome’ => ‘emosewa’ // ‘rithmschool’ => ‘loohcsmhtir’ 내 풀이 1 2 3 4 function reverse(str) { if (str.length === 1) return str; return str.sli...

모르는 것만 골라서 해본 썰

사실 정말 시간내에 해낼 수 있을까 잠이 오질 않았다...

코드스테이츠에서 진행한 파이널 프로젝트에 대한 회고 글입니다😀 이 링크는 팀원들과 나눈 회고담입니다 배포된 프로젝트는 여기서 확인하실 수 있습니다 🚲새로운 기술 배우기 사실 저희 팀은 첫 번째 프로젝트를 마치기 전부터 다음 프로젝트에서 공부하고 싶었던 것들이 있었습니다😅 프로젝트의 스펙은 전에 배우지 못했던 것들을 추가적으로 공부하는 방향으로 정해...

Sliding Window

문제 풀이 모음

Grumpy Bookstore Owner 🎁링크 문제: 심술궂은 서점 주인은 X분 동안 친절해질 수 있는 스킬이 있다. 주인은 스킬을 단 1회 사용 할 수 있다(X분을 쪼개서 사용 할 수 없음) 손님들이 가장 만족했을 때의 만족도 총 합을 구하여라. Input1 : 손님 수의 배열(index 하나당 1분이며, 손님은 1분만 가게에 머문다) Inp...

Pointer

풀었던 문제 모음

Count unique value 문제: 배열에서 unique한 요소의 갯수를 반환해라 내 풀이 멀티플 포인터를 적용해 풀어보았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 function countUniqueValues(arr):number{ let startPointer = 0; let endPointe...

Frequency

풀었던 문제 모음

Valid Anagram LeetCode 242 내 풀이 Count 패턴을 적용해 풀어보려고 했다. 풀이 방향은 잘 잡았지만 중간에 count[]++ 과 ++count[]의 차이를 잠시 헷갈려 그 부분을 디버깅 하는데 시간이 걸렸다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 function isAnag...

Firebase와 React로 웹게임 만든 썰 2

Context로 Global State를 관리하려는 원대한 꿈이 있었는데요 없었습니다

이 링크는 팀원들과 나눈 회고담입니다 Firebase와 React로 웹게임 만든 썰1에서 이어집니다. 그렇게 UI 작업은 마무리 되었습니다. 그 뒤로 우리가 갖고 있던 계획은 이렇습니다. React가 Redux를 대체하기 위해 Context를 만들으니, hook과 Context만 있다면 Redux없이 상태관리가 가능 할 것이다! 🧾Cont...

Firebase와 React로 웹게임 만든 썰 1

Atomic design과 styled-component

코드스테이츠에서 진행한 첫 번째 프로젝트를 마무리하며 정리하는 회고 글 입니다 Deploy된 게임은 이 주소에서 즐기실 수 있습니다. 모바일 지원이 되므로 핸드폰으로 즐기시는 것을 추천드립니다😉 https://whats-dat-dev.web.app/new-game 이 링크는 팀원들과 나눈 회고담입니다 🎮언제든 다시 모여 즐길 수 있는 게임을 만들 ...

3. 함수

"클린 코드 정독 시리즈 3"

클린 코드를 읽고 공부한 내용을 정리한 글입니다. Function 😂서문 (나의 흑역사) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 function renderPage(){ const root ...

[React] Styled Components 사용기

이 글은 styled components에 대해 공부하며 정리하는 목적으로 작성 되었습니다. 잘못된 정보는 지적해주시면 바로 정정하겠습니다! 🎀 styled-components styled components는 javascript에서 css를 사용 할 수 있도록 도와주는 스타일링 프레임워크입니다. React Component에 특정 스타일링을 ...