묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
split 사용
function solution(s) { let answer = ""; let count = 0; for (let i = 0; i < s.length; i++) { if (s[i] === s[i + 1]) { count++; } else if (s[i] !== s[i + 1]) { answer += s[i] + (count + 1); count = 0; } } return answer.split("1").join(""); } let str = "KKHSSSSSSSE"; console.log(solution(str));강사님 코드가 거의 비슷한데 마지막에 1을 없애주기 위해서 split을 사용해서 1을 없애 주고 다시 문자열로 만들어주었는데, 이정도는 시간과 별로 상관이 없나요??
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
퍼사드 패턴 코드 공유 드립니다!
퍼사드 패턴 관련하여 노션 코드는 강의 코드와 다르기때문에, 에러를 해결하지 못하신 분들을 위해서 코드 공유 드립니다.(에러메세지로 위치, 그 위치에 해당하는 강사님이 강의 진행시 적어주셨던 코드와 대조하여서 작성하였습니다)// index.js import { checkValidationPhone, getToken, sendTokenToSMS} from './phone.js' // requestAnimationFrame('./phone.js') console.log('안녕하세요~~'); function createTokenOfPhone(myphone) { // 1. 휴대폰번호 자릿수 맞는지 확인하기 const isValid = checkValidationPhone(myphone); if (isValid) { // 2. 핸드폰 토큰 6자리 만들기 const mytoken = getToken(); // 3. 핸드폰번호에 토큰 전송하기 sendTokenToSMS(myphone, mytoken); } } createTokenOfPhone('01012345678', 6);// phone.js export function checkValidationPhone(myphone) { if (myphone.length !== 10 && myphone.length !== 11) { console.log('에러 발생!!! 핸드폰 번호를 제대로 입력해 주세요!!!'); return false; } else { return true; } } export function getToken(count) { const mycount = 6 if (count === undefined|null) { console.log('에러 발생!!! 갯수를 제대로 입력해 주세요!!!'); return; } else if (mycount <= 0) { console.log('에러 발생!!! 갯수가 너무 적습니다!!!'); return; } else if (mycount > 10) { console.log('에러 발생!!! 갯수가 너무 많습니다!!!'); return; } const result = String(Math.floor(Math.random() * 10 ** count)).padStart(mycount,'0'); return result; // console.log(result) } export function sendTokenToSMS(fff, ggg) { console.log(fff + '번호로 인증번호' + ggg + '를 전송합니다!!'); }
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
yarn init 에러 문의
안녕하세요 선생님퍼샤드 패턴에서 58분쯤 보면yarn init이라고 입력을 하시던데저의 경우에는 에러가 뜹니다.ERROR: init is not COMMAND nor fully qualified CLASSNAME. Usage: yarn [OPTIONS] SUBCOMMAND [SUBCOMMAND OPTIONS] or yarn [OPTIONS] CLASSNAME [CLASSNAME OPTIONS]왜 입력 값이 충족되지 않았다고 하는 걸까요?참고로 제 node.js 버전은 18대입니다. 혹시몰라 전체적인 에러메세지 같이 첨부합니다!(base) ➜ 01-05-token-count-api-facade-import git:(master) ✗ yarn init ERROR: init is not COMMAND nor fully qualified CLASSNAME. Usage: yarn [OPTIONS] SUBCOMMAND [SUBCOMMAND OPTIONS] or yarn [OPTIONS] CLASSNAME [CLASSNAME OPTIONS] where CLASSNAME is a user-provided Java class OPTIONS is none or any of: --buildpaths attempt to add class files from build tree --config dir Hadoop config directory --daemon (start|status|stop) operate on a daemon --debug turn on shell script debug mode --help usage information --hostnames list[,of,host,names] hosts to use in worker mode --hosts filename list of hosts to use in worker mode --loglevel level set the log4j level for this command --workers turn on worker mode SUBCOMMAND is one of: Admin Commands: daemonlog get/set the log level for each daemon node prints node report(s) rmadmin admin tools scmadmin SharedCacheManager admin tools Client Commands: applicationattempt prints applicationattempt(s) report app|application prints application(s) report/kill application/manage long running application classpath prints the class path needed to get the hadoop jar and the required libraries cluster prints cluster information container prints container(s) report envvars display computed Hadoop environment variables fs2cs converts Fair Scheduler configuration to Capacity Scheduler (EXPERIMENTAL) jar <jar> run a jar file logs dump container logs nodeattributes node attributes cli client queue prints queue information schedulerconf Updates scheduler configuration timelinereader run the timeline reader server top view cluster information version print the version Daemon Commands: nodemanager run a nodemanager on each worker proxyserver run the web app proxy server registrydns run the registry DNS server resourcemanager run the ResourceManager router run the Router daemon sharedcachemanager run the SharedCacheManager daemon timelineserver run the timeline server SUBCOMMAND may print help when invoked w/o parameters or with -h.구글링은 해봐도 못찾겠고,그나마 힌트가 될만한건 이전에 hadoop 설치하면서 yarn이 같이 깔렸던 것 같은데, 그것과 충돌이 되서 그럴 수 있다는 정보까진 찾았습니다! brew uninstall hadoop 으로 하둡을 날려버렸더니 yarn 명령이 아예 작동이 안되는 것으로 봐서는 맞는 것 같습니다.brew install yarn으로 설치 다시 해줬더니 작동은 잘 됩니다!선생님 이럴경우에 삭제 말고 따로 하둡과 충돌할 경우에 hadoop의 yarn과 node.js의 yarn을 별도로 관리하는 방법은 없을까요?
-
미해결자바스크립트 : 기초부터 실전까지 올인원
인프런 블로그 작성
인프런 블로그에 학습일기로 해당 강의 속 문제와 문제풀이 내용을 공개로 올려도 되나용??
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
store 관련해서 질문 드립니다.
여기서 사용한 store는 달러를 붙이는데여기서는 안붙이고 사용하는데 이유가 궁금합니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한요청드립니다.
인프런 아이디 : ljh@finenuts.co.kr인프런 이메일 : ljh@finenuts.co.kr깃헙 아이디 : ox043440@gmail.com깃헙 Username : @channy0601권한요청드립니다.
-
해결됨코어 자바스크립트
outerEnvironmentReference 질문
안녕하세요. 책에서 OuterEnvironmentReference는 현재 함수가 선언될 당시의 외부 LexicalEnvironment를 참조한다고 하였는데 이는 VariableEnvironment와 같은디 궁금합니다.그리고 LexicalEnvironment의 environmentRcord는 선언된 식별자를 포함해 let과 const 등까지 포함하는지 궁금합니다..또 ThisBinding이 variableEnvironment나 LexicalEnvironment의 environmentRecord에 속해 있는 게 아니라 따로 떨어져있는게 맞는지가 궁금합니다
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
이런 버그(?)는 왜 발생하는 걸까요?
강의를 따라서 simplediary 코드를 작성해보는데 첫번째 일기 id가 계속 20으로 떠서 제가 코드를 잘못 적은 부분이 있나, 싶어 codesandbox에 올려주신 코드를 붙여넣기 해도 제 브라우저에서는 계속 id가 20 - 39로 생성이 되더라구요.그래서 뭐가 문젠가 싶어서 봤는데 강의 버전의 npm은 프로젝트 생성시 index.js 코드가 ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById("root") );이렇게 생성이 되는데 제가 설치한 8.19.3 npm 버전에서는const root = ReactDOM.createRoot(document.getElementById('root')); root.render( <React.StrictMode> <App /> </React.StrictMode> );이렇게 생성이 됩니다.src에 App.js와 컴포넌트 코드들만 수정했다가 index 코드도 강의 버전대로 수정을 하니 해결이 되던데, 제가 보기엔 두 코드가 그렇게 다르지 않은 것 같은데 왜 다른 결과가 나오는지 궁금합니다.
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
일기 수정 오류
바로 이전 강의인 useReduce까지는 모두 작동이 잘 되었습니다.이번 강의에서 일기 생성과 삭제는 잘 이루어지는데 수정에서만 오류가 발생하고 있습니다.강의를 세 번 돌려봤는데 무슨 문제인지 모르겠습니다ㅠhttps://codesandbox.io/s/gallant-kilby-4l2tr7?file=/src/App.js
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
라우터 질문드려요
this.$route.push('/main');과this.$router.push('/main')의 차이점이 궁급합니다.라우터 설정에서 VueRouter를 import하고 플러그인으로 사용한다고 선언한다음Vue의 $router라는 속성에 VueRouter값을 넣어서 그런건가요??
-
미해결비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
WinSCP 연결 에러
"PM2를 활용한 무중단 배포"까지 진행하고 인스턴스는 현재 실행 중입니다.이 상태를 모르고 로컬에서 VSCode로 node index.js명령을 실행했습니다.그 후에 인스턴스를 중지할려고 WinSCP를 접속할려고 하는데 연결이 계속 거부되고 있습니다.. 서브에 연결할 수 있는 다른 방법은 없을까요?일시적인 현상인 줄 알고 몇 일 기다렸다가 다시 시도해도 연결이 안됩니다,,
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
회원가입과 로그인Form 질문드려요
안녕하세요 캡틴판교님-SignupForm.vue위의 vue에서는 data.username으로 바로 받아왔는데 -LoginForm.vue위의 vue에서는 data.user.username으로 받아오던데 F12눌렀을때 한번더 감싸있어서 그런거같은데 왜 감싸지는걸까요? 그리고 위아래 차이점은 왜 생기는건지 궁금해요
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
코드 리뷰 부탁드립니다 !
function solution(need, plan) { let answer = 'YES'; let queue = []; for (let x of plan) { if (need.includes(x)) queue.push(x); } if (need !== queue.join('')) return 'NO'; return answer; } let a = 'CBA'; let b = 'CBDAGE'; console.log(solution(a, b)); 큐로 접근해서 문제풀이하고 싶었으나 비효율적(?)으로 풀어버렸습니다 😂 혹시 이렇게 풀이해도 괜찮은걸까요 ? 리뷰 부탁드립니다 !
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
모듈화랑 <template> 테크선언 질문드립니다.
안녕하세요 캡틴판교님강의를 듣고 모듈화 관련 정리문서를 보다가 의문이 생겨서 질문드려요1번째 질문은js에서 모듈화를 이용한 export import는 {변수 or 함수명} 이런형태로 사용한다고 배웠는데<로그인 폼 컴포넌트 생성 및 마크업>강의 내용에서import LoginForm from 이렇게 { } 없이 사용하더라구요사용 유무의 차이가 무엇인지 궁금합니다.그리고 2번째 질문은 <template>안에 아래에서 import받은 component를 테그로 사용하려고하면 위와같이 소문자로login-form으로 권유가 되는데 강의처럼 <LoginForm>으로 사용하는거랑 차이가 있는지 궁금합니다. 사용하는 이의 차이인가요??
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
리스트 조회할 떄 스프리드 연산자 사용하는 이유가 궁금합니다.
안녕하세요 🙋♂️import DiaryItem from "./DiaryItem"; const DiaryList = ({ diaryList }) => { return ( <div className="DiaryList"> <h2>일기 테스트</h2> <h4>{diaryList.length}개의 일기가 있습니다.</h4> <div> {diaryList.map((it) => ( <DiaryItem key={it.id} {...it} /> ))} </div> </div> ); // 컴포넌트 이름과 동일하게 만들기 }; DiaryList.defaultProps = { diaryList: [], }; export default DiaryList; // es 모듈 내보내기{diaryList.map((it) => ( <DiaryItem key={it.id} {...it} /> ))}맨 밑에 부분을 보면 diayList가 부모한테 받은 리스트를 map으로 하나씩 찾은 it 객체 까지는 이해가 됩니다. 그리고 아이템 컴포넌트한테 id까지 전달 하는것도 이해됩니다.이해가 조금 안 된 부분을 말씀 드릴게요1. {...it}이 아이템 컴포넌트한테 보내는 prop인데 이전까지의 prop은 name={name} 이렇게 앞에 변수명이 있었는데 왜 이건 없이 보내는데아이템에서 저렇게 받을 수 있나요?const DiaryItem = ({ author, content, emotion, created_date }) => {2. 여기서 it이라는 것은 내가 쓴 일기 하나하나 객체인데 일기리스트 state를 하나씩 map으로 접근해서 it 객체를 얻어내고 있는데 {...it} 이것은 스프리드 연산자로 전체 보내는 거 아닌가요? {it} 으로 보내도 되는지 확인해봤는데 에러가 뜨네요 map으로 돌면서 얻은 객체 it을 보내는데 왜 스프리드 연산자를 사용하는지 궁금합니다. it 안에 어떤 리스트의 하나의 일기 객체가 있을 텐데요 {diaryList.map((it) => ( <DiaryItem key={it.id} {...it} /> ))} console.log(it) 해봤는데 아래와 같은 객체를 그냥 뿌리면 되는데 {...it}을 왜 사용하는지 궁금합니다. it 자체에 정보가 다 있지 않나요??
-
미해결모던 자바스크립트(ES6+) 심화
소스코드 깃헙이 있나요?
소스코드 좀 보고싶은데요.없나요...?
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
권한요청 부탁 드립니다.
권한이.. 아직 안된거 같아요.. 다시한번 부탁 드립니다.인프런 아이디 : sky9844인프런 이메일 : sky9844@gmail.com깃헙 아이디 : dndn8988@gmail.com깃헙 Username : @Pang15101
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
console.log 실행불가
package.json 파일까지 추가해서 해봤는데도 실행이 안되네요 해결방법 알고싶습니다
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
해당 오류 ERROR in ./src/index.js 5:0-40 를 아실까요 ..?
제가 axios 설치 이후 npm start에서 지속적으로 오류가 나길래 stackflow를 보고 -i npm ~... 무엇을 터미널에서 진행시키고.node_modules 폴더와 package.json & lock.json 파일 삭제후 npm start 다시 했는데 아래와 같이모듈 오류가 지속적으로 뜨네요.모듈 파일명들이 전에는 @로 시작하는 파일들이 다 날라간 것 같구요.모듈 중 Axios 폴더에서 index.d.ts 파일에서 오류가 발견되고 있는 상황입니다.그랩님 조금만 도와주실 수 있을까요
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
axios.create() 질문드립니다.
안녕하세요 캡틴 판교님 제가 강의를 따라서 진행을 하던중 오류를 만나서 해결이 안되서 질문 드립니다. 뭐가 문제일까요?