일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- cmarket
- variable#function
- https://developer-talk.tistory.com/299
- @redux-toolkit
- react
- UX
- CSS
- JS#3일차달리자#초반인데#시간금방~
- 자바스크립트#조건문#문자열
- slice/splice/split
- for~in/for~of
- 자바스크립트#JS#slice#splice
- https://www.daleseo.com/js-array-slice-splice/
- ㄷㅌ
- 자바스크립트
- User Flow
- js
- 내장고차함수
- redux상태유지
- Beesbeesbees
- removeCookie
- UI
- https://lo-victoria.com/introduction-to-redux-toolkit-for-beginners
- https://dasima.xyz/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%A0%9C%EA%B3%B1-math-pow-%EA%B3%84%EC%82%B0/
- 노드교과서
- children vs childrenNodes
- dom
- 자바스크립트#JS#var#let#const#undefined#null
- 헷갈린다~
- toString#String
- Today
- Total
목록Code개발일지 (93)
Daily Front_Minhhk
📌 HTTP HTTP 클라이언트 서버 구조 Request Response 구조 무상태 프로토콜(Stateless) 로그인이 필요 없는 단순한 서비스 소개 화면 같은 경우,, 장점: 서버 확장성 높음(스케일 아웃)→(응답 서버를 쉽게 바꿀 수 있어 무한한 서버 증설 가능) 단점: 클라이언트가 추가 데이터 전송 비연결성(Connectionless) 요청을 주고받을 때만 연결을 유지하고 응답을 주고 나면 TCP/IP 연결을 끊는다 따라서 최소한 자원으로 서버유지 가능 HTTP 메세지 단순함, 확장 가능 📌 HTTPS (HTTP Secure) 암호화 방식 데이터를 암호화를 할 때에는 암호화할 때 사용할 키, 암호화한 것을 해석(복호화)할 때 사용할 키가 필요합니다. 이 때 암호화와 복호화할 때 사용하는 키가 동..
IP 📌 IP는 지정한 IP 주소(IP Address)에 패킷(Packet)이라는 통신 단위로 데이터 전달을 합니다. (요청, 응답) 패킷 단위로 전송을 하면 노드들은 목적지 IP에 도달하기 위해 서로 데이터를 전달합니다. 이를 통해 복잡한 인터넷 망 사이에서도 정확한 목적지로 패킷을 전송할 수 있습니다. IP 와 IP Packet의 한계 비연결성 패킷을 받을 대상이 없거나 서비스 불능 상태여도 패킷 전송 비신뢰성 중간에 패킷이 사라질 수 있음 중간에 있는 서버가 데이터를 전달하던 중 장애가 생겨 패킷이 중간에 소실되더라도 클라이언트는 이를 파악할 방법이 없다. 패킷의 순서를 보장할 수 없음 전달 데이터의 용량이 클 경우 이를 패킷 단위로 나눠 데이터를 전달하게 되는데, 이때 패킷들은 중간에 서로 다른 ..
💡 웹 접근성(Web Accessibility) 일반적으로 웹 접근성은 장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것을 뜻합니다. 웹 접근성을 갖추면 얻을 수 있는 효과 1. 사용자층 확대 웹 접근성을 확보하면 장애인, 고령자 등 정보 소외 계층도 웹 사이트를 자유롭게 이용할 수 있게 됩니다. 그만큼 사이트의 이용자를 늘릴 수 있고, 새로운 고객층을 확보할 수 있게 됩니다. 실제로 웹 접근성 향상을 통해 매출이 증가한 외국 쇼핑몰 사례도 있으며, 국내 온라인 쇼핑몰에서도 노년층의 매출이 증가 추세를 보이고 있습니다. 2. 다양한 환경 지원 앞서 이야기 했듯 정보 소외 계층이 아니더라도 정보에 접근하기 어려운 상황에 처할 수 있습니다. 운전 ..
웹 표준 W3C(World Wide Web Consortium)에서 권고하는 ‘웹에서 표준적으로 사용되는 기술이나 규칙’ 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹 페이지 제작 기법을 담고있습니다. 웹 개발에 사용되는 언어인 HTML, CSS, JavaScript 등의 기술을 다룹니다. 💡 인터넷은 ‘전 세계적으로 연결되어있는 컴퓨터 네트워크 통신망’을 의미 웹뿐만 아니라 온라인 게임, 모바일 앱, 이메일 등 네트워크를 사용하는 다양한 서비스들을 모두 포함합니다. 웹과 인터넷을 혼동하지 않도록 주의해주세요! 💡 웹은 ‘공간’으로 정의할 수 있습니다. 문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 공간이 ‘웹’입..
📌 이전에 Cmarket Hooks 로 만들었던 장바구니를 Redux로!! 테스트 케이스는 이렇다. 위에서 부터 하나하나 구현 해보자! 전체적으로는 구현되어 있었고, 부분적으로 구현해야할 부분은?! //TODO 를 찾아 해보자 Dispatch함수에 에 넘겨줄 인자 Action을 작성해보자! Reducer함수에 전달할 Dispatch 함수를 작성 테스트 케이스가 잘 통과되었다면, store 상태가 잘 변경 될 것이다~ addToCart는 작성이 되어 있었다. 참고하여 removeFromCart 와 setQuantity 작성 actions/index.js // action types export const ADD_TO_CART = "ADD_TO_CART"; export const REMOVE_FROM_CAR..
Redux 데이터 흐름 Redux는 다음과 같은 순서로 상태를 관리합니다. 상태가 변경되어야 하는 이벤트가 발생하면, 변경될 상태에 대한 정보가 담긴 Action 객체가 생성됩니다. 이 Action 객체는 Dispatch 함수의 인자로 전달됩니다. Dispatch 함수는 Action 객체를 Reducer 함수로 전달해줍니다. Reducer 함수는 Action 객체의 값을 확인하고, 그 값에 따라 전역 상태 저장소 Store의 상태를 변경합니다. 상태가 변경되면, React는 화면을 다시 렌더링 합니다. 즉, Redux에서는 Action → Dispatch → Reducer → Store 순서로 데이터가 단방향으로 흐르게 됩니다. 리덕스의 3가지 규칙 하나의 애플리케이션 안에는 하나의 스토어를 가져야 한다..