173만명의 커뮤니티!! 함께 토론해봐요.
해결됨
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
main/index.js에서 컴포넌트 함수명(MainPage)와 App.js에서 import 하는 함수명(MainPageComponent)가 달라도 괜찮은 이유가 뭔가요? 혹시 한 js파일에서는 export를 한 개의 컴포넌트만 할 수 있어서 그런건가요?(컴포넌트는 여러개 만들어도 문제가 괜찮던데 export를 2번 쓰니까 빨간줄이 생겨요.)
해결됨
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
useEffect의 두번째 파라미터에는 useState로 인해 할당된 변수인 time만 쓸 수 있는건가요? function TimerComponent() { const [time, setTime] = React.useState(0); const cnt = 0; React.useEffect(function() { setTime(time+1); }, [cnt]); return ( <div> <h3>{time}초</h3> <button onClick={function() { cnt++; }}>1씩 올려주세요.</button> </div> ); } 이런식으로 사용이 안되는건가요?
미해결
[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
안녕하세요! 좋은 강의 찾게 되어 보고 있는중에 문의 남깁니다. 결과 계산하기에서 value 값이 제일 높은 첫번째 항목을 결과값으로 보여주는데 많이 선택한 부분 출력 말고 정답 선택(1)시 값이 더해지게 바꾸는 방법이 있을까요? 점수 테스트처럼 바꿔서 만들어보고싶은데 강의로 따라하려다보니 만점아니면 빵점만 되서요 ㅠㅠ
미해결
퍼블리셔 취업 진짜 실전 가이드(PDF)
안녕하세요! 반응형 페이지를 만들다보면 드는 의문이 있어서요.. 물어볼곳이 없어서 질문드려요! 보통 반응형 페이지를 만들때 저는 모바일 320px 이상~ 태블릿 768px 이상~ 피씨는 그때마다 다르지만 한 1200px정도부터 잡고 시작하는데요! 320/768/1200 기준으로 디자인 작업을 하고나서 퍼블리싱을 하다보면 디자인은 딱 width 너비가 잡힌채로 하니까 이쁘게 나오는데 실제로 퍼블리싱하다보면 320px도 모바일이고 767px도 모바일이라 디자인이 애매해질때가 있거든요 ㅠㅠ 혹시 이런 부분은 실무에서 어떤식으로 해결하나요? 브레이크 포인트를 더 많이 잡고 배치를 해야하는 걸까요..?
미해결
처음 만난 리액트(React)
선생님께서 보여주신 React App 시계 만들기 실습 화면에는 "오후 6:35:38" 처럼 시간 부분에 반짝거리는 효과가 나오는데, 제 화면에서는 다음과 같이 div 부분에 효과가 나오는데, 이게 18 버전이라서 다른건가요? 그게 아니라면 어떤 이유 때문에 다르게 나오는건지 궁금합니다.
미해결
면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작
위 사진처럼 넣은 이미지들이 상대경로는 잘나오는데 절대경로는 안나온는데 상대경로만 가능한걸까요?
미해결
웹 애니메이션의 새로운 표준, Web Animations API
웹 제작 에디터(아임웹)에서 해당 기능을 사용하려고 합니다. 수업에서는 파일을 불러오는데.. 웹 에디터에서는 그런 기능을 지원하지 않아 전체를 복사해서 붙여 넣었는데 오류가 발생합니다. 외부 기능을 쓰는 web-animations 기능은 cdn으로 적용이 잘 되었습니다. 혹시 scroll-timeline.js 내용도 cdn으로 불러올 수 있는 방법이 있을까요?? 검색해도 찾을 수가 없어 문의드립니다. ^^a
해결됨
Python 알고리즘 베스트 10
안녕하세요 PDF파일은 출력하려고 하는데, 노션을 보면 "PDF 노션 페이지에서 다운로드하실 수 있습니다." 로만 되어있는데 다운받을 수 있는 링크는 어디에 있나요? 노션에서 전체PDF출력하려면 비지니스라서 불가능한데... 확인부탁드립니다.
미해결
모바일 웹 퍼블리싱 포트폴리오 with Figma
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 선생님 강의 듣고 있다가 문득 궁금한게 생겨 문의 남깁니다. 강의시 rem,vw 단위가 아닌 px단위로 퍼블리싱이 진행되는걸까요? 보통 모바일웹은 px보다는 rem이나 vw 단위를 주로 사용한다는 이야기를 들은적이 있어서 질문 남깁니다. 답변미리감사합니다
미해결
웹 애니메이션의 새로운 표준, Web Animations API
넓이를 높이를 전부 고정값으로만 사용하게 되는데 혹시 해당 부분은 100% 로 채워서는 적용이 어려울까요? 모바일까지 고려하게되면 퍼센트로 작업해야할것같은데 뭔가 넓이값이 달라지게 되면 중간중간 요소들 컨트롤이 아에 어려운 구조가 될까요?
미해결
파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트
안녕하세요, 강의를 잘 듣고 있습니다. 모델 필드에 있는 몇몇 필드들이 admin에 나타나지 않더군요 예를 들면, updated_at, created_at 같은 필드들이요 이를 위해서 admin 페이지에 일일히 모델 필드를 list_display에 등록해줘야 하는게 맞나요? from django.contrib import admin # Register your models here. from .models import * admin.site .empty_value_display = "-empty-" admin.site .register(Product) admin.site .register(CartProduct) class OrderAdmin(admin.ModelAdmin): list_display = ['customer', 'transaction_id', 'total_price'] admin.site .register(Category) admin.site .register(UserProfile) admin.site .register(Order) admin.site .register(OrderedProduct) admin.site .register(ShipmentInfo) 그럼 제가 직접만든 모델의 경우에는 그렇다 쳐도.. allauth에 있는 site domain 부분이 나오질 않는거에요 ㅠㅠ... 제가 뭘 잘못 건드렸는 지 모르겠는데, 맨처음 프로젝트할 때에는 allauth의 소셜 어플리케이션 부분에 사이트 도메인을 입력할 수 있는 커다란 박스가 있었는데, 그것만 또 안난옵니다. 제가 뭘 잘못한건지 ㅠㅠ 원래 잘 나오던건데... 이번에 파이참 커뮤니티 에디션에서 유료버전으로 바꾸고, 프로젝트를 만들고 나니 admin에 몇몇 모델의 필드들이 잘 보이지 않습니다. verbose name을 설정된것들이 특히 그런 거 같은데 무엇이 문제인지 도통 모르겠습니다. 그렇다고 allauth를 제가 admin에 등록해야하는걸까요? 2.제가 모르는 무언가가 있는걸까요?
해결됨
웹 애니메이션을 위한 GSAP 가이드 Part.01
vs코드에서 코드를 치면서 보는중인데 새로고침하면 첫번째 요소가 이미 위로 올라간상태로 시작되어서 어색한데 이 부분은 어떻게 해결 가능할까요? duration을 좀 줘보고 해봐도 첫번째 박스는 위로 좀 올라간상태에서 시작하네요 delay: 0.6 정도주면 대충 맞긴한대 delay 주는 방법밖에는 없겠죠? gsap.to(".stage .box", { y: -50, stagger: 0.2, });
미해결
SVG 마스터
안녕하세요. SVG 강의를 이번에 구매하게 되면서 이제 막 준비단계를 하고 있는데요. 강의에선 atom을 설치하고 emmet 패키지를 다운로드 하라고 되어있더라고요. 근데 emmet을 install에 검색해도 안뜨고 구글이던 유튜브에 쳐도 emmet을 다르게 설치하는 방법이 나오지도 않고요. 찾다보니 atom이 22년 12월에 종료 되었다는걸 알게 되었는데 계속 atom으로 공부해도 되는지 모르겠어요. 패키지 설치가 안되니 진도가 나가지지도 않고요 ㅜ 어떻게 해야되나요?
미해결
처음 만난 리액트(React)
안녕하세요 12강 실습코드를 그대로 작성했는데 섭씨온도를 적었을때 화씨온도로 자동으로 변환되어 나타나지 않습니다. 화씨온도를 먼저 적었을때도 마찬가지고요. 코드 한번 봐주실 수 있나요? 감사합니다. Calculator import React, {useState} from "react"; import TemperatureInput from "./Temperatureinput"; function BoilingVerdict(props){ if(props.celsius >= 100){ return <p>물이 끓습니다.</p>; } return <p>물이 끓지 않습니다.</p>; } function toCelsius(fahrenheit){ return ((fahrenheit-32)*5)/9; } function toFahrenheit(celsius){ return (celsius*9)/5+32; } function tryConvert(temperature,convert){ const input = parseFloat(temperature); if(Number.isNaN(input)){ return ""; } const output = convert(input); const rounded = Math.round(output*1000)/1000; return rounded.toString(); } function Calculator(props){ const [temperature, setTemperature] = useState(""); const[scale,setScale]=useState("c"); const handleCelsiusChange = (temperature) => { setTemperature(temperature); setScale("c"); }; const handleFahrenheitChange = (temperature) => { setTemperature(temperature); setScale("f"); }; const celsius = scale === "f" ? tryConvert(temperature, toCelsius):temperature; const fahrenheit = scale === "c" ? tryConvert(temperature, toFahrenheit):temperature; return ( <div> <TemperatureInput scale="c" temperatrue = {celsius} onTemperatureChange={handleCelsiusChange}/> <TemperatureInput scale="f" temperatrue = {fahrenheit} onTemperatureChange={handleFahrenheitChange}/> <BoilingVerdict celsius={parseFloat(celsius)} /> </div> ); } export default Calculator; Temperatureinput const scaleNames = { c:'섭씨', f:'화씨', }; function TemperatureInput(props){ const handleChange = (event) => { props.onTemperatureChange(event.target.value); }; return ( <fieldset> <legend> 온도를 입력해주세요(단위:{scaleNames[props.scale]}); </legend> <input value={props.temperature} onChange={handleChange} /> </fieldset> ); } export default TemperatureInput;
해결됨
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
javascript 연습문제를 더 풀어보고 싶은데 연습문제만 있는 곳이 있나요?
미해결
Do It! 장고+부트스트랩: 파이썬 웹개발의 정석
안녕하세요! Nginx 적용 강의까지 수강한 이후 개발용 컨테이너를 실행하기 위해 docker-compose -f docker-compose.dev.yml up 명령어를 입력하였는데 다음과 같은 에러가 발생했습니다. 개발용과 배포용 도커 분리하기 에서도 개발용 컨테이너를 실행하면 잘 됐었습니다. 이후 Nginx 적용하기까지 하는데도 강의와 책을 따라가며 잘 진행하여 문제없이 끝마쳤습니다. 왜 이러한 에러가 발생했는지 궁금합니다. +) 혹시나 제 코드에 무엇인가 오타가 있을까봐 수용님의 깃허브에 올라온 코드와 일일히 비교하며 찾아봤지만, 코드에 오타는 발견하지 못하였습니다. 아래 사진은 Docker-Desktop에서 컨테이너와 이미지, 저장소를 캡쳐한 사진입니다.
미해결
[웹 개발 풀스택 코스] HTML&CSS 기초
nth-child()에서 만약에 10행이 있다고 가정했을때 5번째 줄과 7번째 줄만 background-color를 넣고 싶다면 어떻게 해야하나요?
미해결
명령어가 안 먹혀요.
해결됨
비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
안녕하세요 선생님 certbot 설치 후 실행을 하면 오류가 납니다. 어디서부터 다시 해봐야하는지 모르겠습니다 오류내용 Challenge failed for domain hahahagood.shop http-01 challenge for hahahagood.shop Cleaning up challenges Some challenges have failed. IMPORTANT NOTES: - The following errors were reported by the server: Domain: hahahagood.shop Type: dns Detail: no valid A records found for hahahagood.shop ; no valid AAAA records found for hahahagood.shop root@ip-172-31-46-56:/home/ubuntu#
미해결
구성 관리 자동화 도구 - 앤서블(Ansible)
안녕하세요. 아래 섹션 실습 중, 에러가 발생하여 문의드립니다. 섹션 9 : [응용] 윈도우 관리학 - (1)베이그런트를 이용해서 윈도우를 추가하기 Ansible_env_ready.yaml 에 아래와 같이 추가 후, vagrant provision ansible-server을 수행했는데 pvwinrm 설치 과정에서 에러가 발생하였습니다. - name: Install python-pip yum: name: python-pip state: present - name: Install pywinrm pip: name: pywinrm state: present ansible-server에 접속하여 수동으로 pip install pywinrm을 수행했는데 역시 에러가 발생합니다. python 버전을 업그레이드 하라고 메시지가 나오는데 향후 수업 따라하기 시, 영향이 있을 듯 하여 선뜻 테스트하지 못 하고 있습니다. 해결 방법에 대해서 가이드 부탁드리겠습니다. 감사합니다 !
