묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[코드캠프] 시작은 프리캠프
잔디 질문입니다.
저는 강사님이 알려주신대로 했는데, git 명령어를 칠 때자동완성이 되지도 않고, 엔터쳐도 밑에 촤라락 펼쳐지는 코드들이 뜨지 않습니다. 그리고 맨 마지막 코드를 입력했을 때는 에러 메세지가 뜨는데 어떻게 해야하나요?
-
미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
왜 console.log(target)을 했을때 td 클래스가 question이 나오는지 모르겠습니다
function onRightClick(event) { event.preventDefault(); //도구모음 안나오게 const target = event.target; //이벤트 타겟은 내가 진짜 클릭한 대상. current target은 이벤트 리스너가 붙은 대상 console.log(target) //왜 question이 나오는지 const rowIndex = target.parentNode.rowIndex; //tr 태그에는 내부적으로 rowIndex 존재 const cellIndex = target.cellIndex;//td 태그에는 내부적으로 rowIndex 존재 const cellData = data[rowIndex][cellIndex]; if (cellData === CODE.MINE) { // 지뢰면 data[rowIndex][cellIndex] = CODE.QUESTION_MINE; // 물음표 지뢰로 target.className = 'question'; target.textContent = '?'; } else if (cellData === CODE.QUESTION_MINE) { // 물음표 지뢰면 data[rowIndex][cellIndex] = CODE.FLAG_MINE; // 깃발 지뢰로 target.className = 'flag'; target.textContent = '!'; } else if (cellData === CODE.FLAG_MINE) { // 깃발 지뢰면 data[rowIndex][cellIndex] = CODE.MINE; // 지뢰로 target.className = ''; target.textContent = ''; } else if (cellData === CODE.NORMAL) { // 닫힌 칸이면 data[rowIndex][cellIndex] = CODE.QUESTION; // 물음표로 target.className = 'question'; target.textContent = '?'; } else if (cellData === CODE.QUESTION) { // 물음표면 data[rowIndex][cellIndex] = CODE.FLAG; // 깃발으로 target.className = 'flag'; target.textContent = '!'; } else if (cellData === CODE.FLAG) { // 깃발이면 data[rowIndex][cellIndex] = CODE.NORMAL; // 닫힌 칸으로 target.className = ''; target.textContent = ''; } }우클릭을 했을 때 동작하는 함수입니다.상단에 target에 대해서 console.log 출력하는 부분이 있는데지뢰찾기 행수 열수 지뢰수를 입력하고 submit한 순간에는td에 어떠한 클래스도 주어지지 않았다고 생각합니다.그리고 최초로 우클릭을 하는 순간에도 td는 아무 클래스가 없고 우클릭이 이뤄지고 나서 그 다음 현재 cellData의 상황에 따라 target.className이 주어지니까최초 클릭시에는함수 상단 console.log(target)에 td class에는 아무것도 없어야한다 생각합니다. 그런데 왜 우클릭 시에 td class가 question으로 지정되어서 나오는지 이해가 안됩니다 ㅠㅠ
-
미해결Vue.js 시작하기 - Age of Vue.js
.vue파일 열기
localhost:8080으로 들어갔는데 이런 페이지 밖에 안 뜨네요.. 제가 .vue파일에 만든것은 안뜨고 어떻게 해야 할까요?ㅠㅠ
-
미해결타입스크립트 입문 - 기초부터 실전까지
함수에 리턴 안됐다고 노란밑줄이 쳐져야하는데 없습니다
퀴즈2에서 // '@typescript-eslint/no-explicit-any': 'off', // "@typescript-eslint/explicit-function-return-type": 'off', 주석처리 하면 함수에 리턴 안됐다고 노란 밑줄 나온다고 하셨는데 저는 그렇게해도 안뜨네요. 껏다 켜보기도 하고 여러가지 시도해보았는데..뭐가 문제일까요?
-
해결됨[코드캠프] 시작은 프리캠프
폰번호 넘어가는거 질문있습니다 (js)
3자리 번호를 입력하면 다음 칸으로 넘어가는 폰번호 js 파트에서 chang2를 그냥 chang에 한번에 입력해도 잘 작동하던데 수업 때 chang 1 chang2로 나눠서 하신 이유가 따로 있으실까요? 한번에 하면 오류같은게 있는건지 궁금합니다!
-
해결됨[JS] Phaser 게임 제작 - 뱀파이어 서바이벌 클론
[참고] Uncaught Error: createEmitter removed. See ParticleEmitter docs for info : 에러에 대한 해결 방법 공유
노션에 적힌대로 실습하시면 제목에서와 같은 에러가 발생할 수 있어요. 강의가 만들어진 이후로 API가 업데이트가 된 것 같네요.아래 링크를 참고하여 수정하시면 됩니다.깃허브이슈링크공홈에서 업데이트된 코드링크
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
input 태그 사용 시 form 태그 사용 여부
안녕하세요😀 강의 수강하다 궁금증이 생겨서 질문드립니다.보통 로그인 폼이나, 회원가입 폼처럼 보통 <input> 사용할 때 <form> 안에 넣어서 사용했던걸로 알고 있었습니다. 근데 영상 내에서는 <form>를 사용하시지 않는 것 같더라구요! form을 사용하는게 사용자에게 데이터를 입력받아서 서버한테 전달하는 것으로 알고 있는데 영상 내에서는 간단한 input만 받으니까 서버의 전송이 필요없어서 그러신걸까요?<input> 사용할 때마다 궁금했던건데 .. 제가 투두프로젝트를 만들 때도 할일 목록 입력받는 input, 수정할 투두 입력받는 input 이렇게 2개만 필요하고, 로컬스토리지를 사용할거라 서버의 전송이 필요없는 경우라면 굳이 <form> 사용할 필요가 없는건지.. form 태그 사용 여부 기준을 잘 모르겠습니다 ㅠㅠ 사용할 input의 갯수가 1개 밖에 없어도 서버에 전송을 해야하는 경우면 form을 사용하고, 아니라면 form를 굳이 사용할 필요가 없는걸까요? 구글에 검색해봐도 개인마다 작성하는게 다르고.. 제가 원하는 답변을 얻을 수가 없어서 이렇게 질문드립니다. 감사합니다 !
-
해결됨[코드캠프] 시작은 프리캠프
game.js 질문입니다!
js코드 부분에서 document.getElementById("myword")쪽 질문입니다. document.getElementById("myword").value를 document.getElementById("myword").innerText로 바꾸니까 실행이 안되던데 document.getElementById("myword").innerText를 쓰면 안되는건가요? input 태그의 id를 끌어올 때는 value를 쓰는건지궁금합니다!
-
해결됨Vue.js 시작하기 - Age of Vue.js
vue event 탭이 보이지 않습니다.
크롬브라우저에서 vue event 탭이 보이지 않습니다.
-
해결됨Vue.js 시작하기 - Age of Vue.js
학생할인
학생할인에서 이미지 파일올리는 부분이 문제가 있어서 안 올려지네요.. 할인이 끝난 건가요?
-
미해결함수형 프로그래밍과 JavaScript ES6+
pipe함수
안녕하세요. f(0) 이게 초기값으로 할당할 수 있는 이유를 생각해봤는데요이해한대로 말해보자면 pipe함수가 리턴하는 익명함수를 변수 f가 할당받고 이제 pipe함수가 리턴한 익명함수는 pipe함수의 렉시컬 스코프를 참조할 수 있고 중간다리 역할을 합니다.즉 익명함수를 할당받은 f는 클로저입니다. 그럼 f(0) => go (a: 0 , ...fs) 이런식으로 됩니다f는 상위 스코프를 기억할 수 있는 클로저이니까(익명함수를 f로 바꿔 표현한것입니다. 정확히 클로저는 익명함수입니다.)스코프 체인을통해 ...fs를 참조할 수 있습니다....가 제가 이해한건데 맞을까요??
-
해결됨웹 프론트엔드를 위한 자바스크립트 첫걸음
codesandbox 설정
🚨질문 작성법 및 안내사항질문 작성법- 몇 섹션의 어떠한 강의에 대한 질문인지 작성해주세요. (ex. 섹션2 조건문에 대한 질문)- 질문은 최대한 구체적으로 작성해주세요.- 비슷한 질문이 올라와있는지 확인해주세요.- 코드가 포함된 질문은 아래와 같이 코드블록을 사용해주세요.console.log("hello world");안내사항- 질문에 대한 답변은 보통 주말, 공휴일을 제외한 평일 오전 시간에 답변해드립니다. 안녕하세요. Create Sandbox에서 바닐라를 선택하라고 하셨는데요!! 열어보니 바닐라가 없는데 어떡하면 될까요? ?혹시 몰라 JavaScript로 만들어서 강의 내용대로 점 3개 Preferrence 통해서 설정하려고 하니 점 3개 칸도 안보이네요,,
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
머리를 열심히 굴려서 정답을 맞추는 코드를 작성 하였지만, 마음에 안듭니다 ㅠㅠ
모든 e를 찾아서 해당 위치를 배열에 담고, 루프를 돌려서 제일 최소 거리를 구해서 리턴 하게끔 만들었으나, 무언가 마음에 들지 않네요. 질문 올리고 강사님 강의를 바로 보겠습니다! function solution(str, str2) { const findAry = []; for (let i = 0; i < str.length; i++) { if (str[i] === str2) findAry.push(i); } return str.split("").map((v, index) => { const max = []; for (const value of findAry) { max.push(Math.abs(value - index)); } eturn max.sort((a, b) => a - b)[0]; }); } console.log(solution("teachermode","e"));
-
해결됨Vue.js 시작하기 - Age of Vue.js
vue cli 설치 오류
vue cli 설치 오류가 뜹니다.노드는 v20.10.0, npm은 10.2.3 버전으로 다운 받았습니다.vue cli 설치를 진행하면 처음에,[..................] | idealTree:npm: sill idealTree buildDeps메세지가 나오다가, 에러메세지가 뜹니다.현재 에러 메시지는,npm ERR! code EPROTOnpm ERR! syscall writenpm ERR! errno EPROTOnpm ERR! request to https://registry.npmjs.org/@vue%2fcli failed, reason: write EPROTO C8230000:error:0A00010B:SSL routines:ssl3_get_record:wrong version number:c:\ws\deps\openssl\openssl\ssl\record\ssl3_record.c:355:npm ERR!npm ERR! A complete log of this run can be found in:~~~(로그파일 확인 경로)이런 오류메세지가 계속 나옵니다.(굵게 표시한 'C8230000'번호만 바뀌네요)cmd와 파워쉘 모두 관리자 권한으로 진행해봤습니다.사내망이라 처음엔 프록시 문제가 나와서, 프록시 문제도 따로 해결했고, 다른 동료는 설치가 되는데 저만 저런 오류가 나오고 안되네요ㅠㅠ구글 검색도 같은 오류는 없어서 방법을 못찾고 있습니다.
-
미해결따라하며 배우는 타입스크립트 A-Z
강의 도표 자료 #4
#4 tsconfig.json 파일 확인 부탁드립니다. 에러 발생하는것 같습니다!
-
미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
프로젝트1 번의 Navigation 강의부에서 질문입니다.
slick.min.js 에서 JQuery is not defined 에러가 발생합니다.개발자 도구를 통해 확인해 보니 나타납니다.slick.min.js 는 1.8.1 CDN 을 링크했습니다.부트스트랩5 에서는 바닐라js 를 쓴다고 하셨었는데.. JQuery 도 사용하나요? - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
노션링크
강의에 나오는 노션 링크는 어디에서 확인할 수 있나요?
-
미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
날짜 카운트를 활용하여 시간으로 적용해볼 수 있나요?
안녕하세요 선생님,같은 방식으로 날짜 대신 오늘 시간까지 "시간"이 롤링되며 카운팅되는 효과로 적용해볼 수 있을까요??
-
해결됨웹 애니메이션을 위한 GSAP 가이드 Part.03
nav위에 마우스를 올리면 스크롤이 안돼요 😢
질문1)nav위에서 스크롤이 안되는거랑 nav에 스크롤바가 가려지는걸 해결하고싶어서 컨테이너 안에 요소를 넣었는데 당연하게도 fixed가 안되더라구요😢 고민하다가 마커스위치 셋팅과 같은 방식으로 고정 하면 될것같아서 markers함수 안에gsap.set(nav, { marginTop: offset.y });요렇게 추가해줬는데 스무스스크롤바를 사용할때 fixed는이렇게 하는게 맞을까요?질문2)파트3은 특히나 강의 소리가 작은데 혹시 키워주실 수 있으신가요? 😢
-
미해결[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core
refresh token db 저장
강의 내용중엔 빠졌지만 refresh token을 db에 저장해야하는것으로 알고있는데요테이블 설계시 refresh 토큰을 User 테이블 내에 칼럼으로 넣을까 생각을했었는데의미가 맞지않는것같아서요 아래처럼 one to one 관계로 해서 관리하는건 올바른 방법일까요?class TokenModel { @PrimaryGenerateKey() @OneToOne(() => UserModel, user => user.refresh) id: string; @Column() refreshToken: string; } class User { ... @OneToOne(() => TokenModel, token => token.id) refresh: TokenModel }