일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 자료구조
- 풀이
- 2623
- 백준
- 13459
- LOLIN D32
- OpenVidu
- 데이터 링크 계층
- Vite 사용 이유
- TDD란?
- mediastream
- dp
- 3XN 타일링
- stl
- 백준 2133
- REACT
- 1796
- 구현
- 페이지교체알고리즘
- RBT
- TDD
- 구슬탈출
- WebRTC란
- 9996
- 테스트주도개발
- ESP32
- 메모리계층
- 적두트리
- c++
- tfjs
- Today
- Total
목록분류 전체보기 (75)
그냥 블로그
프로젝트에서 실시간 포즈 감지를 프론트에서 하게 되었다. '-` 사용 언어 : TypeScript, React 프레임워크 / 라이브러리 : vite, Recoil, eslint, prettierignore, 빠른 제작을 위해 모델은 https://teachablemachine.withgoogle.com/ Teachable Machine Train a computer to recognize your own images, sounds, & poses. A fast, easy way to create machine learning models for your sites, apps, and more – no expertise or coding required. teachablemachine.withgoogle...
웹 제작을 하면서 자주 마주친 CORS.... 그게 뭔지 찾아볼 생각은 안하고 걍 아 X같네 ~ 하고 넘어갔었던 기억이 난다. proxy? 라는 파일을 추가해서 막았던 거 같은데 한번 알아보자!! CORS (Cross-Origin-Resource-Sharing)브라우저가 보안적인 이유로 cross-origin HTTP 요청들을 제한한다. 그래서 cross-origin 요청을 하려면 서버의 동의가 필요하다. 만약 서버가 동의한다면 브라우저에서는 요청을 허락하고, 동의하지 않는다면 브라우저에서 거절한다. 이러한 허락을 구하고 거절하는 메커니즘을 HTTP-header를 이용해서 가능한데, 이것을 CORS라고 한다! cross-origin cross-origin이란 다음 중 한 가지라도 다른 경우를 말한다...
선택 정렬 : 가장 작은 수를 찾아 앞으로 보내준다 O(N^2) 버블 정렬 옆에 있는 값과 비교해서 더 작은 값을 앞으로 보낸다 옆에 있는 값과 비교해서 더 작은 값을 반복적으로 앞으로 보내는 정렬 방법이다. 구현은 가장 쉽고 가장 비효율적인 알고리즘이다. #include int main(void){ int i, j, temp; int array[10] = {1, 10, 5, 8, 7, 6, 4, 3, 2, 9}; for(i = 0; i
MVC, MVVM 이 두가지는 면접 단골이다.. 근데 잘 모름 ㅎ MTV는 Django의 디자인 패턴인데, Django를 다뤄본 경험이 있어서 함께 적어보기로 했다. 디자인패턴이란 다수의 엔지니어들이 일반화된 패턴으로 소프트웨어 개발을 할 수 있도록 한 규칙, 커뮤니케이션의 효율성을 높이는 기법 공통점 : 각 부분을 독립적으로 개발할 수 있어 하나를 수정하고 싶을 때 모두 건들지 않아도 됨. => 개발 효율성 및 유지보수의 간편화, 다수의 멤버로 개발하기 용이 MVC ( 모델 - 뷰 - 컨트롤러 ) 모델 : 앱에 사용되는 데이터와 그 데이터를 처리한다.. 데이터의 상태 변경 시, 모델을 일반적으로 뷰에게 알리며(필요한 대로 화면 변경) 가끔 컨트롤러에게 알리기도 함. 뷰 : 앱의 데이터를 보여주는 방식을..
생성(mounting) -> 엽데이트(updating) -> 제거(unmounting) 의 생명주기를 갖는다. 클래스 컴포넌트는 라이프 사이클 메서드를 사용, 함수형 컴포넌트는 Hook을 사용한다. Class Component 생명 주기 마운트 constructor : 컴포넌트 생성자 메서드, 컴포넌트 실행 시 가장 먼저 실행되는 메서드, this.props, this.state에 접근 가능하고 리액트 요소 반환 getDerivedStateFromProps : props로부터 파생된 state를 가져온다. 즉 props로 받아온 것을 state에 넣어주고 싶을 때 사용 render : 컴포넌트를 렌더링하는 메서드 componentDidMount : 컴포넌트가 마운트 됨, 즉 컴포넌트의 첫번째 렌더링이 마..
공통, 특화 프로젝트를 각각 React, React Native로 진행했다. 처음에는 마냥 리액트가 업계에서 많이 쓰인다는 말을 듣고 사용하게 되었는데, 그래서 정확히 무엇인지, 어떤 장점이 있는지 잘 모르고 있다는 생각에 포스팅을 해보기로 했다. 1. 리액트 상황 2. 리액트의 장점 2.1 SSR과 SPA 2.2 컴포넌트 기반의 화면 구성 2.3 Virtual DOM 2.4 선언형과 간결성 2.5 리액티브 프로그래밍 2.6 MVC 중 V만! 3. +번외 3.1 SSR vs CSR / SPA vs MPA 3.2 리액트 상황 2022년 자바스크립트 현황에 따르면 React가 4위로 나타난다. Solid, Svelte, Qwik 같은 새로운 프론트엔드 프레임 워크가 리액트에 도전 중이라고... 그래도 여전히..