전체 글
-
[1인 헤어샵 예약 시스템 구현기] firebase로 실시간 예약 시스템 구현하기프론트엔드 개발자가 될거야./react 2022. 10. 28. 15:30
https://jeongeuni.tistory.com/72 [1인 헤어샵 예약 시스템 구현기] 초기세팅과 firebase (기술스택: react, ts, redux-toolkit, styled-component + 부트캠프를 수료한 후 개인적으로 typeScript, redux-toolkit을 공부해서 프로젝트 리팩토링도 하고 개인 프로젝트도 했다. 기초적인 toDoList, 가위바위보 게임을 구현했었기에 더 깊게 파볼 수 있는 프 jeongeuni.tistory.com 백엔드가 없으면 한정된 mock데이터로만 작업해야 하는 아쉬움이 있었다. 이번에 firebase을 공부해서 실시간으로 user의 데이터가 반영되는 헤어샵 예약 시스템을 만들었다. 이거 구현할 수 있을까? 하는데 했다. 뿌듯하다. 역시 하..
-
[코딩테스트] 프로그래머스 소수찾기 자바스크립트프론트엔드 개발자가 될거야./코딩테스트 2022. 10. 25. 12:48
어렵다.. 내가 푼 답은 테스트 10번부터, 효율성 테스트는 통과를 못했다..╥﹏╥ 일단 이 문제에서 알아야 할 것. 1과 자신을 제외한 값으로 나누었을 때 나머지가 0인 값이 1개라도 나오면 소수가 아니다. 일종의 노가다 방식이라 상당히 무식한 방법이긴 하지만, 특정 범위가 주어지고 그 범위 내의 모든 소수를 찾아야 하는 경우, 아직까지 소수들 간의 연관성(=소수를 생성할 수 있는 공식)이 나오지 않았으므로 에라토스테네스의 체보다 빠른 방법이 없다. 프로그래밍에도 수학적 지식이 필요하다는 걸 일깨워주는 좋은 예시. https://namu.wiki/w/%EC%97%90%EB%9D%BC%ED%86%A0%EC%8A%A4%ED%85%8C%EB%84%A4%EC%8A%A4%EC%9D%9..
-
[1인 헤어샵 예약 시스템 구현기] 초기세팅과 firebase (기술스택: react, ts, redux-toolkit, styled-component + firebase)프론트엔드 개발자가 될거야./react 2022. 10. 21. 16:14
부트캠프를 수료한 후 개인적으로 typeScript, redux-toolkit을 공부해서 프로젝트 리팩토링도 하고 개인 프로젝트도 했다. 기초적인 toDoList, 가위바위보 게임을 구현했었기에 더 깊게 파볼 수 있는 프로젝트를 하고싶었다. 이에 적절한 토이프로젝트가 뭐가 있을까? 고민하다가 1인 미용실 예약 시스템을 구현하기로 했다. 기술스택은 react, ts, redux-toolkit, styled-component + firebase 이정도! 항상 backend가 없어서 한정적인 데이터만 보여줄 수 있으니 아쉬웠는데 firebase로 예약정보를 관리해보려고 한다. 기대된다!!!! firebase과의 만남... 이 글에는 초기세팅과 firebase를 어떻게 세팅하는지 적어보려고한다. https://..
-
[코딩테스트] 프로그래머스 삼총사 자바스크립트프론트엔드 개발자가 될거야./코딩테스트 2022. 10. 21. 12:24
이번에 1단계로 새로 나온 문제인 듯하다. 1단계 중에서도 2단계 같은 1단계가 있는데 이 문제는 딱 1단계에 어울리는 듯 하다. 코테의 기본인 for문을 떠올려야 하며 게다가 삼중 for문이기 때문이다. 문제 설명이 좀 긴데 읽으면서 '오 for문 세 개 해서 풀면 되겠는데??' 하는 생각이 바로 떠올랐다. 프로젝트하면서 map을 주로 써서 for문보다 map이 좋고 편했는데 코딩테스트 문제는 for문으로 많이 접근을 해야 하는 것 같다. 꾸준히 풀어서 그런지 이제 for문에도 익숙해진 것 같다. 뿌듯하다 : ) 더 잘하고 싶다 코딩 테스트.....!! 문제 설명 한국중학교에 다니는 학생들은 각자 정수 번호를 갖고 있습니다. 이 학교 학생 3명의 정수 번호를 더했을 때 0이 되면 3명의 학생은 삼총사라..
-
자바스크립트는 어떤 언어?, 브라우저 동작원리, 동기와 비동기CS지식 2022. 10. 20. 11:36
자바스크립트가 어떤 언어인지 공부하다가 브라우저의 작동원리, 이벤트 루프, 동기와 비동기 등 많은 개념들이 엮어있어서 이해하느라 정말 오래걸렸다. 내가 알게된 그 결과물을 공유하려고 한다! 📌 자바스크립트는 어떤 언어 인가요? 자바스크립트가 어떤 언어인 줄 알고 제대로 이해한다면 웹 브라우저 동작원리와 동기와 비동기 방식의 처리까지 함께 알 수 있다. 그만큼 자바스크립트가 어떤 언어인지 파악하는 것은 매우 중요하다. 아무튼! 자바스크립트는 싱글 스레드 언어이다. 여기서 스레드란? 실행 중인 프로그램 내에서 실제로 작업을 수행하는 주체를 의미한다. 즉, 일을하는 주체이다. 이 사진을 보면 자바스크립트는 스레드가 하나이기 때문에 taskA, taskB, taskC가 있더라도 작성된 순서대로 작업을 처리한다...
-
[코딩테스트] 프로그래머스 음양더하기 자바스크립트프론트엔드 개발자가 될거야./코딩테스트 2022. 10. 14. 02:16
테스트를 통과했지만 다른 사람들의 답안을 보고 정말 참신한 해결책이 많다는 것을 뼈저리게 느꼈기에 기록으로 남기기로 했다. 다양한 해결법들을 보니 이 다양한 해결법 중 가장 효율이 좋은 방법을 골라 구현할 수 있을 정도의 실력자가 되고싶어졌다. 잘하고싶다!! 문제 설명 어떤 정수들이 있습니다. 이 정수들의 절댓값을 차례대로 담은 정수 배열 absolutes와 이 정수들의 부호를 차례대로 담은 불리언 배열 signs가 매개변수로 주어집니다. 실제 정수들의 합을 구하여 return 하도록 solution 함수를 완성해주세요. 제한사항 absolutes의 길이는 1 이상 1,000 이하입니다. absolutes의 모든 수는 각각 1 이상 1,000 이하입니다. signs의 길이는 absolutes의 길이와 같..
-
[코딩테스트] 프로그래머스 2016년 자바스크립트프론트엔드 개발자가 될거야./코딩테스트 2022. 10. 13. 20:21
이 문제를 풀기 전에 알면 좋은 개념이 있다. 바로 "Date객체" ! https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date Date - JavaScript | MDN JavaScript Date 객체는 시간의 한 점을 플랫폼에 종속되지 않는 형태로 나타냅니다. Date 객체는 1970년 1월 1일 UTC(협정 세계시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값을 담습니다. developer.mozilla.org 나는 "Date 객체를 만드는 여러가지 방법"을 통해 해결할 수 있었다. let today = new Date() let birthday = new Date('December 17, 1995 03..
-
[코딩테스트] 프로그래머스 약수의 개수와 덧셈 자바스크립트프론트엔드 개발자가 될거야./코딩테스트 2022. 10. 11. 11:34
이 문제는 풀이과정을 머릿속에 꼭꼭 저장해두고 싶다. 왜냐하면 많은 사실을 깨달을 수 있기 때문에!!!!!!👊🏻 이 문제를 풀기위해 먼저 알아야 할 것이 있다. - Math.sqrt(16) = 4 : Math.sqrt(숫자)는 제곱근을 구해준다. (16의 제곱근 4) - Number.isInteger(숫자) : Number.isInteger(숫자)는 숫자가 정수면 true, 아니면 false 제곱근이 정수면 약수는 홀수이다!!!!!! => 머릿속에 넣자 "제곱근 정수 === 약수 홀수" ex) 16의 제곱근은 4로 정수이다. ⇒ 약수의 개수 1,2,4,8,16 총 5개다. ⇒ 16의 약수 = 홀수 문제 설명 두 정수 left와 right가 매개변수로 주어집니다. left부터 right까지의 모든 수들 중..