- Видео 55
- Просмотров 296 367
얼쑤 ALLSSU
Южная Корея
Добавлен 15 июн 2012
GoodDay!
Developer ALLSSU 유튜브입니다.
Developer ALLSSU 유튜브입니다.
리액트 프레임워크 Next.js (Next.js 소개, 5초걸리는 API로 SSR vs CSR)
React 강의 보심? Next.js도 간단함!
서버에서 5초 걸리는 API를 통해 Server Side Rendering이랑 Client Side Data Fetching을 비교해봄.
00:00 소개
01:30 장점
03:25 세팅
06:15 백엔드 라우팅
07:42 클라이언트 사이드 API
15:50 SSR (서버 사이드 렌더링)
19:00 정리 (CSR vs SSR)
서버에서 5초 걸리는 API를 통해 Server Side Rendering이랑 Client Side Data Fetching을 비교해봄.
00:00 소개
01:30 장점
03:25 세팅
06:15 백엔드 라우팅
07:42 클라이언트 사이드 API
15:50 SSR (서버 사이드 렌더링)
19:00 정리 (CSR vs SSR)
Просмотров: 552
Видео
자바스크립트 라이브러리 리액트 (React Component, Props, State, 최신 코드 예제)
Просмотров 4922 года назад
React 한번 해보실? 절대 어렵지 않아요! 컴포넌트와 속성, 상태를 통해 20분동안 React가 뭐하는 친구인지 같이 살펴봐요🤩 github repository : github.com/allssu/react-tutorial 00:00 React 소개 01:07 컴포넌트 (Component) 02:03 속성 (Props) 04:03 상태 (State) 04:30 코드로 보는 리액트 08:08 버튼과 텍스트 만들기 09:39 State 만들기 12:16 Component 끌어올리기 15:52 Props 만들기 20:40 요약 및 정리
AWS CDK로 만든 EC2 서버에 도커 설치하기
Просмотров 5342 года назад
AWS CDK를 통해 인프라를 코드로 작성해보고, 만든 서버에 도커를 설치해서 Nginx를 띄워봅니다 00:00 CDK 소개 00:44 CDK 프로젝트 세팅 02:52 CDK로 EC2 만들기 14:52 Security Group 추가 및 접속 21:15 EC2 Instance Docker 설치 23:26 EC2 Docker Nginx 실행
디스코드 봇 - 셀렉트 메뉴 (discord.js v13)
Просмотров 2,6 тыс.2 года назад
앞으로 디스코드 봇에 무슨 기능이 더 추가될지 두근두근 하네요! 셀렉트 메뉴를 통해 봇과 상호작용 하는 방법을 알아보고 개발합니다! 슬래시커맨드 봇을 만들고 오면 더 좋아요😆 : ruclips.net/video/4LAGhoYQl4o/видео.html github repository : github.com/allssu/discordjs-select-menus 00:11 내용 소개 00:28 봇 세팅 03:58 셀렉트메뉴 개발 15:50 멀티 셀렉트 기능 추가 18:59 Embed 응답 개발
디스코드 봇 - 버튼과 응답하는 컬렉터 개발 (discord.js v13)
Просмотров 6 тыс.2 года назад
버튼기능 좋아요🥰 (조금 난이도가 있지만) 슬래시커맨드 봇을 만들고 오면 더 좋아요😆 : ruclips.net/video/4LAGhoYQl4o/видео.html git repository : github.com/allssu/discordjs-buttons 00:00 데모 00:08 내용 소개 01:13 프로젝트 세팅하기 02:44 버튼 만들기 05:52 버튼클릭 반응하기(컬렉터) 10:27 버튼 추가하기 12:39 코드 개선하기
디스코드 봇 - 슬래시커맨드 여러 서버와 글로벌로 등록하기 (discord.js v13)
Просмотров 2,6 тыс.2 года назад
💻 길드 봇(개발용도) / 글로벌 봇(출시용도) 나누는게 제일 효율적인 듯. 같이쓰면 등록한 커맨드가 안지워지는 문제가 있는거 같아요😂 슬래시커맨드 봇을 만들고 오면 더 좋아요😆 : ruclips.net/video/4LAGhoYQl4o/видео.html github : github.com/allssu/discordjs-multiple-server github (슬래시커맨드 튜토리얼) : github.com/allssu/discordjs-slash-command 00:00 내용 소개 00:12 복습(슬래시커맨드 세팅) 04:08 서버 추가 04:46 여러 서버 등록 기능 개발 07:11 두개 등록하고 테스트 07:32 글로벌 커맨드 소개 08:09 글로벌 커맨드 등록 단점 08:34 글로벌 커맨드 등록...
디스코드 봇 - 슬래시커맨드 파일 분리 (discord.js v13)
Просмотров 3,8 тыс.2 года назад
뭐든 쪼개면 개발자가 편함. 슬래시커맨드 봇을 만들고 오면 더 좋아요😆 : ruclips.net/video/4LAGhoYQl4o/видео.html github repository : github.com/allssu/discordjs-slash-command 00:00 이전 내용 소개 01:28 커맨드 분리 소개 01:44 서버정보 명령어 등록 03:22 유저정보 명령어 등록 04:56 if-else의 문제점은? 06:02 여러 파일로 분리하는 기능 만들기 12:24 서버정보 파일 분리 13:38 유저정보 파일 분리
노드몬 - Node.js 프로젝트 자동 리로드 유틸리티
Просмотров 1,3 тыс.2 года назад
디스코드 봇, nestjs 등 노드 프로젝트에는 거의 필수죠😆 node.js로 만드는 무엇이던 간에, 개발할때 노드몬을 붙이면 편해집니다! nodemon : www.npmjs.com/package/nodemon 00:00 자동새로고침 예시 00:11 node.js 프로젝트 생성 00:54 노드몬이 없다면? 01:31 노드몬 세팅하기 02:43 노드몬으로 서버 실행하기 02:58 디스코드 봇에 노드몬붙이기 05:05 노드몬으로 자바스크립트를 쉽게
디스코드 봇 - 맨땅에서 슬래시커맨드까지 (discord.js v13)
Просмотров 19 тыс.2 года назад
윈도우에서 시작하는 튜토리얼! discord.js 13버전을 통해서 슬래시 커맨드를 만들고, 봇을 동작시켜봐요🥳 봇 개발에 도움되는 여러가지 개발 방법도 있습니다! 00:00 오프닝 및 소개 00:41 개발환경 세팅 (node, vscode, git) 03:23 봇 개발 프로젝트 생성 07:44 디스코드 봇 어플리케이션 생성 10:58 봇 온라인 만들기 16:06 슬래시 커맨드 등록 21:28 봇 응답(액션) 개발 22:34 커맨드 추가하기
discord.js v13 패치 리뷰와 디스코드 봇 개발 이야기
Просмотров 1,1 тыс.2 года назад
2021.08 갑자기 v13이 떠서 많이 놀랬습니다. 좀 늦었지만 뭐가 생긴지 보고 앞으로 즐겁게 봇 개발 해봐요! 00:00 내용 소개 00:42 Intents 소개 02:28 슬래시커맨드(Slash Command) 04:19 2020 디스코드 봇의 미래 04:41 2021 슬래시커맨드 출시 05:04 파이썬에서 사용불가 05:40 v13 사용의 어려움 06:47 discord.js v13 정리 07:00 쩌는 봇을 개발하려면 08:36 뭐가 안되고 막힐때 10:38 앞으로 얼쑤는?
패러렐즈는 싫어. 맥에서 클라우드 윈도우 빌려 써보자
Просмотров 1,1 тыс.2 года назад
M1 맥북에서 클라우드로 잠깐 윈도를 빌려볼게요. 🚨 소량의 비용이 발생할 수 있습니다. 영상 중간의 요금 항목을 참고해주시고, 사용하신 후 꼭 EC2에서 [인스턴스 종료]👈 를 해서 요금이 나가는걸 방지해주세요! 00:00 내용 소개 00:37 AWS 접속 01:06 EC2 시작 02:27 EC2 가격 정책 03:30 크레딧 설명 04:04 스토리지 설정 및 보안그룹 04:51 키페어 생성 05:19 윈도우 암호 획득 06:48 접속 클라이언트 받기 07:56 클라우드 윈도우 접속 08:50 윈도우 탐험 09:30 S3 소개 10:03 EC2 삭제 및 정리
AWS Amplify GraphQL #5(fin) - 클라우드 리소스 삭제 및 정리
Просмотров 2633 года назад
Amplify Framework는 프론트엔드부터 백엔드까지 웹 어플리케이션을 서버 걱정 없이 클라우드에 만들 수 있는 오픈소스 프레임워크입니다. 이번에는 Amplify GraphQL로 만드는 TodoList 시리즈입니다. 마지막 시간으로 Amplify로 만든 클라우드 리소스들을 Amplify 커맨드를 통해 삭제합니다. Github Repo : github.com/allssu/amplify-graphql-nextjs #AWS #Amplify #Serverless 00:00 내용 소개 00:10 amplify status(현재 상태) 00:38 amplify remove api(특정 리소스 삭제) 01:05 amplify push(삭제 상태 배포) 01:42 클라우드 리소스 삭제 확인 02:03 ampli...
AWS Amplify GraphQL #4 - 실시간 웹 (GraphQL Subscriptions)
Просмотров 2913 года назад
Amplify Framework는 프론트엔드부터 백엔드까지 웹 어플리케이션을 서버 걱정 없이 클라우드에 만들 수 있는 오픈소스 프레임워크입니다. 이번에는 Amplify GraphQL로 만드는 TodoList 시리즈입니다. 네번째 시간으로 GraphQL Subscriptions 기능을 통해서 실시간 웹을 구현해봅니다. Github Repo : github.com/allssu/amplify-graphql-nextjs #AWS #Amplify #Serverless 00:00 내용 소개 00:32 GraphQL 스키마 변경 및 배포 02:06 UUID 추가 04:35 GraphQL Subscriptions 추가 08:48 정리
AWS Amplify GraphQL #3 - React 앱에 Amplify GraphQL 붙이기
Просмотров 4233 года назад
Amplify Framework는 프론트엔드부터 백엔드까지 웹 어플리케이션을 서버 걱정 없이 클라우드에 만들 수 있는 오픈소스 프레임워크입니다. 이번에는 Amplify GraphQL로 만드는 TodoList 시리즈입니다. 세번째 시간으로 React(Next.js) Application에 GraphQL 백엔드를 aws-amplify 디펜던시를 통해서 연동하고, GraphQL API를 호출해볼게요☺️ Github Repo : github.com/allssu/amplify-graphql-nextjs #AWS #Amplify #Serverless 00:00 내용 소개 00:39 Next.js 앱에 Amplify 연결 02:36 GraphQL 조회 추가 09:19 GraphQL 등록 추가 17:15 정리
AWS Amplify GraphQL #2 - GraphQL(Appsync) 백엔드 만들기
Просмотров 8123 года назад
Amplify Framework는 프론트엔드부터 백엔드까지 웹 어플리케이션을 서버 걱정 없이 클라우드에 만들 수 있는 오픈소스 프레임워크입니다. 이번에는 Amplify GraphQL로 만드는 TodoList 시리즈입니다. 두번째 시간으로 GraphQL 백엔드 개발을 Amplify를 통해서 서버리스로 쉽게 진행합니다. Github Repo : github.com/allssu/amplify-graphql-nextjs #AWS #Amplify #Serverless 00:00 내용 소개 00:35 Amplify 세팅 01:08 시작하기 (amplify init) 02:16 API 추가(amplify add api) 04:09 GraphQL 스키마 05:03 클라우드 상태 및 배포(amplify status, ...
AWS Amplify GraphQL #1 - React UI 꾸미기 (Next.js + Chakra UI)
Просмотров 6153 года назад
AWS Amplify GraphQL #1 - React UI 꾸미기 (Next.js Chakra UI)
AWS Amplify - 리액트에 인증(Auth)이 넘모 쉽게 만들어지잖앙....
Просмотров 1,1 тыс.3 года назад
AWS Amplify - 리액트에 인증(Auth)이 넘모 쉽게 만들어지잖앙....
디스코드 봇 - 24시간 구동을 위한 클라우드 배포와 CI/CD 구성(AWS CodeStar)
Просмотров 6 тыс.3 года назад
디스코드 봇 - 24시간 구동을 위한 클라우드 배포와 CI/CD 구성(AWS CodeStar)
[React / Spring Boot] ToDoList #4(fin) - 리액트 컴포넌트 분리 / 마무리
Просмотров 1,9 тыс.3 года назад
[React / Spring Boot] ToDoList #4(fin) - 리액트 컴포넌트 분리 / 마무리
[React / Spring Boot] ToDoList #3 - 리액트 개발 및 스프링 부트 연동 (+ CORS 설정)
Просмотров 8 тыс.3 года назад
[React / Spring Boot] ToDoList #3 - 리액트 개발 및 스프링 부트 연동 ( CORS 설정)
[React / Spring Boot] ToDoList #2 - 코틀린 스프링 부트 개발(Spring MVC, Spring Data)
Просмотров 4,5 тыс.3 года назад
[React / Spring Boot] ToDoList #2 - 코틀린 스프링 부트 개발(Spring MVC, Spring Data)
[React / Spring Boot] ToDoList #1 - 강의 소개, 개발 환경 세팅
Просмотров 8 тыс.3 года назад
[React / Spring Boot] ToDoList #1 - 강의 소개, 개발 환경 세팅
윈도우 개발환경 세팅 - WSL2, Windows Terminal, Docker 설치
Просмотров 22 тыс.3 года назад
윈도우 개발환경 세팅 - WSL2, Windows Terminal, Docker 설치
5단계 명령어 넣으니 바로 문구가 안뜨고 한참 있다가 에러가 뜨는데 문제가 뭔가요
왜 wsl에서 명령어를 안치고 ubuntu에서 치나요?
감사해요
안녕하세요 혹시 CodeCatalyst로 디코 봇 배포 어떻게 하시는지 아시나요..?
아리가또 고자이마쓰
이해하기 정말 쉽게 설명해주셨네요 ㅎㅎ 감사합니다.
m3도 동일한가요?
기존에 개발하던 봇이 있는데 개발환경을 wsl로 옮기려하니까 문제가 발생하네요ㅠ
wsl2 4단계 부터 뭔가 잘못됐는지 다운받고 실행할때 넥스트없이 바로 피니쉬 버튼이 나오고 5단계 파워쉘 관리자에 명령어 넣으면 지정된 경로를 찾을수 없다고 나오네요 5단계의 원인이 4단계가 설치가 잘안되서 그런거 같은데 4단계에서 설치가 제대로 안되는 이유를 모르겠습니다 ㅜㅜ
import discord ModuleNotFoundError: No module named 'discord' 이렇게 뜨는데 어떻게 해야 하죠?
다른거 다 완성했는데 마지막 실험 과정에서 봇이 대답을 안해요 ㅠㅠ 명령어 찾아서 컨트롤 c, v 하고 말만 살짝 바꿨는데 안되네요....
개발 빌드환경에서 프론트엔드 서버도 돌리고 백엔드도 돌리는 것 같은데 프로덕션에서는 리액트를 빌드해서 스프링부트에 어떻게 담아서 퍼블리시 하는지요?
세팅을 완료한후 node index.js를 입력하면 SyntaxError:missing initializer in destructuring declaration 이런식으로 뜨는데 뭐가 문제인가요?
안녕하세요 디스코드 봇은 성공적으로 만들었는데 디스코드 공지 봇을 만들어보려고 합니다. 혹시 방법이 있을까요?
감사해요 설치성공:0
Git 경로를 다른 곳으로 설치했을 경우 vs code 와 연동을 어떻게 하나요? vs code 에서 Git bash 가 안 나와요
이거 틀린 답변이에요.
봇이 로그인이 안돼요 에러는 이렇게 뜨는데 어떻게 해결해야 하나요? TypeError [ClientMissingIntents]: Valid intents must be provided for the Client
아니 ㅋㅋ 진지하게 찾고 있었는데 괄호가 하나 빠져 있었네 ㅋㅋㅋ
최근 가이드에 보면 command deployment script 부분이 없던데 이부분은 빼고 진행하는 걸까요?
무슨 자막도 없고 말도 너무 빠르네요 보고 따라갈수도 없어요
원래 인간은 컴퓨터라는 존재를 창조하였음에도 불구하고 인간은 컴퓨터의 생각과 사고를 이해할 수가 없다
node index.js 적어는데 실행이 안돼요ㅕ
리녹스도 해주세요 ㅠㅠ
텔레그램 퀴즈봇을 만들고 싶은데 형식은 비슷한가요?
안녕하세요~ 입력하는 변수를 name 하나만 두셨는데, 여러개의 String변수 데이터를 하나의 폼 안에서 입력하려면 어떻게 해야되나요..??ㅠㅠ 데이터 입력이 안되네요,,,,
안녕하세요 영상보고 봇을만들었는데.채팅창에 "야"라고쓰면대답을않하고 다이렉트메세지로 물어볼때만 대답하는데..왜그럴까요..ㅜㅜ
안녕하세요 이거 보고 하는대 MODULE_NOT_FOUND 이라고 뜨는대 어케 해야되나요?
제가 저 영상이랑 똑같이 했는데도 안되요 ㅠ
db 연결이 안됩니다.. mysql connector jar이 없어서 생긴 오류를 해결 후에 다시 연결시도 하려고 하니 이번엔 권한이 없다고 하면서 오류가 납니다 ㅠㅜ
투두리스트 따라하고 완성한 후에 깃허브에 cicd구축해서 추가적으로 개발을 이어가고 싶은데 해당 플젝을 좀 변형하여 올려도 되나요? 스프링부트로 로컬에서 api개발 후에 프론트에 전달해서 api가 끊기지 않아서 프론트의 리액트 개발진행이 잘되도록 환경을 구축 하고싶은데 이강의를 따라가면 제가 원하는게 이뤄지는지 궁금합니다
스프링 코틀린 쓰셨는데 저는 자바로 삭제,수정,삽입 등을 진행할 예정입니다
편하게 쓰세용
감사합니다
정말 깔끔한 강의네요.. 혹시 인프런같은곳에강의올리시면 보고싶네요..
insertTodo 기능도, db의 접근 리소스를 줄이고, 프론트에서 처리하실수있다는 말에 일단 코드를 짜보았슨비다. setTodos([...todos, { todoName: input }]); 해당 코드로 단순 나열 ui는 완성이 되었는데, 해당코드로는 todo의 id값이 없기에 수정, 삭제가 오류가 있습니다. id값은 백엔드에서 unique 값으로 생성중인데, 프론트에서 처리하다간 사이드이펙트가 좀 생길 우려가 있네요. 그냥 궁금해서 여쭤보는 사항입니다. 프론트에서만 처리시에 다른기능에 문제없이 처리가 될까요?
생성할때랑 리스트 조회할때 각각 키를 받을수도 있어요🥰 저정도는 optimistic update를 하는데 문제는 없어 보여용
@@allssu 네 감사합니다!! js 쪽에서도 직접 관리가 가능하군요! 몰랐던 내용 알려주셔서 감사합니다😁😁
한번 슬래시커맨드를 작동시키면 봇이 꺼지고 애플리케이션이 응답하지 않는대요.. 영상에서는 슬래시커맨드를 막 써도 다 대답하는데요..
ReferenceError: 예시 is not defined at Object.<anonymous> (C:\Users\COM\Desktop\윤호\절대로 지우면 안됨\Autoclick_1.7_1\index.js:1:1) at Module._compile (node:internal/modules/cjs/loader:1246:14) at Module._extensions..js (node:internal/modules/cjs/loader:1300:10) at Module.load (node:internal/modules/cjs/loader:1103:32) at Module._load (node:internal/modules/cjs/loader:942:12) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:83:12) at node:internal/main/run_main_module:23:47 라고 뜨는 뎁쇼
혹시 확률 게임은 어떻게 만드면 좋을까요? 대충 코인으로 0.01% 아이템을 뽑는 기능같은거용
원래 보냈던 메시지에서 새로운 메시지를 보내는게 아니라 원래 보냈던 메시지를 변경 할 수는 없나요?
안녕하세요..파이썬을 m1맥북으로 공부하고 있는데 보고있는 강의에서 pyqt5를 설치해서 진행을 하는데 m1에서는 설치 오류가 뜨네요.. 인터넷을 뒤지다가 홈브류라는것을 알게되어 오게되었습니다. 혹시 홈브류를 이용하면 맥북에서 pyqt5를 설치할 수 있을까요?? 정말 큰 벽을 맞닥드려 좌절이 크네요.. 도움 좀 부탁드립니다.
homebrew formula 검색해보니 brew install pyqt@5 통해서 설치가 가능하네요. 어떤 프로그램인지는 모르겠지만 Apple Silicon 호환으로 나오니 사용 가능할걸로 보여요.
@@allssu vs코드에서 사용하여 코딩강의를 듣고 있는데.. 어찌어찌하여 알려주신 홈브류 설치하고 brew로 pyqt@5까지 설치는 했는데, 설치가 잘 된 컴에서는 vs코드에서 코드를 작성하면 pyqt5만 타이핑해도 명령어가 자동완성으로 만들어 지는데 저는 그게 안되네요..ㅠㅠ .. 답변 주셔서 감사합니다.
zㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
봇 어떻게 꺼요??
터미널에서 컨트롤 C로 끄면 돼용
React랑 spring boot 연동하는거 한참 찾으면서 따라해도 안됐는데 유튜브에 있으려나..? 하고 왔다가 4강전부 다들었습니다. 하나하나 정확한 설명 까지 너무 감사드려요. 구글링하며 따라하던 중 답답한게 많았는데 덕분에 다 해소됐습니다. 내일 다시 강의 보면서 따라 해봐야겠어요!! 좋은 강의 감사합니다!!😊😊😊
0:00
혹시 봇이 아닌 일반 유저가 채팅이나 버튼생성 유무에 따라서 반응하는 매크로를 만들수있나요? 봇로그인을 유저로그인?으로만 대체하면 가능한건지 궁금합니다
안녕하세요. 디스코드에 코인 시세정보 알람을 출력하고 싶어 관심을 갖가 강의를 듣고 있습니다. 우선 감사드리며 js가 처음이라 강의 하신 영상중에 도움이 되는 영상이 있을까요?
플러터는 graphql api 자동 생성 지원이 안되나봐요?
풀리기 전에 잠을 잘수 있다니...
얼쑤님 영상 덕분에 도움이 많이 됐습니다 감사합니다!!
자바스크립트가 많이 엿같긴 함
많이 하면 익숙해져요. 저도 자바스크립트 처음배울땐 많이 했갈렸어요 ㅋㅋ