일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- children vs childrenNodes
- https://www.daleseo.com/js-array-slice-splice/
- variable#function
- 자바스크립트
- for~in/for~of
- 자바스크립트#JS#var#let#const#undefined#null
- 자바스크립트#조건문#문자열
- https://developer-talk.tistory.com/299
- react
- redux상태유지
- toString#String
- 자바스크립트#JS#slice#splice
- removeCookie
- JS#3일차달리자#초반인데#시간금방~
- ㄷㅌ
- UI
- CSS
- js
- https://lo-victoria.com/introduction-to-redux-toolkit-for-beginners
- 노드교과서
- slice/splice/split
- 헷갈린다~
- cmarket
- 내장고차함수
- Beesbeesbees
- 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/
- UX
- User Flow
- @redux-toolkit
- dom
- Today
- Total
목록Code개발일지 (93)
Daily Front_Minhhk
👀 Hook 함수형 컴포넌트에서 state 값 및 다른 여러 기능을 사용하기 편하게 해주는 메소드로, function으로만 React를 사용할 수 있게 해주기 때문에 Class Component에서는 동작하지 않는다. ✔ Hook 사용 규칙 1. React 함수의 최상위에서만 호출해야 한다. 반복문, 조건문, 중첩된 함수 내에서 실행 시, 동작하지 않는다. 2. React 함수 내에서만 사용되어야 한다. 리액트 함수형 컴포넌트나 커스텀 Hook이 아닌 다른 일반 JavaScript 함수 안에서 호출해서는 안 된다는 의미이다. useMemo란? useMemo는 특정 값(value)를 재사용하고자 할 때 사용하는 Hook입니다. import { useMemo } from "react"; function Ca..
번들링 현대 웹 개발에서, 프론트엔드 개발자에게 번들은 “사용자에게 웹 애플리케이션을 제공하기 위한 파일 묶음" 사용자가 브라우저를 열고 주소를 입력하면, 해당 주소에서 프론트엔드 개발자가 번들링한 여러 파일을 받습니다. 이 파일을 브라우저가 실행하여 멋진 웹 애플리케이션을 사용자에게 제공하게 됩니다. Webpack Webpack이란 여러 개의 파일을 하나의 파일로 합쳐주는 모듈 번들러를 의미합니다. 모듈 번들러란 HTML, CSS, JavaScript 등의 자원을 전부 각각의 모듈로 보고 이를 조합해 하나의 묶음으로 번들링(빌드)하는 도구입니다. 모듈 번들러(Module Bundler)의 등장 모던 웹으로 발전하면서 JavaScript 코드의 양이 절대적으로 많이 증가했고, 또 대규모의 의존성 트리를 ..
반응형 웹이란 여러 장치의 다양한 특성에 대응하는 하나의 웹 문서 또는 사이트로써 브라우저의 크기(스크린의 크기, 디바이스의 종류)에 실시간으로 반응하여 크기에 따라 레이아웃이 변하는 웹 사이트를 의미 즉, 하나의 소스 코드로 모든 스크린에 최적화된 웹 사이트를 구축할 수 있는 방법론, 디바이스 종류에 따라 웹페이지의 크기가 자동적으로 재조정되는 것 장점, 효율적인 유지보수 검색엔진(SEO) 최적화 유리 단점, 사이트의 속도 저하 웹브라우저 호환성 문제 head에 link태그 head에 style 태그 CSS 파일이나 태그 안에서 미디어 쿼리 작성 @media 미디어 타입 (조건(너비 및 높이)) { (CSS 입력하는 부분) } --예제 @media screen (max-width: 400px) { bo..
💻 브라우저 웹 브라우저라고도 하고, 웹 탐색기라고도 하는 브라우저는 웹 서버에서 양방향으로 통신을 하며 HTML 문서 및 그림, 멀티미디어 등의 컨텐츠를 열람할 수 있게 해주는 GUI 기반의 소프트웨어 프로그램입니다. 브라우저는 페이지를 다운로드 하기 위해 응용 계층의 대표적인 프로토콜인 HTTP를 통해 송수신을 합니다. 🖥️ 브라우저의 특징과 웹의 동작 원리 브라우저는 사용자가 선택한 자원(Resource)를 서버에 요청(Request)하고, 서버의 응답(Response)을 브라우저에 띄우는(Rendering) 방식으로 동작합니다. 여기서 자원은 대개 HTML 문서이나 가끔 PDF, 멀티미디어 등 다른 형태일 수 있으며, 자원의 주소는 URI(Uniform Resource Identifier)로 되어..
자료구조란 무엇일까요? 자료구조란 여러 데이터의 묶음을 저장하고, 사용하는 방법을 정의한 것입니다. ... 데이터(data)는 무엇일까요? 데이터는 문자, 숫자, 소리, 그림, 영상 등 실생활을 구성하고 있는 모든 값 Stack의 특징 1. LIFO(Last In First Out) 2. 데이터는 하나씩 넣고 뺄 수 있습니다. 3. 하나의 입출력 방향을 가지고 있습니다. 4. 저장되는 데이터는 유한하고 정적이어야 합니다. 5. 스택의 크기는 제한되어 있습니다. 브라우저 활용: 뒤로가기, 앞으로가기 입력 : push / 출력 : pop Queue의 특징 1. FIFO (First In First Out) 2. 데이터는 하나씩 넣고 뺄 수 있습니다. 3. 두 개의 입출력 방향을 가지고 있습니다. enqueu..
🌙 나가자!!!!!!!!!!! 드가자!!!!!!!!!!! Keep: 만족스러운 부분, 계속 이어가면 좋을 부분 유어클래스 기반으로 꾸준하게 학습 진행하며 잘 따라가자! 스터디 참여 -> 공부! 헬스는 여전히 항상 매일ㄱㄱ 인강은 꾸준히! 프로그래머스 문제 풀기 Problem: 개선이 필요하다고 생각되는 부분 집중력! 나태함! 정신을! 차리자! 실력개선, 복습 -> 도 여전히 비슷한거 같다 체감상,, 배운것은 있는데 뭔가 활용을 못하니 답답 책 읽기ㅋㅋ 저번 회고랑 똑같다~~ 핑계라면 딴게 할게 너무 많다~ Try: Keep과 Problem을 기반으로 실천해 보고자 하는 것 인강+프로그래머스+코플릿 ㄱㄱ 오전에 정신을 차리기도 여전히 열심히 차려보자! 독서도 좀 하고,, 프로젝트 대비도 뭔가 해야할 것 같..