173만명의 커뮤니티!! 함께 토론해봐요.
해결됨
웹 게임을 만들며 배우는 자바스크립트
안녕하세요. 강의 계속 듣다가 질문생겨서 여쭤봅니다. var arr1 = [1, 2, 3, [1, 2, 3]]; var arr2 = arr1.slice(); // 1번 arr2[3] = [2, 3, 4]; console.log(arr1); console.log(arr2); // 2번 arr2[3][1] = 6; console.log(arr1); console.log(arr2); 2번을 주석처리하고 실행하면 [ 1, 2, 3, [ 1, 2, 3 ] ] [ 1, 2, 3, [ 2, 3, 4 ] ] 1번을 주석처리하고 실행하면 [ 1, 2, 3, [ 1, 6, 3 ] ] [ 1, 2, 3, [ 1, 6, 3 ] ] 둘다 주석처리 안하면 [ 1, 2, 3, [ 1, 2, 3 ] ] [ 1, 2, 3, [ 2, 3, 4 ] ] [ 1, 2, 3, [ 1, 2, 3 ] ] [ 1, 2, 3, [ 2, 6, 4 ] ] 이렇게 나옵니다. 강의에서 1단계 값만 복사가 되고 배열 속 배열은 참조만 된다고 말씀하신걸로 알고 있습니다. 그런데 두 경우의 결과가 왜 다르게 나오는지 잘 모르겠습니다.
김현종
2021-04-05T02:32:14.997Z
댓글 1
좋아요 0
조회수 273
미해결
[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
ㅠ.ㅠ 저만 이해못하는지 질문이없네요.. 엔드포인트로 나누어서 인덱스+1 곱하시는 로직이 어떤 원리인지 궁금함미다...
javascript bootstrap HTML/CSS
김한결
2021-04-04T06:13:08.278Z
댓글 2
좋아요 2
조회수 369
미해결
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
grab-market-web 폴더에서 TEST로 바뀌었는데 TEST폴더로 시작하나요? npm install 다시 해야 하나요?
react-native 머신러닝 배워볼래요? express react HTML/CSS nodejs tensorflow javascript
카드캐슬CardCastle
2021-03-31T03:03:42.363Z
댓글 2
좋아요 2
조회수 336
미해결
인터랙티브 웹 개발 제대로 시작하기
제가 처음에 이해못할 때는 "보는 시각이 바뀌는거 아닌가?" 라고 생각하면서 첫번째 그림처럼 접근했어요. 이해가 됐을 때는 두번째 그림처럼 그림이 움직인다고 접근해서 이해했습니다. 두번째 그림의 부가설명을 하자면 처음 그림 포지션은 0 0 입니다. 1step -150px 0 만큼 그림이 왼쪽으로 움직입니다. 2step -150px 0 만큼 그림이 또 움직입니다 (총 -300px 0) ~~~~ 17step -150px 0 만큼 그림이 움직인다. (총 -2550px 0) 틀릴 수도 있습니다. 근데 전 이렇게 접근해보려구요!
인터랙티브-웹 HTML/CSS javascript
오쯔
2021-03-28T19:07:26.241Z
댓글 6
좋아요 13
조회수 578
미해결
타입스크립트 입문 - 기초부터 실전까지
내용은 이해가 되는데 구조적 타이핑은 실무에서 언제쓰는지 궁금하네요..
트릴
2021-03-26T13:32:12.885Z
댓글 1
좋아요 3
조회수 313
미해결
Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
안녕하세요, 깃헙 접근 권한 요청드립니다! 인프런 아이디 : surim014 인프런 이메일 : surim014@naver.com 깃헙 아이디 : sonsurim 깃헙 Username : sonsurim
2021-03-25T08:55:11.547Z
댓글 1
좋아요 1
조회수 187
해결됨
몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
안녕하세요! function loop(){ window.requestAnimationFrame(loop); } 에서 window.requestAnimationFrame(); 안에 인자를 왜 부모 함수인 loop로 받는 것일까요? 부모함수인 loop 안에 존재하는 window.requestAnimationFrame()이 어떻게 loop함수를 다시 받을 수 있는지, 자바스크립트에선 이러한 문법을 뭐라고 부르는지 궁금합니다.
javascript javascript 인터랙티브-웹
밀크티
2021-03-19T03:12:05.402Z
댓글 1
좋아요 0
조회수 203
미해결
몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
안녕하세요 선생님 :) 바쁘실텐데 죄송합니다. function mouseFunc ( e ) { console . log ( e . clientX , e . clientY ); } 이 부분에 인자 e의 역할은 이벤트를 감지하기 위한 인자인 것으로 이해하고 있습니다. 이 부분이 맞을까요?😊 실습하다보니, e를 넣으면 정상 작동이 되나. e를 인자로 넣지 않으면 오류가 뜨는 이유는 무엇인지 궁금해서.. 굳이 임의의 인자를 넣어 이벤트를 감지 시켜야 하는 자바스크립트의 생태계에 대해 좀 더 스터디 해보려고 하는데 뭐라고 검색해야 자료를 찾고 스터디 할 수 있을까요?
javascript javascript vanillajs 인터랙티브-웹
밀크티
2021-03-18T09:21:09.386Z
댓글 1
좋아요 0
조회수 676
미해결
mongoDB 기초부터 실무까지(feat. Node.js)
저번에도 말씀드렸지만 이미지나 동영상 예제 올려주실 수 있나요? 물론 몽고DB 강의에 범주를 넘어가는것은 알겠으나, 아예 없다고는 생각하지 않아서요. 애매하게 중간에 걸친 것 같은데 혹시 예제를 올려주실 수 있나해서요? 아니면 참고할만한 사이트 부탁드립니다. 늘 친절한 답변 주셔서 감사합니다. ps: 앗!!!! 미니 강의 올려주신다 하셨네요. 그럼 강의도 좋은데 실무에서 사용하고 있는 저장 관련 모듈 사이트 알려주시면 감사하겠습니다. ^^ 찾다가 보니 아래와 같은 자료가 있어서 남깁니다. 그런데 제가 궁금한게 Streams 를 많이 사용하나요? Multer는 생각보다 안 사용하는 것 같네요. 생각해보니 mongodb 보단 nodejs범주인것 같긴하네요. 그래도 강사님은 어떤걸 더 추천 하시나요? multer 보니깐 데이터 저장된 파일이 이상한 문자로 나오던데 이 파일을 저장하는건 괜찮은 방법 같습니다만 .... 실무에서 어떤걸 쓰는지 궁금하네요. 제일 궁금한건 Streams인데 범주를 넘어서면 굳이 대답안해주셔됩니다.
이미지 동영상 데이터 엔지니어링 rest-api javascript aws nodejs DBMS/RDBMS mongodb
GODOT
2021-03-12T00:25:08.679Z
댓글 1
좋아요 1
조회수 707
미해결
생활코딩 - 자바스크립트(JavaScript) 기본
강의를 들으면서 비쥬얼스튜디오 코드를 사용하여도 상관 없을까요?
ll0913
2021-03-06T05:51:51.192Z
댓글 2
좋아요 0
조회수 660
미해결
코로나맵 개발자와 함께하는 지도서비스 만들기 1
안녕하세요 좋은 강의 감사합니다~ㅎㅎ 다름이 아니고 마커를 green색 뿐만 아니라, 다른색깔도 적용해보고 싶습니다. css파일의 .marker를 red;색상으로 바꾸면 전체 마커가 red로 바뀌게 되는데, .marker2 이런식으로 추가하게 되면 index.ejs의 for문은 어떻게 바껴야 하나요? marker2를 다루는 for문이 추가되어야 하는건가요?
javascript 웹앱 express nodejs vscode
wansonam11
2021-03-06T01:02:12.825Z
댓글 1
좋아요 1
조회수 248
미해결
타입스크립트 입문 - 기초부터 실전까지
username.innerText = user[0].name 부분에서 값이 화면에 안불러와 지는 경우 어케해야되나요? 콘솔창에서는 TypeError: Cannot read property 'name' of undefined at app.js:20 해당부분이 타입이 맞지않다고 나옵니다.
yjym33
2021-03-05T07:21:29.146Z
댓글 5
좋아요 9
조회수 654
미해결
자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
우선 좋은강의 감사합니다 c++로 중급알고리즘강의나왔던데 자바스크립트로는 언제나오는지궁금합니다
송진섭
2021-03-03T11:27:07.301Z
댓글 1
좋아요 0
조회수 241
해결됨
Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
제가 입문부터 강의를 보고 있습니다. 지금 강의를 보면 Destructuring 을 말씀하셨다고 하셨는데.. 어느 강의에서 말씀하셨었나요..? 참고 URL 외엔 설명된 부분이 없는 것 같아서요.. 참고 URL 주신 사이트를 보면 context 처럼 response 를 인자로 무조건? 당연하게 받기 때문에 context.commit => { commit } response.data => { data } 로 표현한게 맞을까요?? 제가 이해한 부분이 맞는 지... 궁금해서 문의합니다.
이은혜
2021-02-23T02:07:15.754Z
댓글 2
좋아요 7
조회수 286
미해결
반응형 웹사이트 포트폴리오(App Official Landing Website)
원인을 모르겠어요 <! DOCTYPE html > < html lang = "ko" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > StarUp Mate : App Official Landing </ title > < link rel = "icon" href = "images/logo-favicon.png" > <!---jquery CDN---> < script src = "http:s//code.jquery.com/jquery-3.5.1.min.js" ></ script > <!--Slick slider--> < link rel = "stylesheet" href = "js/slick/slick/slick-theme.css" > < link rel = "stylesheet" href = "js/slick/slick/slick.css" > < script src = "js/slick/slick.min.js" ></ script > <!-- Custom CSS & JS --> < link rel = "stylesheet" href = "style.css" > < link rel = "stylesheet" href = "responsive.css" > < script src = "custom.js" ></ script > </ head > < body > < header > < div class = "header-inner" > < div class = "logo" > < a href = "#none" >< img src = "images/logo.png" alt = "" ></ a > </ div > < div class = "gnb" > < a href = "#none" > CEO 인사말 </ a > < a href = "#none" > 서비스 특징 </ a > < a href = "#none" > 자주 묻는 질문들 </ a > < a href = "#none" > 경영비전 </ a > < a href = "#none" > 사용자 리뷰 </ a > < a href = "#none" > 앱 사용자 가이드 </ a > < a href = "#none" > 최신소식 </ a > </ div > </ div > </ header > <!-- Section : welcome --> < section class = "welcome" > < div class = "slideshow" > < img src = "images/slide-welcome-01.png" > < img src = "images/slide-welcome-02.png" > < img src = "images/slide-welcome-03.png" > </ div > < div class = "welcome-heading" > < span > 창의적인 아이디어를 만드는 가장 빠른 방법 </ span > < h1 > An idea solution of startup for your < em id = "typing" ></ em > </ h1 > < p > 스타트업 메이트 앱이 여러분의 최상의 스타트업 구축을 위해 창의적인 아이디어를 제공하는 데 최선을 다하겠습니다. </ p > < div class = "welcome-btns" > < a href = "#none" class = "btn start" > CEO 시작하기 </ a > < a href = "#none" class = "btn guide" > 사용자 가이드 </ a > </ div > </ div > < div class = "mouse" > < span class = "wheele" ></ span > </ div > </ section > <!---.ceo-access---> < section class = "ceo-access" > </ section > <!---.banner---> < section class = "banner" > </ section > <!---.feature---> < section class = "feature" > </ section > <!---.vision---> < section class = "vision" > </ section > <!---.faq---> < section class = "faq" > </ section > <!---.review---> < section class = "review" > </ section > <!---.focus---> < section class = "focus" > </ section > <!---.guide---> < section class = "guide" > </ section > <!---.news---> < section class = "news" > </ section > < footer > </ footer > </ body > </ html > css /* Fontawesome 4.7 */ @ import url ( 'https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' ); /* XEION CDN */ @ import url ( 'http://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css' ); /* Web Fonts - Source Sans Pro */ @ import url ( 'https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap' ); /* font-family: 'Source Sans Pro', sans-serif; */ /* Web Fonts - NoonNoo */ @ font-face { font-family : 'NEXON Lv2 Gothic' ; src : url ( 'https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff' ) format ( 'woff' ); font-weight : normal ; font-style : normal ; } /* Reset CSS */ * { box-sizing : border-box ; } a { text-decoration : none ; color : # 222 ; } button , input { outline : none ; } h1 , h2 , h3 , h4 , h5 , h6 { margin-top : 0 ; font-weight : normal ; line-height : 1.5em ; } /* Default CSS */ body { font-family : 'NEXON Lv2 Gothic' , sans-serif ; font-size : 18px ; line-height : 1.7em ; margin : 0 ; background-color : # fff ; color : # 222 ; } /*########header#########*/ header { position : fixed ; width : 100% ; z-index : 100 ; } . header-inner { width : 1300px ; margin : auto ; overflow : hidden ; padding-top : 30px ; padding-bottom : 15px ; } . logo { float : left ; } . logo img { margin-top : -7px ; } . gnb { float : right ; } . gnb a { margin : 10px ; font-size : 16px ; } /* ################# section : welcome ################# */ . welcome { /* border: 5px solid #000; */ height : 90vh ; position : relative ; } . slideshow {} . welcome-heading { position : absolute ; top : 50% ; transform : translateY ( -50% ); /*수직으로 섹션을 기준으로 정중앙에 옴*/ left : 200px ; text-align : center ; width : 750px ; } . welcome-heading span { font-size : 24px ; } . welcome-heading h1 { font-family : 'Source Sans Pro' , sans-serif ; font-size : 60px ; font-weight : 600 ; line-height : 1.2em ; margin-bottom : 30px ; margin-top : 15px ; } . welcome-heading h1 em { display : block ; font-style : normal ; color : # eb4d4b ; } . welcome-heading p { padding : 0 100px ; margin-bottom : 50px ; } . welcome-btns {} . btn { display : inline-block ; width : 160px ; padding : 8px ; color : # fff ; border-radius : 5px ; margin : 5px ; transition : 0.5s ; } . btn : hover { box-shadow : 0 5px 10px rgba ( 0 , 0 , 0 , 0.1 ); transform : translateY ( -5px ); } . btn . start { background-color : # 0abde3 ; } . btn . guide { background-color : # fff ; color : # 222 ; } /* Mouse Wheele */ . mouse { border : 2px solid # fff ; position : absolute ; width : 32px ; height : 45px ; border-radius : 30px ; bottom : 100px ; left : 250px ; } . wheele { position : absolute ; width : 4px ; height : 15px ; background-color : # fff ; border-radius : 5px ; left : 12px ; top : 10px ; animation : wheele 1.5s linear infinite ; } @ keyframes wheele { 0% { top : 10px ; } 50% { top : 20px ; } 100% { top : 10px ; } } /* ▦▦▦▦▦▦▦▦▦ Slick Custom CSS ▦▦▦▦▦▦▦▦▦ */ . slideshow . slick-arrow { border : 1px solid # 000 ; display : none !important ; } . slideshow * { outline : none ; } jquery $ ( function (){ /* Slick Slider - Welcome */ $ ( '.slideshow' ). slick ({ infinite : true , dots : false , autoplay : true , autoplaySpeed : 2000 , fade : true , speed : 1000 , pauseOnHover : false });
슬라이더오류 빈틈원인 반응형-웹 빈틈원인을모르겠어요 HTML/CSS jquery 웹퍼블리싱 html javascript jquery
My own life
2021-02-20T05:05:36.897Z
댓글 1
좋아요 2
조회수 361
미해결
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
질문은 아니고 이번 강의 안에 들어가는 자막에 유독 오타도 많고 크기가 커서 수정이 필요해보입니다.
react-native javascript 머신러닝 배워볼래요? express nodejs tensorflow HTML/CSS react
toya zoomin
2021-02-18T11:51:33.159Z
댓글 2
좋아요 1
조회수 308
미해결
Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
파스칼, 케밥 모두 링크로 연결되어보여지는데 파스칼 유지해도 좋은것 인가요?
통풍환자
2021-02-15T09:37:32.394Z
댓글 2
좋아요 1
조회수 354
미해결
함수형 프로그래밍과 JavaScript ES6+ 응용편
먼저, 덕분에 함수형 프로그래밍에 조금씩 친숙해지고 있어서 너무 감사합니다. 다름 아니라, "안전한 합성에 대해" 강의 관련해서 궁금한 점이 있어서 질문드립니다~ "안전한 합성에 대해" 강의에서 에러가 터지지 않게 배열로 만들어 안전하게 합성한다고 하셨고 예전 feConf에서 유인동님의 "ES6+ 비동기 프로그래밍과 실전 에러 핸들링" 영상에서는 에러를 뿜어내는게 좋다고 말씀하셨는데, 에러를 뿜는게 좋으면, map을 이용해서 만드는 의미가 어떤게 있나 라는 궁금증이 들더라구요. 어떤 맥락에서는 에러를 뿜는게 좋고, 어떤 맥락에서는 map을 이용해서 에러를 뿜지 않는게 좋은지 궁금합니다.
자스린
2021-02-14T16:14:29.324Z
댓글 1
좋아요 0
조회수 226
해결됨
애플 웹사이트 인터랙션 클론!
안녕하세요 선생님 강의 잘 듣고있습니다!! 다름이 아니라 스크롤 섹션 2의 경우에는 비디오 타이밍에 맞춰 텍스트가 나오는데 그 타이밍 설정은 직접 콘솔로 scrollRatio 값을 확인해가면서 정하면 되는걸까요??
인터랙티브-웹 javascript 웹 디자인 HTML/CSS svg 클론코딩
메가
2021-02-14T05:29:10.794Z
댓글 1
좋아요 0
조회수 244
해결됨
모던 자바스크립트(ES6+) 기본
강의를 만드는 시점에는 let 변수와 const 변수가 브라우저 디버거 창의 오른쪽에 표시되지 않았으나, 2021.02.13 기준, 질문을 받고 확인해보니 표시됩니다. 변경되었습니다. 표시되더라도 변수 앞에서 호이스팅으로 let 변수, const 변수를 사용할 수 없으며 에러가 발생합니다만, 블록에 작성된 변수를 표시하여 사용의 편리를 제공하기 위한 것으로 생각됩니다. 바로 아래 질문에 화면 캡처가 있으니 참조하기 바랍니다.
let변수 const변수 javascript es6
김영보
2021-02-12T18:06:22.776Z
댓글 0
좋아요 5
조회수 297
