No full content extracted yet.
Extracting…생활코딩
active · last success 2026-06-18 23:10
-
-
'로그 = 살아있는 주석' 라이브러리에 문제가 있어서 한 달을 날렸습니다. 가만히 코드를 보니까 로그를 켤 수 있는 파라미터가 숨겨져 있네요! 로그가 평소라면 백색 소음 같은 것이겠지만, 지금은 진돗개를 넘어 데프콘 상황. 지푸라기 잡는 심정으로 코드와 대조하면서 한 줄 한 줄 해석해보았습니다. 덕분에 문제 해결. 이 좋은 걸 왜 안 했을까? 프로젝트에도 로깅을 도입하기로 했습니다. 제가 필요한 도구는 이랬습니다. 서버(Node.js)와 브라우저 모두 지원하고, 기능별로 로그를 켜고 끌 수...
'로그 = 살아있는 주석' 라이브러리에 문제가 있어서 한 달을 날렸습니다. 가만히 코드를 보니까 로그를 켤 수 있는 파라미터가 숨겨져 있네요! 로그가 평소라면 백색 소음 같은 것이겠지만, 지금은 진돗개를 넘어 데프콘 상황. 지푸라기 잡는 심정으로 코드와 대조하면서 한 줄 한 줄 해석해보았습니다. 덕분에 문제 해결. 이 좋은 걸 왜 안 했을까? 프로젝트에도 로깅을 도입하기로 했습니다. 제가 필요한 도구는 이랬습니다. 서버(Node.js)와 브라우저 모두 지원하고, 기능별로 로그를 켜고 끌 수 있어야 했습니다. debug.js가 이런 기능을 지원하더군요. 맘에 드는 점은, 쉽게 로그를 켜고 끌 수 있고, 기능별로 색상도 구분해줍니다. 또 로그와 로그 사이의 소요시간도 보여줍니다. 맘에 듭니다. https://github.com/debug-js/debug 이런 말도 생각해봤습니다. 로깅 주도 개발. 로깅을 먼저 작성하고, 로깅에 해당하는 코드를 나중에 작성하는 식입니다. 기존의 레거시 코드는 ChatGPT에게 만들어달라고 하면 척척 만들어줍니다. 저는 이런 프롬프트를 사용했습니다. '위 코드에 로깅 기능을 추가해줘. 일관된 메시지 형식을 유지해, 한글을 최대한 사용하되, 키워드는 영어를 그대로 사용해줘. 로깅 메시지에는 관련된 정보는 하나의 객체 안에 포함시켜 출력해줘. 로깅 외의 코드는 수정하지 말고 원본을 유지해줘. 화이팅! ' 아직 안 하고 계셨다면 시작해보세요. -
이 수업에서는 충돌의 원리와 충돌을 해결하는 방법을 3 way merge의 관점에서 소개합니다. 목차 00:00 수업소개 00:29 3 way merge 05:46 merge와 충돌 09:14 cherry-pick와 충돌 16:49 rebase와 충돌 25:56 revert와 충돌 이 수업을 듣기 위해서 알아야 하는 개념 branch, merge 잘 모르신다면 아래 지식지도를 참고해주세요. https://seomal.com/map/1/42 이 수업을 통해서 알게 될 개념 3 way...
이 수업에서는 충돌의 원리와 충돌을 해결하는 방법을 3 way merge의 관점에서 소개합니다. 목차 00:00 수업소개 00:29 3 way merge 05:46 merge와 충돌 09:14 cherry-pick와 충돌 16:49 rebase와 충돌 25:56 revert와 충돌 이 수업을 듣기 위해서 알아야 하는 개념 branch, merge 잘 모르신다면 아래 지식지도를 참고해주세요. https://seomal.com/map/1/42 이 수업을 통해서 알게 될 개념 3 way merge, cherry-pick, rebase, revert -
No full content extracted yet.
Extracting… -
이 수업에서는 supabase의 authentication을 이용해서 social login 기능을 구현해봅니다. 행단위보안을 이용해서 Serverless app을 구현하는 방법도 함께 살펴봅니다. 선행학습 : https://www.youtube.com/watch?v=FbLzqoENTsg&feature=youtu.be 실습자료 : https://docs.google.com/document/d/1pY4gUe_cIZe-HjouKHUlWoZurhYfPIVAqYW25Fe7D8E
이 수업에서는 supabase의 authentication을 이용해서 social login 기능을 구현해봅니다. 행단위보안을 이용해서 Serverless app을 구현하는 방법도 함께 살펴봅니다. 선행학습 : https://www.youtube.com/watch?v=FbLzqoENTsg&feature=youtu.be 실습자료 : https://docs.google.com/document/d/1pY4gUe_cIZe-HjouKHUlWoZurhYfPIVAqYW25Fe7D8E -
Firebase의 대체제이면서 관계형 데이터베이스인 Postgresql을 채택하고 있는 Supabase 수업입니다. 관계형데이터베이스의 스키마와 join을 사용하면서도 Firebase의 간편함을 원하신다면 Supabase 추천합니다.
Firebase의 대체제이면서 관계형 데이터베이스인 Postgresql을 채택하고 있는 Supabase 수업입니다. 관계형데이터베이스의 스키마와 join을 사용하면서도 Firebase의 간편함을 원하신다면 Supabase 추천합니다. -
현대의 프론트엔드 개발에서 상태 관리는 필수적인 요소 중 하나입니다. Redux는 오랜 시간 동안 이 분야의 표준처럼 여겨졌지만, 그 복잡성으로 인해 많은 개발자들이 보다 쉬운 대안을 찾고 있습니다. Facebook에서 개발한 Recoil은 이러한 니즈에 부합하는 혁신적인 상태 관리 라이브러리로, 그 직관적인 API와 유연성으로 빠르게 인기를 얻고 있습니다. 이 도구가 Redux에 비해 어떤 장점을 가지고 있는지, 그리고 현대의 React 개발에 어떻게 적용될 수 있는지 함께 알아보겠습니다.
현대의 프론트엔드 개발에서 상태 관리는 필수적인 요소 중 하나입니다. Redux는 오랜 시간 동안 이 분야의 표준처럼 여겨졌지만, 그 복잡성으로 인해 많은 개발자들이 보다 쉬운 대안을 찾고 있습니다. Facebook에서 개발한 Recoil은 이러한 니즈에 부합하는 혁신적인 상태 관리 라이브러리로, 그 직관적인 API와 유연성으로 빠르게 인기를 얻고 있습니다. 이 도구가 Redux에 비해 어떤 장점을 가지고 있는지, 그리고 현대의 React 개발에 어떻게 적용될 수 있는지 함께 알아보겠습니다. -
CSS에서 레이아웃을 구현하는 것이 꽤 까다롭습니다. flexbox를 이용하면 적은 코드로 많은 일을 할 수 있습니다. 목차 : 00:34 사례 04:15 원리 05:08 flex-direction 07:31 justify-content 08:25 주축, 교차축 13:38 flex-basis 14:42 flex-grow 16:55 flex-shrink 19:16 flex-wrap 이 수업으로 알게 될 것들. display:flex은 flex 기능을 활성화 한다....
CSS에서 레이아웃을 구현하는 것이 꽤 까다롭습니다. flexbox를 이용하면 적은 코드로 많은 일을 할 수 있습니다. 목차 : 00:34 사례 04:15 원리 05:08 flex-direction 07:31 justify-content 08:25 주축, 교차축 13:38 flex-basis 14:42 flex-grow 16:55 flex-shrink 19:16 flex-wrap 이 수업으로 알게 될 것들. display:flex은 flex 기능을 활성화 한다. flex-direction:row는 수평, column은 수직으로 자식을 배치한다. justify-content : 주축 방향으로 배치를 결정한다. align-items : 교차축 방향으로 배치를 결정한다. flex-basis : 자식의 기본 크기를 지정한다. flex-grow : 여백을 분배하는 정책을 지정한다. flex-shrink : 여백을 각출하는 정책을 지정한다. flex-wrap : 여백이 없을 때 줄바꿈 정책을 지정한다. 수업이 끝나면 레이아웃에 대한 자신감이 생겨날 것입니다. -
Database, PostgreSQL을 처음 접하는 분을 위한 수업입니다. 수업에서 다루는 내용 - 설치 - PgAdmin - 스키마, 테이블의 개념 - SQL insert, select, update, delete 다루지 않는 내용 - JOIN - Relational Data Modeling - Index - Backup - Cloud 이 수업의 선행, 후생 수업은 지식지도 서말을 이용해주세요. https://seomal.com/map/1/303
Database, PostgreSQL을 처음 접하는 분을 위한 수업입니다. 수업에서 다루는 내용 - 설치 - PgAdmin - 스키마, 테이블의 개념 - SQL insert, select, update, delete 다루지 않는 내용 - JOIN - Relational Data Modeling - Index - Backup - Cloud 이 수업의 선행, 후생 수업은 지식지도 서말을 이용해주세요. https://seomal.com/map/1/303 -
총 18개의 동영상으로 이루어진 Next.js 수업입니다. 전체수업은 아래 채널에서 볼 수 있습니다. opentutorials (권장) - https://opentutorials.org/course/5098 youtube 재생목록 - https://www.youtube.com/watch?v=9KOaR6QMb9A&list=PLuHgQVnccGMCwxXsQuEoG-JJ7RlwtNdwJ 선행학습 : React : https://seomal.com/map/1/220 생활코딩 소식 메일링 리스트 :...
총 18개의 동영상으로 이루어진 Next.js 수업입니다. 전체수업은 아래 채널에서 볼 수 있습니다. opentutorials (권장) - https://opentutorials.org/course/5098 youtube 재생목록 - https://www.youtube.com/watch?v=9KOaR6QMb9A&list=PLuHgQVnccGMCwxXsQuEoG-JJ7RlwtNdwJ 선행학습 : React : https://seomal.com/map/1/220 생활코딩 소식 메일링 리스트 : https://page.stibee.com/subscriptions/8851 생활코딩 인스타 그램 : https://www.instagram.com/coohde/ -
총 18개의 동영상으로 이루어진 Next.js 수업입니다. 전체수업은 아래 채널에서 볼 수 있습니다. opentutorials (권장) - https://opentutorials.org/course/5098 youtube 재생목록 - https://www.youtube.com/watch?v=9KOaR6QMb9A&list=PLuHgQVnccGMCwxXsQuEoG-JJ7RlwtNdwJ 선행학습 : React : https://seomal.com/map/1/220 생활코딩 소식 메일링 리스트 :...
총 18개의 동영상으로 이루어진 Next.js 수업입니다. 전체수업은 아래 채널에서 볼 수 있습니다. opentutorials (권장) - https://opentutorials.org/course/5098 youtube 재생목록 - https://www.youtube.com/watch?v=9KOaR6QMb9A&list=PLuHgQVnccGMCwxXsQuEoG-JJ7RlwtNdwJ 선행학습 : React : https://seomal.com/map/1/220 생활코딩 소식 메일링 리스트 : https://page.stibee.com/subscriptions/8851 생활코딩 인스타 그램 : https://www.instagram.com/coohde/ -
총 18개의 동영상으로 이루어진 Next.js 수업입니다. 전체수업은 아래 채널에서 볼 수 있습니다. opentutorials (권장) - https://opentutorials.org/course/5098 youtube 재생목록 - https://www.youtube.com/watch?v=9KOaR6QMb9A&list=PLuHgQVnccGMCwxXsQuEoG-JJ7RlwtNdwJ 선행학습 : React : https://seomal.com/map/1/220 생활코딩 소식 메일링 리스트 :...
총 18개의 동영상으로 이루어진 Next.js 수업입니다. 전체수업은 아래 채널에서 볼 수 있습니다. opentutorials (권장) - https://opentutorials.org/course/5098 youtube 재생목록 - https://www.youtube.com/watch?v=9KOaR6QMb9A&list=PLuHgQVnccGMCwxXsQuEoG-JJ7RlwtNdwJ 선행학습 : React : https://seomal.com/map/1/220 생활코딩 소식 메일링 리스트 : https://page.stibee.com/subscriptions/8851 생활코딩 인스타 그램 : https://www.instagram.com/coohde/ -
총 18개의 동영상으로 이루어진 Next.js 수업입니다. 전체수업은 아래 채널에서 볼 수 있습니다. opentutorials (권장) - https://opentutorials.org/course/5098 youtube 재생목록 - https://www.youtube.com/watch?v=9KOaR6QMb9A&list=PLuHgQVnccGMCwxXsQuEoG-JJ7RlwtNdwJ 선행학습 : React : https://seomal.com/map/1/220 생활코딩 소식 메일링 리스트 :...
총 18개의 동영상으로 이루어진 Next.js 수업입니다. 전체수업은 아래 채널에서 볼 수 있습니다. opentutorials (권장) - https://opentutorials.org/course/5098 youtube 재생목록 - https://www.youtube.com/watch?v=9KOaR6QMb9A&list=PLuHgQVnccGMCwxXsQuEoG-JJ7RlwtNdwJ 선행학습 : React : https://seomal.com/map/1/220 생활코딩 소식 메일링 리스트 : https://page.stibee.com/subscriptions/8851 생활코딩 인스타 그램 : https://www.instagram.com/coohde/ -
총 18개의 동영상으로 이루어진 Next.js 수업입니다. 전체수업은 아래 채널에서 볼 수 있습니다. opentutorials (권장) - https://opentutorials.org/course/5098 youtube 재생목록 - https://www.youtube.com/watch?v=9KOaR6QMb9A&list=PLuHgQVnccGMCwxXsQuEoG-JJ7RlwtNdwJ 선행학습 : React : https://seomal.com/map/1/220 생활코딩 소식 메일링 리스트 :...
총 18개의 동영상으로 이루어진 Next.js 수업입니다. 전체수업은 아래 채널에서 볼 수 있습니다. opentutorials (권장) - https://opentutorials.org/course/5098 youtube 재생목록 - https://www.youtube.com/watch?v=9KOaR6QMb9A&list=PLuHgQVnccGMCwxXsQuEoG-JJ7RlwtNdwJ 선행학습 : React : https://seomal.com/map/1/220 생활코딩 소식 메일링 리스트 : https://page.stibee.com/subscriptions/8851 생활코딩 인스타 그램 : https://www.instagram.com/coohde/ -
총 18개의 동영상으로 이루어진 Next.js 수업입니다. 전체수업은 아래 채널에서 볼 수 있습니다. opentutorials (권장) - https://opentutorials.org/course/5098 youtube 재생목록 - https://www.youtube.com/watch?v=9KOaR6QMb9A&list=PLuHgQVnccGMCwxXsQuEoG-JJ7RlwtNdwJ 선행학습 : React : https://seomal.com/map/1/220 생활코딩 소식 메일링 리스트 :...
총 18개의 동영상으로 이루어진 Next.js 수업입니다. 전체수업은 아래 채널에서 볼 수 있습니다. opentutorials (권장) - https://opentutorials.org/course/5098 youtube 재생목록 - https://www.youtube.com/watch?v=9KOaR6QMb9A&list=PLuHgQVnccGMCwxXsQuEoG-JJ7RlwtNdwJ 선행학습 : React : https://seomal.com/map/1/220 생활코딩 소식 메일링 리스트 : https://page.stibee.com/subscriptions/8851 생활코딩 인스타 그램 : https://www.instagram.com/coohde/ - End of feed
