173만명의 커뮤니티!! 함께 토론해봐요.
미해결
웹 애니메이션의 새로운 표준, Web Animations API
선생님, 안녕하세요! 모바일 화면에서도 비율을 유지하면서 반응형으로 동작하게 만드는 것이 가능할까요? 여러 방법을 시도해 보았는데, 해결이 잘 안 돼서 이렇게 질문을 남깁니다. 아니면 차라리 모바일 전용 SVG를 따로 만들고, PC 버전에서는 display: none으로 처리한 후 모바일일 때만 보이게 하는 방식이 더 나을까요? 조언 부탁드립니다!
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
import "./App.css"; import Viewer from "./components/Viewer"; import Controller from "./components/Controller"; import { useState } from "react"; function App() { const [count, setCount] = useState(0); const onClickButton = (value) => { setCount(count + value); }; return ( <div className="App"> <h1>Simple Counter</h1> <section> <Viewer count={count} /> </section> <section> <Controller onClickButton={onClickButton} /> </section> </div> ); } export default App; const Controller = ({ onClickButton }) => { return ( <div> <button onClick={() => { onClickButton(-1); }} > -1 </button> <button onClick={() => { onClickButton(-10); }} > -10 </button> <button onClick={() => { onClickButton(-100); }} > -100 </button> <button onClick={() => { onClickButton(100); }} > +100 </button> <button onClick={() => { onClickButton(10); }} > +10 </button> <button onClick={() => { onClickButton(1); }} > +1 </button> </div> ); }; export default Controller; App.jsx에서 onClickButton이 count, setCount 함수를 모두 사용하고 있을텐데요, 이것이 Controller.jsx로 넘어갈 때에는 아래와 같이 넘어가나요 (value) => { setCount(13 + value);//count:13일때 }; 아니면 App.jsx에서 onClickButton 함수를 호출하여 App.jsx의 count, setCount를 사용하는 것인가요? 너무 기초적인 질문을 드려 죄송합니다ㅠㅠ
미해결
[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core
controller에서 async를 안하고 바로 promis객체를 리턴하는 이유가 몬가요? 그런데 이상하게도 값이 잘 나오네요? 제 생각에는 Promise<model>하고 await 후에 나오는 model값을 반환하는게 차이가 있어야 한다고 생각이 나는데 차이가 없네요? 그럼 보통 controller에는 async 키워드없이 로직을 처리하나요? 코드팩토리 디스코드에 질문하면 더욱 빠르게 질문을 받아 볼 수 있습니다! [코드팩토리 디스코드] https://bit.ly/3HzRzUM - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
해결됨
[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
혼자할때 요런식으로 진행했는데 강의를 보니 아예 다르게 하시더라구요 피그마 여백쪽을 margin 으로 일일히 계산했는데 틀린방법일까요? weight 100% 주면서 쉽게쉽게 하시길래 보면서 제 생각에는 미리 div들 따로 해놔서 maring 굳이 줄 이유가 없는것일까요?
미해결
HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)
3강에서 비주얼 스튜디오 코드 사용법 강의에서 PDF파일 참고하라는 내용이 있는데 파일은 어디서 확인할 수 있나요?
미해결
풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
codesandbox가 또 업데이트 된 것 같습니다.. 모던 html 기능과 배경지식 이해 강의 영상과 전혀 다른 화면이 나옵니다.. 사용법 업데이트 해 주시면 좋을 것 같습니다.!
미해결
[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core
위와 같은 에러가 납니다. ㅠㅠ GPT도 사용하고 이것저것 찾아봐도 해결 방안을 못찾아서 질문 올립니다...
해결됨
웹 애니메이션을 위한 GSAP 가이드 Part.02
안녕하세요 범쌤...! 강의 너무 잘 듣고 있습니다. motionPath를 이용해서 구현하고 싶은 UI가 있습니다. 대략적인 구현하고자 하는 모양은 이러합니다. ● 디폴트 1. 행성이 각 궤도에 맞춰 공전 ● 행성을 클릭시 1. 공전이 멈추고 클릭 된 행성이 줌인 2.행성마다 행성의 설명 UI가 보여짐 설명이 부족한 것 같아 부족하지만 피그마로 그려서 첨부해봅니다.. 실무에 필요한데 도저히 감이오지 않아요 ㅜㅜㅜㅜㅜㅜ
미해결
[코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스
처음 접하는건데 이해를 계속 못해서 두려움에 떨고 있었거든요. ㅠㅠ 강의 중간중간 용기를 주시네요. 저같이 무지한 사람들은 그런 말이 정말 실낱같은 희망입니다. 정말 감사드려요.
미해결
SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma
https://www.youtube.com/watch?v=uI3k9Ol-Mp4 영어 강의 보고 따라 하려니까 어려워서 그런데 단계별로 설명좀 해주실수 있나요?
미해결
SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma
플러그인을 사용해야 되나요 아니면 피그마 ai 정식 버젼을 기다려야 되나요? text to figma , image to figma 괜찮은거 추천해주시면 감사여
미해결
SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma
이런 테이블 피그마로 쉽게 그리는법 좀 알려주세요 강의에서 참고할만한 부분이 있을까여?
해결됨
웹 프론트엔드를 위한 자바스크립트 첫걸음
// promise 복습 promise 객체(executor 콜백함수(resolve, reject)) const delay= // delay는 ms값을 받아 promise 객체를 리턴 (ms)=>{return new Promise( // 인수로 함수를 받음, resolve(성공)를 인수로 받아 처리하는 지연함수(executor) (resolve)=>{setTimeout( // setTimeOut은 callback함수와 ms초값을 받음 ()=>{resolve();},ms);} ); } const start=()=>{delay(2000).then(()=>{console.log("대기");});} start(); // async const delay2= (ms)=>{return new Promise( (resolve)=>{setTimeout( ()=>{resolve();},ms);} ); } // 함수의 오른쪽에 작성 -> promise 객체 반환 const start2=async()=>{delay2(2000).then(()=>{console.log("async 대기");});} console.log(start2()); 섹션 4에 5강 async, await를 수강하던 중에 영상과 다른 결과가 출력 되어 질문 드립니다. 두 코드의 결과를 서로 비교하고 싶어서 코드를 2개로 나누었는데요. async를 적은 코드는 pending상태의 promise객체 가 나온다고 하셨는데 저는 계속 fulfilled가 나와서 제가 코드를 잘못 썼는지 질문 드리고 싶습니다. 위의 코드의 영향이 있을까 싶어 주석 처리 해도 결과는 같았습니다.
미해결
따라하며 배우는 타입스크립트 A-Z
interface Vehicle<T> { name: string; color: T; option: T; } 질문1. Generics과 n개의 제네릭타입설정 강사님의 예시는 1개의 Generics를 이용하셨는데 위의 코드와 같이 만약에 n개의 Generics타입을 지정 할 수도 있을까요?? 질문2. 만약 n개의 제네릭타입이 가능하다면? 어떻게 코드를 수정할 수 있을까요?? const car: Vehicle<{price: number}> = { name: 'Car', color: 'red', option: { price: 1000 } }
미해결
[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
노션에서 보니 우분투랑 mac만 있어서 설치에 어려움을 겪고 있네요 ㅜㅜ 혹시 window버전으로 설치를 한다면 수업에 지장이 있을까요?
해결됨
진짜! 자바스크립트(Javascript) - 기초부터 고급까지
브라우저 환경에서 window객체가 Global 스코프 역할까지 한다고 이해했습니다. 그런데 let,const로 정의한 함수들을 this, window를 명시하지 않고 실행하면 잘 실행되는 이유를 말씀하시면서 'let,const로 정의하면 Global스코프라고 볼 수 있는 Script스코프에 올라간다' 라고 하셨는데 여기서 말하는 Global 스코프는 window객체를 말하는 Global스코프와 다른건가요? 그럼 Global스코프(브라우저의 window보다 포괄적인 범위)는 내부에서 또 Script스코프와 Global스코프(브라우저환경에선 window객체)로 나눠지는거라고 이해하면 되는게 맞을까요...?
해결됨
누구나 쉽게 시작하는 웹개발 기초 (Basic Web Development Course)
안녕하세요 좋은 강의 감사합니다. 혹시 강의 시 사용된 강의 자료를 받아 볼 수 있을까요? 정중히 요청 드려봅니다. 감사합니다.
미해결
자바스크립트 제대로 배워볼래?
안녕하세요 강의 잘 수강하고있습니다! 저번 강의에서 bigNumber 라이브러리, 이번강의에서 moment라이브러리 설명을 해주셔서 사용하다가 문제가 생겨 질문드립니다. 두 라이브러리모두 cdn방식으로 사용을하면 잘 됩니다. 그치만 두 라이브러리 모두 npm으로 설치를 하여 사용하려고 시도를 하니 에러가 뜹니다. moment라이브러리의 경우, 설치를 다 하고난 뒤, script 태그 안에 import moment from 'moment'를 작성하고 사용하려고 하자, SyntaxError: Unexpected identifier 'moment'. import call expects one or two arguments. 라는 오류가 뜹니다. 코드는 이런식으로 짰는데 어떤 점이 문제일까요?
미해결
한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
this.template = () => 에서 temp에 태그들을 넣어주고 하는 부분에 input에는 클로징태그가 필요없는 건가요? 클로징태그를 작성시 input에 value에 자동으로 /값이 들어가게 되는 상태가 되어 클로징태그가 필요 없는 부분인가? 필요 없는 이유는 무엇인지..에 대한 궁굼증이 생겨 질문드립니다 <div class='search'> <input type="text" placeholder="Search" id="search" autocomplete="off" value=${searchWord} > </div>
미해결
Node.js로 웹 크롤링하기
const browser: Browser = await puppeteer.launch({ headless: true, args: ['--remote-debugging-port=9222', '--no-sandbox', '--disable-setuid-sandbox'] }); const page: Page = await browser.newPage(); 크롤링 만들고 있습니다! 헤드리스를 true로 해봐도, 아예 없애봐도, 아래 args 를 이것저것 달아봐도 크롤링을 시작하면 아래 창과 크롬은 안뜨나 화면에 이렇게 크게 빈화면이 나옵니다.. 저만 그런가요? 이거 없애는 방법이 뭘까요 ㅠㅠ
