혹시 강의를 보며 작업한 코드를 깃허브 레포에 공개로 올려도 되나요?

커뮤니티에 있는 my sql 8버전 명령어를 사용했는데이렇게만 뜨는데 어떻게 하면 될까요?? ㅠ그리고 aws에서 18버전이 없어서 20버전으로 했는데 20버전이 혹시 mysql 8버전만 지원하는지 궁금합니다.

안녕하세요. 마우스 인터렉티브를 하다가 transition: ease-in-out 궁금증이 생겼습니다!마우스의 궤적을 따라서 이미지가 잔상처럼 늘어나는 것으로 보이게 하고 싶어서 circle보다 작은 크기의 도형을 만들어 ease in out 에 초 차이를 주었는데 원하는 효과가 나타나지 않았습니다. 해당 함수를 사용하면 초에 따라서 마우스 포인터를 따라오는 속도가 달라지는 줄 알았는데 제가 잘못 이해한 걸까요?혹시 몰라 transition-duration/delay 함수도 사용해 봤는데 적용이 안 됐습니다.. 마우스를 움직일때는 잔상이 스프링처럼 길게 늘어지다가 멈추면 줄어드는 방향으로 하고 싶은데 이런 변형 관련한 질문은 어려울까요? 게이트박스와 mouseenter를 이용해서 크기가 줄어드는 걸로 활용 해보았는데 게이트 박스 외의 부분에 마찬가지로 적용하는게 어려워서 질문 드립니다..!감사합니다.

안녕하세요.섬머노트 적용하는 방법을 알려주셔서 게시판을 만들었는데요. 컴퓨터로 볼때는 이미지가 화면에 꽉 차게 나오던데요. 모바일로 게시판에 접속하면 이미지파일이 엄청 크게 나오더라고요.이미지 크기가 변경이 안되고 그대로인것같은데요.이미지도 반응형으로 만들려면 어떻게 해야 되나요?검색하면 이미지를 반응형으로 만드는 방법이 있긴한데요. 섬머노트에는 어떻게 해야될지 모르겠더라고요. 화면이 작아지면 이미지 크기고 작아지게 할려면 어떻게 해야 되나요?

const typeDefs = `#graphql input CreateBoardInput { writer: String title: String contents: String } type MyResult { number: Int wrtier: String title: String contents: String } type Query { fetchBoards: [MyResult] #배열 안에 객체 1개 이상을 의미 } type Mutation { # createBoard(writer: String, title: String, contents: String): String createBoard(createBoardInput: CreateBoardInput!): String } `; 이 백틱 사이의 부분이 VSCode 안에서 전부 주황색으로 나오네요. 수업과 같이 예쁘게 표시 되려면 따로 설정해야하는 것이 있을까요?제 에디터 모습입니다.

serve를 실행하면 console에 다음과 같은 오류메세지만 나옵니다. 어떻게 해결해야할까요?추가로 Chart.js를 install 해서 사용하던중이었습니다.

안녕하세요! 강의에서 nestjs와 graphql로 구현을 하셨는데요, 이 걸 restapi로 바꿔서 구현해보고자 합니다. 지금 일단은 강의코드에서 api를 rest로 하나씩 바꿔보는중인데 혹시 typeORM이나 nest내의 다른 설정들도 바꿔야만 하는지 간략하게나마 가이드해주시면 감사하겠습니다!

 product.service.ts에서 join을 하기 위해  return this.productsRepository.find({ relations: ['productSaleslocation']})이렇게 해주었는데요.여기에 들어가는 productSaleslocation이라는 테이블 명이 product.entity.ts에서 조인이 되는 대상 컬럼 @JoinColumn()@OneToOne(() => ProductSaleslocation)@Filed(() => ProductSaleslocation)productSaleslocation: ProductSaleslocation  이 부분의 정의 때문에 그렇게 명명하는 것일까요?relation에 들어가는 테이블명은 딱히 정의한 곳을 못찾아서요. 실제 DB상의 테이블 명이랑은 다르고... 만약 제 추측이 맞다면@OneToOne, @MayToOne을 붙인 Filed명이 테이블 명 처럼 사용되는 것이죠?

 8분대 코드이고 const counterMaker = function () { const targetDateInput = dateForMaker(); console.log(targetDateInput);이 부분에서 console.log(dateForMaker()); 을 사용함으로서 dateFormat 데이터를 호출했는데, 왜 괄호안에 변수명(dateFormat)을 쓰지않고 함수명(dateForMaker)을 적어준 것이 헷갈려요.. 원래 return 시킨 변수명을 쓰는게 아니라 함수명을 적는건가요?

 product.service.ts에서 create, findOne, findAll을 만들때는 async, await를 사용하지 않았습니다. 그리고 create 만들 때 nest에서는 이걸 호출하는 곳(resolver)에서 자동으로 기다리고 있기 때문이라고 하셨는데요.다만, 시간이 걸리기 때문에 Return type은 Promise<Product>로 했고요. 근데 update, delete를 하실때는 async, await를 사용하셨는데요.어떤 이유가 있을까요??

섹션 1. Hello Javascript - 개발 환경 세팅하기codesandbox.io에서 Vanilla를 선택하였을 때index.js가 아닌 index.mjs 파일이 자동 생성되었습니다..js 와 .mjs 파일의 차이점이 무엇인가요?

안녕하세요 과제 중 해결되지 않는 문제가 있어 문의 드립니다. 인증 확인 버튼을 누를 때'인증이 완료되었습니다' 안내창 띄우기안내창 확인을 누르면, 인증 확인 버튼 텍스트 인증 완료로 변경인증 확인 버튼 비활성화가입하기 버튼 활성화과정을 하고 있습니다.const timer__button = () => { alert("인증이 완료되었습니다.") document.getElementById("timer__button").innerText = "인증 완료" document.getElementById("timer__button").disabled = true document.getElementById("submit").disabled = false }인증 확인 버튼을 누르면,'인증이 완료되었습니다.' 안내창이 뜨고, 인증 확인에서 인증 완료로 텍스트가 변경됩니다.하지만 버튼의 활성화와 비활성화가 되지 않습니다. 타이머가 작동되고 있는 동안 타이머가 활성화되도록 한 코드 때문에 씹히는 걸까요? 혹시 몰라 타이머 부분 코드도 첨부합니다.const randomNumber__button = () => { document.getElementById("randomNumber__button").disabled = true let randomNumber = String(Math.floor( Math.random() * 1000000 )).padStart(6,"0") document.getElementById("randomNumber__number").innerText = randomNumber let time = 7 let timer = true timer = setInterval(function(){ if(time >= 0){ let min = Math.floor(time/60) let sec = String(time%60).padStart(2,"0") document.getElementById("timer__number").innerText = min + ":" + sec time = time - 1 document.getElementById("timer__button").disabled = false } else { document.getElementById("timer__button").disabled = true document.getElementById("randomNumber__number").innerText = "000000" document.getElementById("timer__number").innerText = "3:00" clearInterval(timer) } },1000) } 혹시 이 코드에 영향을 받아 버튼 비활성화가 안 되는 거라면 타이머 숫자를 3:00(기본 세팅 값)으로 바꾸면 될까 했지만 역시 안 됐습니다.const timer__button = () => { document.getElementById("timer__button").innerText = "인증 완료" alert("인증이 완료되었습니다.") document.getElementById("timer__number").innerText = "3:00" // document.getElementById("timer__button").disabled = true // document.getElementById("submit").disabled = false }  여기저기 찾아본 결과 alert 기능은 안내창이 떠 있는 동안 동작을 일시정지 시키고, alert 다음으로 이어지는 동작을 적어줄 땐 첨부 코드와 같이 단순 나열로 가능하다고 합니다. 다른 코드들 찾아봤을 때도 제가 쓴 코드와 유사했고요. 어느 부분이 문제인 건지, 만약 앞서 작성한 타이머 코드 때문에 씹히는 거라면 어떻게 해결해야 좋을지 힌트를 좀 받고 싶습니다.alert button disabled 이 키워드로 해결책을 검색하며 찾아봤는데요, 혹시 더 적절한 검색 키워드가 있다면 그것도 추천 부탁합니다. 검색도 기술인 것 같은데 요령이 없네요.

안녕하세요 선생님, 제가 강의를 다듣고 난후 코드랑 학습자료보고 복습식으로 공부하는게 좋을것 같아서요, 혹시 수업시간에 작성한 예제코드들은 어디서 받을수 있나요? 

훈훈한 Javascript섹션4-for문과 while문마지막 예제에서let i = 0; while(i < 10) { console.log(i) i = i + 1 }결과 10이 출력되는건 반복 횟수이고 0~9 까지 출력이 맞는거 같은데 확인 부탁드립니다! 

프리캠프 final sign up 과제 중 타이머 부분 관련 문의드립니다.자바스크립트 이용하여 '인증번호 전송' 버튼을 누르면 타이머가 동작하는 부분까지는 구현하였습니다.이후 타이머 동작 중, 인증 완료 버튼을 누르면 "인증 완료" 팝업이 뜨고타이머가 종료되며 "인증 완료" 텍스트로 표시되도록 하고싶은데 팝업이 뜨고 텍스트는 변경되나 바로 다시 타이머가 동작합니다.(consle.log 를 찍어보면 인증완료 버튼 클릭 시 '인증완료' 로그가 찍히나, 타이머는 그대로 동작하고 00초가 되면 '시간 초과' 로그도 찍힙니다.)else 뒤에 넣는 것이 아니라 아예 따로 빼서 onclick 함수를 새로 만들어야 할까요? 답변 부탁드립니다! 아래는 제가 작성한 코드입니다.// 타이머 작동 & 인증버튼 활성화 // let isStarted = false; let auth = () => { if(isStarted === false) { // 버튼 클릭 시 인증번호 부여 및 타이머 작동 // isStarted = true document.getElementById("b2").disabled = false document.getElementById("b2").style.color = "white" document.getElementById("b2").style.border = "1px solid #0068ff" document.getElementById("b2").style.backgroundColor = "#0068ff" document.getElementById("b2").style.cursor = "pointer" const token = String(Math.floor(Math.random() * 1000000)).padStart(6, "0") document.getElementById("target").innerText = token let time = 10 let timer timer = setInterval(function() { if(time>=0) { let min = Math.floor( time / 60 ) let sec = String(time % 60).padStart(2, "0") document.getElementById("timer").innerText = min + ":" + sec time = time - 1 } else { document.getElementById("b2").disabled = true document.getElementById("b2").style.color = "#d2d2d2" document.getElementById("b2").style.border = "1px solid #d2d2d2" document.getElementById("b2").style.backgroundColor = "transparent" document.getElementById("b2").style.cursor = "default" document.getElementById("timer").innerText = "3" + ":" + "00" document.getElementById("target").innerText = "000000" console.log("시간 초과") isStarted = false clearInterval(timer) } },1000) } else { // 타이머가 작동중일 때 인증 확인 클릭하면 // alert("인증완료") document.getElementById("b2").disabled = true document.getElementById("b2").style.cursor = "default" document.getElementById("timer").innerText = "인증완료" isStarted = true clearInterval(timer) console.log("인증 완료") } }

인프런 아이디: hyzcore@gmail.com인프런 이메일: hyzcore@gmail.com깃허브 아이디: hyzcore@gmail.com깃허브 username: HyungJun Lee

영상 우측상단에 수업자료를 다운받고 열어보니 중간중간 없는 파일들이 있습니다 ㅠㅠ 저만 그런건지..

리액트에서 배열 사용하기 1-리스트 렌더링 강의에서 질문있습니다. DiaryItem 컴포넌트에서 diaryList에있는 author, content.. 등 정보를 사용하려면 props 로 내려받아야 하는걸로 알고 있는데..DiaryList 컴포넌트에서는 key 값만 적혀있는데 따로 map을 사용하면 props가 DiaryItem까지 전달되는건가요? {diaryList.map((it) => ( <DiaryItem key={it.id}{...it} /> const DiaryItem = ({ author, content, created_data, emotion, id, }) => { return } import DiaryItem from "./DiaryItem"; const DiaryList = ({ diaryList }) => { console.log(diaryList); return ( <div className="DiaryList"> <h2> 일기 리스트</h2> <h4>{diaryList.length}개의 일기가 있습니다.</h4> <div> {diaryList.map((it) => ( <DiaryItem key={it.id}{...it} /> ))} </div> </div> ); }; export default DiaryList;

인프런 아이디 : ferrariq@naver.com인프런 이메일 : ferrariq@naver.com깃헙 아이디 : ferrariq@naver.com깃헙 Username : KJP-MrJAVA권한 부타드립니다.수고 하십시요

onCreate시 localStorage에 데이터가 추가는 되는데, 화면에 작성한 글이 나오지 않아요 ㅠㅠ https://codesandbox.io/s/infallible-artem-sdzknh