- 94
- 700 888
프롱트
South Korea
Registrace 22. 06. 2022
코딩, 프로그래밍 함께 공부하고 배워요 😎
frongttv@gmail.com
frongttv@gmail.com
리액트 훅 API 10개 이해 (10분컷)
기본 훅 API부터~ 최적화 API까지 빠르게 배워보세요.
(React Hooks API)
00:00 useState
00:25 useEffect
00:55 useRef
01:41 useLayoutEffect
02:25 useReducer
03:20 useContext
04:00 useMemo
05:11 useCallback
06:41 useTransition
08:58 useDeferredValue
#react #리액트
(React Hooks API)
00:00 useState
00:25 useEffect
00:55 useRef
01:41 useLayoutEffect
02:25 useReducer
03:20 useContext
04:00 useMemo
05:11 useCallback
06:41 useTransition
08:58 useDeferredValue
#react #리액트
zhlédnutí: 3 292
Video
React Conf 2024 정리 - 여전히 놀라운 리액트 !
zhlédnutí 7KPřed 3 měsíci
2024년 5월에 열린, React Conf 에 대한 이야기 입니다 React 19, RSC, React Compiler .. 공식사이트 : conf.react.dev/ #리액트 #react #frontend #reactconf2024
웹사이트 프로파일링 (feat. 크롬개발자도구)
zhlédnutí 1,6KPřed 4 měsíci
크롬개발자 도구의 몇 가지 항목으로 손쉽게 문제점을 진단해보세요 - network - performance - performance insight - lighthouse 이 영상은 초보자용은 아닙니다;
이것은 필수이며 기본입니다.
zhlédnutí 2,6KPřed 5 měsíci
자바스크립트 객체를 다룰때 가장 기본인 this 키워드를 이해해보세요. #프론트엔드 #javascript #자바스크립트 #this #bind
요즘 회사들이 원하는 역량은?
zhlédnutí 7KPřed 5 měsíci
(올해에도) 해외 채용사이트를 보면서 필요한 기술역량을 확인해 봅니다. #백엔드 #프론트엔드 #개발 #개발자 #채용
프론트엔드 세계가 여전히 복잡한 이유
zhlédnutí 8KPřed 7 měsíci
#프론트엔드 #frontend #웹개발 #자바스크립트 늦었지만 새해 복 많이 받으세요~! 올해도 즐겁고 건강하게 코딩하시고요.
figma 드리븐코딩? Next말고 no JS대세? TS 꺾이나..?
zhlédnutí 13KPřed 8 měsíci
#프론트엔드 #react #next #typescript #htmx #figma #builder.io #리액트 #피그마 #figma
함수는 (알고보면) 객체였다?
zhlédnutí 1,6KPřed 9 měsíci
자바스크립트 함수가 객체일까요? 객체처럼 사용가는 이유와 방법을 알아봅니다. 유용한 기능을 함수에서 어떻게 확장하는지도 알아봅니다. #프론트엔드 #prototype #자바스크립트 #데코레이터패턴
요즘 웹 개발이 그렇다고 합니다 (리액트와 NEXT.js 가 벌리고 있는 일들..)
zhlédnutí 22KPřed 9 měsíci
요즘 웹 개발이 그렇다고 합니다 (리액트와 NEXT.js 가 벌리고 있는 일들..)
훌륭
이 모든 프론트엔드 기술의 전국시대의 시작,, 그놈의 [깜빡임] 때문 아닙니까,,?
감사합니다
마지막 useDefferredValue는 debounce랑 동작이 비슷한게 맞을까요?
정말 유익한 정보 감사히 잘 보고 갑니다~
최신 리액트 기준 빠진 훅들이 좀잇긴한데 많이쓰는건 다있네요. 저도 사실 저중 7개빼고는 안쓰고 잇습니다. 내가 하는일엔 쓸일이 없는건지 응용을 안하는건지ㅠ
영상 맛있네요. 개념들 복습도 하고 감사합니다
제대로 보규갑니자
너무도움됩니다 감사합니다
도움이 되셨다니 감사합니다 😊
증말~ 감사합니다^^
감사합니다!
알고있던 것들은 다시 간단하게 내용 정리할 수 있었고, 새로운 것들은 알게되어 학습해볼 수 있도록 영상 만들어주셔서 감사합니다.
현재 일본에서 2년반정도 개발하는 개발자 입니다. ruby on rails개발경험으로는 우리나라게서 취업하기 힘들까요...?
국내에선 잘 사용하지 않긴하지만 웹개발 이라는 경험자체는 도움이 된다고 생각해요. 다른언어를 사이드로 학습해보시면 더 도움이 되실것 같습니다
일자리 질의 저점이 낮아서 기술적 깊이가 깊지 않아도 일자리를 얻을 수는 있는 것 뿐이지, 깊이가 필요 없는게 아니라고 봅니다
좋은 설명 감사합니다!
소개해주신 프로젝트 하나하나 난이도가 꽤 있긴 하군요 그래도 해보면 유익한게 많을거 같아요.
코딩 하면서 만드는건 좋은데 기획 + 디자인이 너무 싫어요 ㅠㅠ
그렇죠; 클론프로젝트 +@ 도 괜찮을 것 같아요
심심할 때 TV 틀어두듯 영상 켜두고 듣기 너무 좋아요~ 영상 잘 보고 있습니다.
리액트는 이제 펑셔널컴포넌트가 거의 표준이기 때문에 class컴포넌트를 분리하거나 제거하여 더 경량화해도 되지 않을까 싶내요. 스벨트가 극도로 경량화 되어 있기 떄문에... 오픈소스도 아무리 잘만들고 사용자가 많아도, 유지관리하는 팀이 오래하지 못하거나 자본적으로 어려우면 망하는건 순간 입니다.
좋은 인사이트 공유 감사합니다. 리액트 개발환경이 많이 고도화 되어서 단기간에 다른 프레임워크가 그 자리를 대체하긴 힘들어보이지만 새로운 컨셉을 가지고 또 다른 라이브러리가 유행하는 날이 오겠죠? 기대되네요 ㅎ
좋은 인사이트 공유 감사합니다. 리액트 개발환경이 많이 고도화 되어서 단기간에 다른 프레임워크가 그 자리를 대체하긴 힘들어보이지만 새로운 컨셉을 가지고 또 다른 라이브러리가 유행하는 날이 오겠죠? 기대되네요 ㅎ
아직입문할 때 react는 어려운 느낌이 있는 것 같아요. react 처음 쓰시는 분들은 안티패턴을 자주 남발하게 되거든요 ㅜㅜ
Qwik나 Lit같은건 첨들어보네요 ㄷ
적어도 한국은 리액트가 프론트엔드 계의 자바 지위를 얻었죠 ㅎㅋ 전자정부프레임워크 예제에 들어갔으니..
저는 백엔드 개발자인데 회사에서 리액트 써서 개인 프로젝트에 넥스트js로 해볼까 해서 맛봤다가 리액트 처음 공부할때만큼 어려워서 애먹다가; 스벨트킷 한번 맛봤는데 너무 쉬워서 만족중입니다. 개인적으론 이제 스벨트로 바뀔때가 되지 않았나 싶어요
스벨트좋죠!
리액트 하는사람이면 쉬울텐데
요즘 리액트 쉬워졌어요. 클래스 컴포넌트 때는 혼돈의 시간이었는데 최근부터는 겁나게 쉬워졌네요. 모던 자바 스크립트가 어려운거지 리액트 자체는 그리 어렵지 않다고 봅니다 ㅎㅎ
끝까지 개발자하려면 결국 풀스택으로 가야하는데 적어도 vue, react로 가야지 스벨트는 글쎄요...
그냥 지가 쉬운언어 어떻게든 오랬동안 유지되길 바라는 사람들 뿐이네 ..
오늘도 잘 봤습니다 감사합니다!!
잘 지내겠읍니다,,
ㅎㅎ 네 ^^
리액트가 클로저와 콜스택, 실행컨텍스트 적극 활용하는 기술이라 3번째 패턴을 많이 활용하면 리액트를 이해하는데 더 효과가 크죠
항상 잘 보고있어요!!!!!! 늘 맛있는 영상 감사합니다 !!!!!!!!!!
저도 감솨요~
감사합니당❤
저도 감사합니다 :-)
넥스트 컨퍼런스
리액트 같은 경우는 디버거 쓰면 더 복잡하던데 제가 잘못사용하고 있는건가요ㅜ
리액트는 리액트 개발자도구도 같이 활용하시면 괜찮을것 같아요.
좋은 영상 감사합니다
저도 감사합니다 :-)
감사합니다!
정리 감사합니다~ 목소리가 너무 좋아서 귀에 쏙쏙 들어오는 것 같아요
최신소식 전해주셔서 감사합니다 ㅎㅎ
안녕하세요. 작년에 웹 프론트 부트캠프를 수료하고 올해 1월에 취업해서 근무 중인 코린이 입니다. 프롱트님에게 자문을 구하고 싶은 부분이 있어서 댓글 남깁니다. 현재 회사에서 React 기반으로 프론트 업무를 담당하고 있습니다. 회사 업무는 자사 CS 프로그램을 웹으로 전환하는 작업을 수행하고 있으며 (약간 회사 내 SI 느낌으로 생각하시면 됩니다) CS 프로그램이 단순 조작, 데이터 조망 등의 기능 위주라서 주로 대시보드나 테이블 등의 화면을 구현하고 있습니다. 회사 구조 및 업무 성격 상 React를 숙달하거나 고도화 시키는 부분의 작업 시간이 적고 화면을 찍어내는 성격이 강한데, 화면을 그리고 기능이 돌아가게 하는 것 자체는 해내고 있지만 실력이 늘고있다는 느낌은 들지 않습니다. 회사에서 배우는 것은 한계가 있다고 느껴서 추가적인 시간을 투자해서 React를 더 공부하려 하는데, 어떻게 하면 좋을지 감이 잘 오지 않습니다. 일단 공식문서는 1번 정독한 상황인데 (API 부분은 제외하고, 개념적인 부분 위주로 먼저 보았습니다) 공식문서를 추가로 읽는 게 좋을지 (API 포함해서 최소 3번은 봐야한다고 하신 분이 계시긴 합니다) 아니면 인강을 찾아서 들어야 할지, 아니면 이외의 더 좋은 방법 있을지 관련해서 프롱트님 의견은 어떠신지 궁금합니다.
인강 한번 들으시고 바로 토이프로젝트 해보십시오.
프로젝트를 계속 하세요 인강은 앵간하면 듣지말고 오로직 문서로만 보면서 프로젝트 많이 만드시고 소프트웨어엔지니어링에 대해서 공부해 보셔요
좋은 질문 감사해요. 댓글 달아주시면 분들도 고맙고 의견도 다 좋네요. 제 생각을 첨언해드리면, 회사 업무 상황을 잘 모르겠지만 가급적 회사업무에서 반복적인 UI개발을 하더라도 품질을 올리는 시도를 하시거나(테스트코드, 리팩토링, 추가적인 라이브러리 적용) 성능을 올리기등의 과정을 함께 하시면 어떨까 합니다. 이런작업은 단기적으로 시간이 더 들지만 결국 UX등에도 좋은 일이고 유지보수에도 유리한 일이긴하고요. 그래서 업무를 통해서 성장하시는 것도 방법이라고 말씀드리고 싶네요.
최신소식 정리 공유 감사합니다~ 적용해보고 싶은 기능들이 많이 보이는 것 같습니다 :)
정리 감사합니다. 코린이 입장에서 마침 리액트 강의 완강했는데 정리가 어느정도 되는 느낌이네요.
피드백 감사요~
화이팅입니다
META 태그를 쓸 수 있으면 SEO 때문에 굳이 NEXT 로 넘어가는 일은 줄겠네요
서버사이드 렌더링으로 내려주는 html 콘텐츠도 seo 에 영향을 주므로 단순히 메타태그 기능이 추가가 되었다하여 next 를 안넘어가는건 아닐거같아요 😊
아닙니다..
@@lilililillllIIll 상세페이지 같은 경우 그렇네요.... 짚어주셔서 감사합니다.
ssg isr 고려하면 spa로는 한계가 있죠…
1.this는 모든 곳에 있으며, 전역에서 this를 console 찍으면 window가 찍힘. 2.객체 내에 있는 함수를 호출해서 this를 console찍으면 본인을 부른 객체를 가리킴. 3. 비동기 함수에서 this를 부르면 window를 가리킴. 4. 화살표 함수는 선언된 시점의 lexical 환경을 this로 가리킴.
대박 쉽게 설명해주십니다! 1만이 아니라 100만 deserve 하십니다!
감사합니다. 열심히 하겠습니다. 😊
잘봤습니다 ㅎ.ㅎ 혹시 프롱트님은 따로 단톡방 같은건 운영안하시나요?
네; 없습니다
초보 개발자로서 이 부분에 대해 자세히 알고 싶었는데, 이렇게 잘 설명된 영상이 있어서 너무 반가웠습니다. 영상 반복해서 볼께요. 올려주셔서 감사합니다.
전에 부캠 다닐 때 서버 담당한 사람이 C++로 서버 만들겠다고 고집 피워서 오지게 싸웠던 기억이...ㅎㅎ
php 같 …
좀 그렇…
프롱트님, 기술 면접을 봤는데 물어보신 질문들 다 답변을 했고, 면접관님께서도 답변 너무 잘 해주셨다고 해주시면서 좋았다고 해주셨는데 불합격했어요ㅠㅠ 이유가 뭘까요..?
네; 회사 사정이 급변하기도 하더라고요; 면접에서 좋은 피드백도 들으셨으니 또 좋은 기회를 맞으시길 바랄게요.
공동무시구역ㅋㅋㅋㅋㅋㅋㅠㅠ 남일같지가 않네요
지식공유 감사합니다~~~