https://goddaehee.tistory.com/299함수형 컴포넌트랑 클래스형 컴포넌트가 다름

참고 강의입니다! https://www.youtube.com/watch?v=vo0PW3V5zU&list=PLuHgQVnccGMA4guyznDlykFJh28R08Q-&index=2 OAuth 란? 사용자가 우리 서비를 이용해서 내용을 입력하면 google faceboo

프로젝트에서 redux를 사용하고자 한다.하지만 무작정 redux를 사용하는 것은 나와 맞지 않다.redux를 왜 쓰는지context api와 비교해서 알아보고자 한다.참고글 👇https://blog.isquaredsoftware.com/2021/01/con

branch 분기점을 만들 수 있다. git init 명령을 총해 초기화하고 레포지토리에 연결하는 과정을 진행하게 되면 기본 브랜치가 master이 된다. 앞에 언급된 명령어 git config --global init.defaultBranch main로 설치 후

기글 포레스트 - 웹기반 음성 채팅 메타버스giggle.forest.com공개 소프트웨어 개발자 대회는 무엇을 만들었는가 보다 어떤 과정으로 만들어 왔는지를 중요하게 생각한다.체계적인 협업이 중요한다.초점프로젝트 참여가 모두 같은 곳을 바라보아야 한다.왜 이 프로젝트를

오픈 정의코드가 잘 돌아가야한다.대다수의 사람이 인정할 수 있는 코드가 반영되어야 한다.코드가 밖으로 나와아야 한다.때문에 10가지의 정의를 잘 지켜 오픈 소스로서의 의미를 가져야 한다.코드를 재배포 할 수 있어야 한다.특정 그룹이나 회사나 개인에 대해서 차별할 수 없

전역을 상태관리 해준다! 또한, 비즈니스 로직을 분리해준다. data를 불러오는 과정을 컴포넌트와 불리해줄 수 있다. 때문에 redux를 사용하면 컴포넌트를 화면을 그리는 코드만 들어갈 수 있다.

O(logN)lower bound 및 upper bound는 모두 경계값을 찾는 함수다. 이 함수는 반드시 정렬이 된 값들에서만 사용할 수 있다.정렬할 값찾는 값 찾기찾고자 하는 값이 가장 처음으로 나오는 위치를 찾는 함수찾고자 하는 값에 집중한다.탈출 조건 left

소프트웨어와 하드웨어를 연결하는 소프트웨어 계층커널: 메모리에 상주하는 운영체제넓은 운영체제 : 커널 뿐 아니라 각종 주변 시스템 유틸리티 포함한 개념여러 사용자와 여러 프로그램들을 편리하게 사용할 수 있는 인터페이스를 제공한다.자원을 효율적 자원(프로세스, 파일, 메

Next.js는 React 라이브러리의 프레임워크이다.next.js는 pre-reloading을 통해 미리 데이터가 렌더링된 페이지를 가져올수 있게 해주므로 사용자에게 더 좋은 경험을 주고, 검색 엔진에 잘 노출 될 수 있도록 해주는 SEO에서도 장점을 얻을 수 있다고

요청을 구분할 수 있도록 하는 “체계” 클라이언트, 서버와 같은 서로 다른 프로그램에서요청과 응답을 주고 받을 수 있게 만든 체계입니다. 클라이언트에서 요청을 보내고, 서버 컴퓨터는 요청을 받아서 응답을 해준다. 이때 요청을 구분하기 위한 주소는 “서버주소/A”의

LAN - 컴퓨터를 연결하는 지역LAN < MAN < WAM전자기파는 매질이 필요없다.전자기파는 빛의 속도로 퍼져나간다.전자기파를 발생시키는 원리 - 교류발전의 원리전파에 정보를 어떻게 담을까?카카오톡 설치 -> 앱 실행 -> 보조기억장치에 카카오톡 실행 파

20세기에 태어난 것 자체가 신기하다.집에서 수돗꼭지를 틀면 물이 나오고, 위치를 키면 불이 들어오고 멀리 살고 있는 친구에게 전화를 하면 내 목소리가 전달된다.태어나서 지금까지 과학의 발전으로 간편한 생활을 해왔지만,여전히 지금도 신기하다.컴퓨터도 그 중 하나였다.컴

언어는 다양하다 왜 다양해야 할까? 사용되는 목적이 다르기

2일에 걸쳐서 하나의 앱을 개발은 완성했습니다.많은 기능을 구현하지 못했지만, 많은 것을 배울 수 있었습니다.useState를 왜 사용해야 하는지useMemo를 왜 써야 하는지component를 왜 생성해야 하는지MVC를 맞춰서 개발을 어떻게 해야할지CSS 작업할 때는

스크롤바 기능은 하지만 보이지는 않게 하기실패모든 영화를 포함하고 있는 div에 styles를 적용해주어야 한다.여기서 white-space는 CSS white-space 속성은 요소가 공백 문자를 처리하는 법을 지정한다.이미지들의 나열이기 때문에 불필요하다고 판단해서

디자인적 감각이 부족하지만, 혼자서 프로젝트를 진행할 때는 어쩔 수 없이 디자인을 해야할 상황에 놓입니다.✅ 아무리 대충 프로젝트를 진행한다고 해도, 큰 틀 없이 진행하면 흔들거리는 젠가처럼 쉽게 무너지고 모든 코드를 다시 수정해야하는 상황이 많았습니다.✅ 때문에 디자

Model : 데이터와 관련된 부분View : 사용자한테 보여지는 부분Controller : Model과 View를 이어주는 부분유지보수를 위해서model은 controller와 view에 의존하지 않아야 한다.view는 model에만 의존해야 하고, controlle

applicationprogramminginterface=> 사용 규칙을 제공하는 것요청주소 (GET, POST)전송방식보낼 것get 방식 주소창에 모든 정보를 담아 정보를 전달하는 방식post 방식 주소창이 아니라 내부적으로 정보를 전송하는 방식json 자바스크립트의

👇 https://react.vlpt.us/styling/02-css-module.html 사이트에서 랜덤한 클래스 이름의 유용성에 대해서 알았습니다. 파일 별로 관리할 수 있게 된것(import, export)는 NodeJS 환경이라서 가능하다.