이번 영상은 웹 개발 5주 완성 라이브 강의 편집본으로 JavaScript 기초, 변수, 조건문, 반복문, 함수를 배우는 강의입니다. 5주만에 코딩 기초와 웹 프론트엔드부터 백엔드까지 모두 배울 수 있는 커리큘럼을 진행하니 구독, 좋아요 눌러두시고 많은 시청부탁드립니다! 📖수업페이지: jocoding.net 💬디스코드: discord.gg/zny87VeSaX [라이브 풀버전] 조코딩의 웹 개발 5주 완성 ru-vid.com/group/PLU9-uwewPMe0hiCRaWjRHd-TTNJYu9N6w [편집본] 2022 코딩 기초와 웹 프로그래밍 ru-vid.com/group/PLU9-uwewPMe2-R9-taf4oIjwrEZDgE-q2 조코딩 멤버십 가입하기 ru-vid.com/show-UCQNE2JmbasNYbjGAcuBiRRgjoin 보조 교재 📖『Do it! 조코딩의 프로그래밍 입문』 - 예스24: vo.la/SbhB7F - 교보문고: vo.la/6XXfEL - 알라딘: vo.la/OXqNP1 목차 00:00 미리보기 00:09 java와 javascript의 차이 00:44 javascript를 배우면 할 수 있는 일 01:38 웹에서 자바스크립트의 역할 02:32 프로그래밍 언어 기초 문법의 핵심 03:42 자바스크립트 변수 var, let, const 08:29 자바스크립트 함수 16:54 자바스크립트 조건문 22:14 자바스크립트 반복문 28:40 자바스크립트의 특징과 유머 밈 31:24 VVIP 멤버십 후원 감사 인사 VVIP 멤버십 후원 SOOJIN BANG님, THE MOTOR CITY님, CURIOUS_CuringE님, 김우종님, 동대문아들들님, 그림자그림자님, 마비님, 파라소프트웨어님, 최영득님, 뚱뚜루_수수또님 VVIP 후원 감사드립니다. ru-vid.com/show-UCQNE2JmbasNYbjGAcuBiRRgjoin #javascript #자바스크립트 #코딩 #프로그래밍 #웹개발
NaN(Not A Number) 잘못된 수학 계산 또는 잘못된 숫자를 의미.. 무슨 뜻인지 모르실 분들을 위해서... 자바스크립트에서 숫자를 음수와 양수로 표현할 때 -1 과 +1 이렇게 표현합니다. 앞에 양수와 음수 기호를 붙여서 '문자숫자'를 Number Type으로 변경해주기도 합니다. (예 : -'1' 또는 +'1' 문자 앞에 연산자를 붙여서 형변환) 보통 문자열 숫자를 Number형으로 바꿀 때 '1' * 1 혹은 1 * '1' 이렇게 해주기도 합니다. (parseInt 혹은 Number 를 사용해도 되지만, 이것도 잘 알고 사용해야...) 그런데 문자 'a' 를 + 기호를 사용해서 형변환을 시도하니까 잘못된 수학 계산이라는 의미에서 NaN 이 됩니다.
헐.. 진짜 긴 강의 보면서 너무 힘들었는데 이렇게 순서도나 예시를 이용해서 알려주셔서 감사드립니다. 이 강의를 본 저는 행운아 인 것 같네요... 이렇게 쉽게 설명해서 자바스크립트로 제이쿼리 없이 응용하는 강의를 많이 해주시면, 좋을 것같아요 전에 강의는 제이쿼리를 사용하시는 것같더라구요!! 뭐든 이렇게 해주시면,,, 더 쉽게 자바스크립트를 배울수 있을 것같네요
예전에 국가과제 하나 진행했을 때 nodeJS 환경에서 API 만들고 서비스했던 기억이 나네요. 시연장에서 선보일 결과물은 임베디드 시스템으로 동작하는 전자기기라 서버는 아무거나 골라도 상관없었기에, 제일 만만해 보이는 JS를 골랐는데.. 실제로 다뤄보니 그리 만만한 녀석은 아니었기에 야근 삼매경에 빠진 악몽이 떠오릅니다. 아무튼 좋은 강의 감사드립니다.
지금은 아실지 모르겠으나, 소괄호에 넣은 문자는 문자라고 표현하는 것이 아니라, '매개변수'라는 용어를 사용합니다. 함수객체(자바스크립튼 전부 객체임) 내에서(컨텍스트) 선언한 지역 변수라고 보시면 됩니다. 또한, 함수의 매개변수는 arguments 객체 컬랙션을 통해 참조할 수가 있습니다. (배열처럼 사용하지만, Array 객체는 아님) 첫번재 매개변수는 arguments[0], 두번째는 arguments[1] 이런 식으로 사용합니다. (소괄호에 넣은 매개변수를 신경 쓰지 않아도 됨) arguments객체를 사용하시는 일이 거의 없겠으나(필요한 경우도 있기는 함) 매개변수의 개수에 따라(매개변수 개수가 동적인 경우) 함수를 호출하는 경우 개수에 맞게 처리할 수가 있습니다. arguments.length ☜ 이처럼 매개변수의 개수를 알수 있습니다. function a() {//매개변수 개수가 맞지 않아도 됨 alert( arguments[0] + arguments[1] ); } a(1, 2);
성향의 차이도 고려하셔야 하고, 업무의 역량을 어느 포지션에 두셔야 하는지 생각하셔야 합니다. 웹디. 프론트.백은 별개가 맞지만, 업장의 규모와 일의 범위에 따라 별개가 아니라 각각 겹쳐 있는 업무인 경우가 보통입니다. 혹시... 논리적인 사고나, 글쓰기를 좋아하신다면, 프로그래밍 쪽을 주력으로 해보셨으면 합니다. 어떠한 언어로 사람들을 설명하는 것과 프로그래밍 언어로 컴퓨터에게 동작을 설명하는 것은 유사합니다. (내가 글을 쓰고 있는지 프로그래밍 중인지 모호한 상태에 있다가 현실로 돌아와서 자각할 때가 있음) 말씀처럼 '웹디자이너 , 웹퍼블리셔 , 프론트엔드 개발자' 이렇게 3가지로 분류가 되겠는데요. 그래픽 요소의 디자인을 선호하는데 웹디를 해야 하는 경우라면, 웹언어는 CSS, html 이 정도입니다. 자바스크립트는 기본적인 것만 익히셔도 됩니다. 10년 넘게 웹디를 했던 어떤 사람의 경우에는 따로 자바스크립트를 배워서 하기보다는 어깨너머(?)로 익힌 것만으로 자기 업무에 필요한 것만 하게 되더군요. 깊이 파지를 않습니다. 즉, 자신이 하는 일의 역량이 어느 쪽이냐에 따라 다릅니다. 디자인 쪽이라면, 저마다 자기 소스가 있고, 디자인 역량이 더 필요한 포지션입니다. 그리고 웹퍼블리셔라는 것도 있는데요. css, html을 익히고 웹 표준성과 접근성에 최적화된 업무를 하게 되는데, 이쪽 분야는 제가 공백이 커서 잘 모르겠네요. 프론트엔드 개발을 생각하신다면 당연히 css, html, 자바스크립트는 기본인데, 이 포지션도 약간 모호합니다. 업장의 업무 파트에 따라 다르겠으나, 자바스크립트와 백엔드의 역량이 좀 더 뒷받침되어야 합니다.
저도 프로그램을 배운다 배운다 하다가 영상보고 파이썬 일주일 공부하다가 머리에 쥐가나는 현상에이 와서 너무 괴롭고 그래서 포기한적이 있네요. 너무 복잡하고 이해도 안되니 스트레스 때문에 머리에 쥐가 날 정도의 경험을 몇년전에 했었음.. 암튼 자바스트립트 언어는 천천히 배워보고 싶네요.. 그리구 제가 개인적으로 좋은 개념으로 보는게 있는데요. 위키백과처럼 사용자가 만들어가는 생태계는 좋다고 봅니다. 여기에 거버넌스 장치를 추가하면 좋을듯요.. 이 위키백과의 사용자가 만들어가는 시스템(거버넌스 동시 투표에 대한 대응 장치)을 접목한 한국 포털이 나오면 좋겠다라는 생각을 하네요.. 그러면 애초에 포털 관리측에서 스팸이나, 불법성 매체들을 걸러낼 필요도 없고.. 투표로 인해 명확하게 업로드된 정보들과 시대 트렌드에 따른 정보의 변화가 가능할거 같네요. 블록체인 지갑을 연동해서 사용할 수 있고.. 유저들의 거버넌스참여로 인해 신뢰도를 기반한 포털의 팽창 구조이고 다양한 참여자들이 수익창출이 가능하기 때문에 좋다구 봅니다. 전 이런거 하나 나왔으면 좋겠다고 생각합니다.. 물론 그 설계와 그런게 무지 힘들겠지만요..
이런 점들을 이용한 jsfuxk 이라는게 있는데, !과 +와 []와 ()만 사용해서 거의 대부분의 코드를 짤 수 있습니다. 예시) 궁금한 사람들만 보세요) []는 truthy값이므로 !를 하면 false가 나오고, 거기다가 다시 !를 하면 true가 나옵니다. 이것을 숫자로 바꾸면 1이 되죠 +!![] 또한 값에 []를 더하게 되면 빈 배열과 값이 더해져서 문자열이 됩니다. 이를 이용해서 어떤 값을 문자열로 바꾸고, 위의 예시를 이용해서 글자를 가져올수도 있습니다. 예) false에서 문자 l 가져오기 (![]+[])[!![]+!![]] = 'l' 이제 이렇게 여러 곳에서 filter 라는 문자열을 가져와서, 함수를 가져올수도 있습니다. (false의 f, undefined의 i 등 / undefined는 빈 배열의 0번 인덱스를 참조하면 나옴) []['filter'] = 배열에 있는 filter 함수. 이 함수를 다시 문자열화 하면 매우 많은 글자를 가져올 수 있음