"자바"의 검색 결과
필터
-
2023 개발자 로드맵 가이드 - 프론트엔드 개발자 필수 시청!!!
슬랙 커뮤니티 링크
https://join.slack.com/t/zerochoschool/shared_invite/zt-1ky7thcw0-1NERhdrs6FoJMWPGfposzA
프론트 로드맵 링크
https://drive.google.com/file/d/1E0kybrmM-GRKsfjV2AoA0BhgEQqGwL1f/view?usp=sharing
백엔드 로드맵 링크
https://drive.google.com/file/d/1_9zjALIVisho4xIZzmU9W6NIam14UHrX/view?usp=sharing
조현영(zerocho)의 자바스크립트와 노드 프로그래밍 강좌
멤버십 가입: https://www.youtube.com/channel/UCp-vBtwvBmDiGqjvLjChaJw/join
다음 링크를 통해 강좌를 구매하시면 제가 인프런에서 부담하는 수수료의 33%가 면제됩니다. 아래 링크를 활용해주시면 감사하겠습니다!
타입스크립트 올인원 강좌
https://inf.run/1RWK
배달앱 클론 코딩(React Native)
https://bit.ly/3HYTymV
Slack 클론 코딩(프론트, React + SWR)
https://bit.ly/3zupxXW
Slack 클론 코딩(백엔드, Nest + TypeOrm)
https://bit.ly/3zu2zjK
Node.js 교과서
https://bit.ly/3gmlHsq
Node.js 웹 크롤링
https://bit.ly/3pSiPa1
React로 NodeBird SNS 만들기
https://bit.ly/2TwvV0q
Vue로 NodeBird SNS 만들기
https://bit.ly/2TXKNoK
Redux VS MobX (둘 다 배우자)
https://bit.ly/3pYmSBx
웹 게임을 만들며 배우는 TypeScript
https://bit.ly/3q67seR
웹 게임을 만들며 배우는 React에 TypeScript 적용하기
https://bit.ly/3pVXuMF
Node.js에 TypeScript 적용하기(feat. NodeBird)
https://bit.ly/3pS0gmp
-- 깃헙 --
https://github.com/zerocho (레포지토리 스타 눌러주세요)
-- 후원 --
https://toon.at/donate/zerocho
https://www.youtube.com/channel/UCp-vBtwvBmDiGqjvLjChaJw/join
-- 소개 --
Node.js 교과서(길벗) 저자
제로초닷컴(ZeroCho.com) 운영자 -
14
Three.JS 강좌 (종결)
웹에서 3차원 그래픽 기능을 개발할 수 있는 Three.JS 라이브러리 강좌입니다.
three.js에 처음 입문하시는 분들을 위한 강좌로 자바스크립트 문법은 이미 알고 계셔야 합니다. 자바스크립트의 class를 사용하므로 이에 대해서도 알고 계시면 강좌를 이해하는데 크게 도움이 됩니다.
개발환경설정부터 three.js의 기본 구성, 지오메트리, 재질, 씬그래프, 광원, 카메라, 그림자에 대해 설명합니다. -
나쁜 자바스크립트 작성 습관과 작별하기
멋진 프로그래밍의 세계로 첫걸음을 내디딜 때, 우리가 하는 일이 수백만 명의 사람들에게 어떤 영향을 주는지 직접 확인하게 됩니다. 프로그래밍 덕분에 많은 사람들의 일이 단지 몇 개의 키를 누르는 것으로 해결되고 있습니다. 이것은 마법 같은 일입니다. 프로그래밍 세계에서 우리가 맡은 큰 책임은 쉽게 테스트할 수 있고, 오랫동안 유지 보수할 수 있는 코드를 작
-
![[JavaScript] 문자열 구분자로 자르기 (split)](https://blog.kakaocdn.net/dn/TBmNU/btrp6G3WRYT/ZA1O2dY5EUMXWQaevXXYe0/img.png)
[JavaScript] 문자열 구분자로 자르기 (split)
자바스크립트에서 문자열을 특정 구분자로 분할하기 위해서는 split 함수를 사용하면 된다. split 함수를 사용하면 특정 구분자를 기준으로 문자열을 분리하여 결과를 배열로 반환한다. 구분자가 많지 않다면 substring 함수와 indexOf 함수를 활용하여 문자열을 특정 구분자로 자를 수도 있다. split 함수로 문자열 자르기 var str = 'HT
-
요즘 '모던' 프론트엔드 개발하려면 알아야할 것들
알고있으면 틀딱소리는 안듣습니다
개발자 시켜줌 https://codingapple.com/
구독자용 일반강의 10% 할인 쿠폰 RFC14 (맨날바뀜 최신영상 참고) -
알아두면 쓸모 있는 .NET 이야기
2020년 11월 10일, MS(마이크로소프트)는 차세대 애플리케이션 개발플랫폼 닷넷(.NET) 5.0을 공식 발표하였습니다.
이는 닷넷 진영에 있어 꽤나 의미 있는 릴리스로 볼 수 있습니다. 오랫동안 파편화되어 있던 닷넷 관련 플랫폼이 닷넷이라는 단일 명칭으로 통합된 첫 릴리스이기 때문입니다. 닷넷 5.0 출시 소식은 서버 개발 환경이 대부분 자바(Ja -
![[UI] UI디자인 리서치, 한눈에 볼 수 없나? | 한국편(한글)](https://blog.kakaocdn.net/dn/DRrdX/btrkJlK4NUP/P5XFD17IM7vJkmRpQ5bIf1/img.png)
[UI] UI디자인 리서치, 한눈에 볼 수 없나? | 한국편(한글)
모바일 앱/웹 디자인 리서치할때 한장한장 정성들여 캡쳐를 떠야하는 수고로움. 가끔 화면을 한꺼번에 보면서 시각 리서치하길 바랄때가 있습니다. wwit 그런 바램을 실현해준 사이트입니다. '한국의 UIUX 모바일 패턴을 수집합니다.' https://wwit.design/tag/life What Was IT 한국의 UI/UX 모바일 패턴을 수집합니다. wwit
-
디자이너를 위한 리액트 가이드
오늘은 자바스크립트 라이브러리 중 가장 인기 있는 리액트(React)에 대해 자세히 살펴보겠습니다. 이 글을 통해 여러분이 디자이너로서 리액트에 대해 더 알아가길 바랍니다. 또한 리액트를 이해함으로써 더 나은 디자인 능력을 함양하고, 엔지니어와 원활하게 소통하는 데 도움이 될 수 있습니다. 굳이 코드 작성법까지 배우는 것이 아니라, 코드에 더 익숙해지기만
-
2022 웹개발 로드맵 총정리
2022년 시장에서 경쟁력 있는 웹개발자가 되기 위한 테크트리 알려 드립니다. 🔥 영상에서 쓴 로드맵 PDF 무료 다운로드 ⇢ https://academy.dream-coding.com/courses/web-roadmap
💡 풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/roadmap
🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/
.....................................................
00:00 개발자들의 평균 연봉
00:38 프론트엔드, 백엔드, 풀스택 차이점
01:28 이번 영상 소개
02:04 전체적인 로드맵 간략 설명 버전
04:21 ❶ 개발 환경 설정
06:20 ❷ 프론트엔드 기술 공부 - 기본
14:36 ❷ 프론트엔드 기술 공부 - 심화
23:45 ❷ 프론트엔드 기술 공부 - 정리 & 추천
24:42 ❸ 개발툴
26:39 ❹ 테스팅
27:42 ❺ 배포
28:39 🔥 끊임없이 계속 배우기
32:30 🤓 끝
.....................................................
☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️
.....................................................
🌐 프론트엔드 개발자 되기 입문자편 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y
📒 자바스크립트 기초 강의 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2
💻 개발자라면 누구나 알고 있으면 좋은 지식 💡
https://www.youtube.com/playlist?list=PLv2d7VI9OotSn1ThdDeqvBx8QuRSd01qv
💰 개발자 경력 관리 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotSyQ6RPdytiHID5Cmnv_sA3
📄 이력서 작성 방법
https://www.youtube.com/playlist?list=PLv2d7VI9OotTZfvF0s8Vs0gpRtodlTsgg
📈 IT 트렌드
https://www.youtube.com/playlist?list=PLv2d7VI9OotRTfM1zJLQMCLriBpLFg8r-
📷 개발자 브이로그
https://www.youtube.com/playlist?list=PLv2d7VI9OotR1tALnxov7sAUshyBmfYfU
🤗 생산력 향상 팁
https://www.youtube.com/playlist?list=PLv2d7VI9OotQB-9p29xrAnARhuE1Vf88I
.....................................................
#웹개발#프론트엔드#코딩 -
React에서 Styled Component 사용법
Styled-Components 사용법 특징 자바스크립트 파일 안에 CSS를 작성하는 형태 (emotion과 대체 가능) .css파일을 따로 만들지 않아도 된다. props나 자기 자신 특정 가능. 환경 설정 $ yarn add styled-components 예제 코드 import React from 'react'; **import styled, { cs
-
한시간만에 Node.js 백엔드 기초 끝내기 (ft. API 구축)
이번 영상은 웹 개발 5주 완성 라이브 강의 편집본으로 Node.js, npm 모듈 등 기초에 대해 배우고, express 프레임워크로 자바스크립트 API를 구현하는 것을 실습하는 영상입니다. 5주만에 코딩 기초와 웹 프론트엔드부터 백엔드까지 모두 배울 수 있는 커리큘럼을 진행하니 구독, 좋아요 눌러두시고 많은 시청부탁드립니다!
Nodejs
https://nodejs.org/ko/
📖수업페이지: jocoding.net
💬디스코드: https://discord.gg/zny87VeSaX
[라이브 풀버전] 조코딩의 웹 개발 5주 완성
https://youtube.com/playlist?list=PLU9-uwewPMe0hiCRaWjRHd-TTNJYu9N6w
[편집본] 조코딩의 코딩 기초와 웹 프로그래밍 (2022)
https://youtube.com/playlist?list=PLU9-uwewPMe2-R9-taf4oIjwrEZDgE-q2
조코딩 멤버십 가입하기
https://www.youtube.com/channel/UCQNE2JmbasNYbjGAcuBiRRg/join
보조 교재
📖『Do it! 조코딩의 프로그래밍 입문』
- 예스24: https://vo.la/SbhB7F
- 교보문고: https://vo.la/6XXfEL
- 알라딘: https://vo.la/OXqNP1
목차
00:00 목차
00:09 node.js란?
01:01 node.js를 배워야하는 이유
02:38 node.js 설치하기
04:38 nodejs 실행하기
05:34 구글링 꿀팁
06:16 npm이란?
08:22 figlet 사용해보기 (아스키 아트)
16:56 express 프레임워크 설치와 사용
19:12 포트(port)의 개념
22:38 HTTP 메소드, 라우팅, 콜백함수의 개념
31:11 예제 API 만들어보기
37:33 파라미터 값으로 라우팅하기
41:45 쿼리 값 받는 방법
45:44 동물 소리 API 서버 만들기 실습
50:21 CORS 이슈와 프론트엔드 연결 실습
01:00:30 VVIP 후원 감사 인사
VVIP 멤버십 후원
SOOJIN BANG님, THE MOTOR CITY님, CURIOUS_CuringE님, 김우종님, 동대문아들들님, 그림자그림자님, 마비님, 파라소프트웨어님, 최영득님, 뚱뚜루_수수또님 VVIP 후원 감사드립니다.
https://youtube.com/channel/UCQNE2JmbasNYbjGAcuBiRRg/join
#nodejs #javascript #백엔드 #api -
자바스크립트(Javascript) 진수변환 방법 (2진수, 8진수, 10진수, 16진수)
문제 자바스크립트의 Number객체의 내장 함수인 toString() 함수와 전역 함수인 parseInt() 함수를 사용하면, 진수변환을 간단하게 처리할 수 있습니다. 사용 방법 /** * 진수 변환 * * 10진수를 진수 변환할때는 Number객체의 내장 함수인 toString()을 사용한다. * 10진수 외의 다른 진수를 10진수로 변환할때는 전역 함수
