HOT
- 날짜 및 시간 예약 기능 구현하기 / with react-datepicker 1. 날짜 및 시간 선택 기능 구현하기 구현하려는 기능 1. 현재 날짜를 기준으로 6일 뒤까지만 예약이 가능하도록한다. 2. 예약하고자 하는 날짜를 선택하면 해당하는 날짜의 타임테이블을 불러온다. 3. 전체 타임 테이블 중에서 예약이 가능한 시간만 버튼이 활성화 되도록 한다. 4. 시간을 선택하고 예약하기를 누르면 예약 날짜와 시간을 서버로 보낸다. 내가 생각한 로직 1. 현재 날짜를 기준으로 예약 가능한 날짜 활성화 2. 예약 날짜 선택과 동시에 해당하는 날짜의 타임테이블 불러오기 3. 예약 가능한 시간만 버튼 활성화 4. 예약 시간 선택 5. 날짜와 시간이 모두 선택 될 때만 예약하기 버튼 활성화 6. 예약하기 버튼을 누르면 결제 단계로 이동 2. 구현에 필요한 라이브러리 비교하기 필요한 라이브러리 ..
- Local Storage & Session Storage란? Local Storage & Session Storage란? [ 목차 ] 1. Web Storage 개념 2. storage 이벤트 3. local Storage란? 4. session Storage란? 5. Web Storage & Cookie 비교 6. cookie가 아닌 Web Storage를 사용하는 이유 1. Web Storage 개념 localStorage와 sessionStorage ko.javascript.info HTML5 에는 웹의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage 스펙이 포함되어 있습니다. Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴입니다. 그리고 영구저장소(LocalStorage)와 임..
- [카카오맵 API] Kakao maps & Naver maps API 비교 및 카카오맵으로 지도 기능 구현하기 카카오맵 & 네이버맵 API 비교 및 카카오맵으로 지도 기능 구현하기 [Index] 1. 카카오맵 API와 네이버지도 API 비교 2. 카카오맵을 선택한 이유 3. 카카오맵으로 지도 기능을 구현하는 과정 하나의 글에서 관련된 모든 내용을 다루려고 하니 가독성이 떨어져 기존에 작성했던 반응형으로 지도 구현하기 (with Kakao Map) 에서 map API 기능 분석 및 지도 구현 과정을 분리해 다시 작성된 글입니다. [ 최종적으로 구현한 모습 ] 1. 카카오맵 API와 네이버지도 API 비교 우선 구글맵은 국내 데이터가 카카오맵이나 네이버지도보다 부족해 정확도가 떨어지는 경우가 발생하여 제외했습니다. 카카오맵 API 특징 사용하기 쉽고 직관적인 JavaScript API를 제공합니다. 지도 SDK를 통..
- 프론트엔드 개발자 취준 회고 | 1년만에 다시 돌아온 회고록 안녕하세요! 작년 8월에쓴 회고록을 끝으로 1년 만에 돌아온 크리스탈입니다~작년 12월을 끝으로 블로그에 따로 글을 올리지 않았는데도 많은 분들이 찾아주셔서 놀랐습니당열심히 써둔 글들이 다른분들께 도움이 되고 있는 것 같아 기쁘네요.마지막 회고록에서 소식이 끊겨 근황을 궁금해 하시는 분들도 계셨는데용이제야 조금 여유가 생겨서 근황을 들고 왔습니당 가장 궁금해 하실 결과부터 말씀드리자면~저는 현재 판교에서 개발자로 일하고 있구용이제 따끈따끈한 3개월차가 되었습니당 헤헤(쏘리쥘러~!!!!!!@!@@!@) 작년 연말 취준을 하면서 여러가지로 일이 많아 블로그를 잠시 멈췄는데요올초까지 계속 취준하면서 바쁘게 지내느라 글을 써두고도 올리지 못했네용취준하는 동안 정리해뒀던 면접 질문 정리본과 면접썰? 같은것 두 ..
what's new?
- 프론트엔드 개발자 취준 회고 | 1년만에 다시 돌아온 회고록 안녕하세요! 작년 8월에쓴 회고록을 끝으로 1년 만에 돌아온 크리스탈입니다~작년 12월을 끝으로 블로그에 따로 글을 올리지 않았는데도 많은 분들이 찾아주셔서 놀랐습니당열심히 써둔 글들이 다른분들께 도움이 되고 있는 것 같아 기쁘네요.마지막 회고록에서 소식이 끊겨 근황을 궁금해 하시는 분들도 계셨는데용이제야 조금 여유가 생겨서 근황을 들고 왔습니당 가장 궁금해 하실 결과부터 말씀드리자면~저는 현재 판교에서 개발자로 일하고 있구용이제 따끈따끈한 3개월차가 되었습니당 헤헤(쏘리쥘러~!!!!!!@!@@!@) 작년 연말 취준을 하면서 여러가지로 일이 많아 블로그를 잠시 멈췄는데요올초까지 계속 취준하면서 바쁘게 지내느라 글을 써두고도 올리지 못했네용취준하는 동안 정리해뒀던 면접 질문 정리본과 면접썰? 같은것 두 .. 2024.06.30
- 프로그래밍 패러다임 | Part2. 명령형과 객체지향형 프로그래밍 프로그래밍 패러다임 | Part2. 명령형과 객체지향형 프로그래밍 [index] 1. 명령형 프로그래밍이란? 2. 객체지향형 프로그래밍이란? 2-1 객체지향형 프로그래밍이란? 2-2. 객체 지향 프로그래밍의 특징 4가지 2-3. 객체 지향 프로그래밍 설계 원칙 SOLID 2-4. SOLID 원칙을 적용하는 예시 1. 명령형 프로그래밍이란? 명령형 프로그래밍은 프로그램이 어떻게 수행되어야 하는지를 명시적으로 정의하는 프로그래밍 패러다임 중 하나입니다. 이는 컴퓨터에게 단계별로 실행해야 할 명령을 명시하고 상태 변화를 통해 원하는 결과를 얻어내는 방식으로 작동합니다. 주로 명령형 프로그래밍에서는 변수, 할당문, 제어문(조건문, 반복문), 서브루틴 등을 사용하여 작성됩니다. 프로그램이 어떻게 실행되어야 하는지.. 2023.12.18
- 프로그래밍 패러다임 | Part1. 선언형과 함수형 프로그래밍 프로그래밍 패러다임 | Part1. 선언형과 함수형 프로그래밍 [index] intro 프로그래밍 패러다임 1. 프로그래밍 패러다임(Programming Paradigm)이란? 2. 프로그래밍 패러다임의 분류 Part.1 선언형과 함수형 프로그래밍 1 선언형 프로그래밍(Declarative Programming)이란? 2. 함수형 프로그래밍이란? 2-1. 함수형 프로그래밍의 정의 2-2. 함수형 프로그래밍의 특징 2-3. 함수형 프로그래밍의 장점 2-4. 함수형 프로그래밍의 단점 2-5. 함수형 프로그래밍의 중요성 3. 마무리 intro 프로그래밍 패러다임 1. 프로그래밍 패러다임(Programming Paradigm)이란? 프로그래밍 패러다임이란 프로그래밍의 관점을 갖게 하는 개발 방법론입니다. 일부 .. 2023.12.18
- [Design Patterns] MVC Pattern, MVP Pattern, MVVM Pattern MVC Pattern, MVP Pattern, MVVM Pattern [index] 1. MVC(Model-View-Controller) 패턴 2. MVP(Model-View-Presenter) 패턴 3. MVVM(Model-View-ViewModel) 패턴 4. 마무리+ 디자인 패턴이 무엇인지 모른다면? https://reveur1996.tistory.com/149 [디자인 패턴] 디자인 패턴이란?디자인 패턴이란? 1. 디자인 패턴이란? 2. 디자인 패턴 구조 3. 왜 디자인 패턴을 알아야할까? 4. 디자인 패턴에 대한 부정적인 시각 5. 디자인 패턴의 분류 6.마무리 1. 디자인 패턴이란? 패턴은 알reveur1996.tistory.com 1. MVC(Model-View-Controller) 패턴1... 2023.12.12
- [Design Patterns] 노출 모듈 (Revealing Module) 패턴 노출 모듈 (Revealing Module) 패턴[index] 1. 노출 모듈 (Revealing Module) 패턴이란? 2. 노출 모듈 (Revealing Module) 패턴의 장점 3. 노출 모듈 (Revealing Module) 패턴의 단점 4. 노출 모듈 (Revealing Module) 패턴 적용 예시 5. 마무리+ 디자인 패턴이 무엇인지 모른다면? https://reveur1996.tistory.com/149 [디자인 패턴] 디자인 패턴이란?디자인 패턴이란? 1. 디자인 패턴이란? 2. 디자인 패턴 구조 3. 왜 디자인 패턴을 알아야할까? 4. 디자인 패턴에 대한 부정적인 시각 5. 디자인 패턴의 분류 6.마무리 1. 디자인 패턴이란? 패턴은 알reveur1996.tistory.com 1. .. 2023.12.12
- [Design Patterns] 행위 패턴(Behavioral Patterns) | 반복자 (Iterator) 패턴 행위 패턴(Behavioral Patterns) | 반복자 (Iterator) 패턴[index] 1. 반복자 (Iterator) 패턴이란? 2. 반복자 (Iterator) 패턴의 장점 3. 반복자 (Iterator) 패턴의 단점 4. 반복자 (Iterator) 패턴 적용 예시 5. 마무리+ 디자인 패턴이 무엇인지 모른다면? https://reveur1996.tistory.com/149 [디자인 패턴] 디자인 패턴이란?디자인 패턴이란? 1. 디자인 패턴이란? 2. 디자인 패턴 구조 3. 왜 디자인 패턴을 알아야할까? 4. 디자인 패턴에 대한 부정적인 시각 5. 디자인 패턴의 분류 6.마무리 1. 디자인 패턴이란? 패턴은 알reveur1996.tistory.com 1. 반복자 (Iterator) 패턴이란? .. 2023.12.12