inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

피그마에서 css 코드가 안보여요..

해결됨

[코드캠프] 시작은 프리캠프

제 화면에서는 css코드가 안보여요 ㅠㅠ 그리고 강의에서 보이는 빨강색(패딩으로 추정)으로 보이는것은 어떻게 설정해야되나요 ?

  • HTML/CSS
  • javascript
히응 댓글 2 좋아요 1 조회수 3306

feather light

미해결

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

feather light 개인포트폴리오에 feather light 를 사용해서 프로젝트 모달창을 띄웠는데 프로젝트에서 사용된 incloude위치를 찾을 수 없다고 뜹니다 프로젝트자체에서 라이브서버 켜서 확인을 하면 incloude가 작동되어서 위치를 찾아가는데 이런 경우에는 어떠헥 하나요?

  • HTML/CSS
  • jquery
  • 포트폴리오
오잉 댓글 2 좋아요 1 조회수 265

display flex 및 link가 제대로 작동 안합니다...ㅠ

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

안녕하세요! 두 가지 질문이 있어서 글 남깁니다. display flex가 특정 id에 적용이 안됩니다 ㅠㅠ app.js에서 id=header인 부분에 css를 적용시켰는데 딱 header 부분만 적용이 안됩니다. 코드는 아래와 같습니다. app.js 코드 import logo from './logo.svg'; import './App.css'; import MainPageComponent from "./main/index.js" import React, { Component } from 'react'; import {Link, Switch, Route, useHistory} from 'react-router-dom' import UploadPage from './upload/index.js'; import ProductPage from './product/index.js'; import { Button } from 'antd'; import {DownloadOutlined} from '@ant-design/icons' function App() { const history = useHistory(); return ( <div> <div id="header"> <div id="header-area"> <Link to="/"> <img src="/images/icons/logo.png" /> </Link> <Button size="large" onClick={function(){ history.push('/upload'); }} icon={<DownloadOutlined />} > 상품 업로드 </Button> </div> </div> <div id="body"> <Switch> <Route exact={true} path="/"> <MainPageComponent /> </Route> <Route exact={true} path="/products/:id"> <ProductPage /> </Route> <Route exact={true} path="/upload"> <UploadPage /> </Route> </Switch> </div> <div id="footer"></div> </div> ); } export default App; app.css * { margin: 0; padding: 0; line-height: normal; } html, body, #root, #root > div { height: 100%; }; #header { height: 64px; /*가운데 정렬하는 방법*/ display: flex; justify-content: center; border-bottom: 1px solid gray; } #header-area { width: 1024px; height: 100%; display: flex; align-items: center; justify-content: space-between; } #header-area img { width: 128px; height: 36px; } #body { height: 100vh; width: 1024px; margin: 0 auto; /*가운데 정렬하는 방법 중 하나*/ padding: 24px; } #footer { height: 200px; background-color: rgb(230,230,230); } 이렇게 했을 때 아래와 같이 header만 적용이 안됩니다...(header-area는 css가 잘 적용이 되네요) Link 제대로 작동 안됨 Link 태그를 통해 상품 상세페이지로 넘어가는 코드를 구현했는데 잘 안되는 부분이 있습니다 ㅠㅠ 원래라면 상품 카드를 눌렀을 때 자동으로 상품 상세페이지로 넘어가면서 해당 페이지 내용이 나타나야하는데 저는 카드를 누르면 url 주소만 바뀌고 제가 수동으로 새로고침을 해야 해당 페이지로 넘어갑니다...(그랩마켓 로고를 눌렀을 때 메인페이지로 돌아가는 것도 마찬가지입니다) 위 코드에서 잘못된 부분이 어떤거길래 이렇게 되는걸까요...? 감사합니다!

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
윤건호 댓글 2 좋아요 0 조회수 561

컴포넌트 추출 관련 질문

미해결

처음 만난 리액트(React)

function Comment(props) { return ( <div className="comment"> <UserInfo user={props.author} /> <div className="comment-text"> {props.text} </div> <div className="comment-date"> {formatDate(props.date)} </div> </div> ); } props = { author: { name: "소플", avatarUrl: "https://..." }, text: "댓글입니다.", date: Date.now() } // Avatar 컴포넌트 추출 function Avatar(props) { return ( <img className="avatar" src={props.user.avatarUrl} alt={props.user.name} /> ); } // UserInfo 추출 function UserInfo(props) { return ( <div className="user-info"> <Avatar user={props.user}/> <div className="user-info-name"> {props.user.name} </div> </div> ); } 안녕하세요. 위의 코드는 Component 합성과 추출 수업 때 썼던 코드입니다. 컴포넌트 추출할 때 author 대신 user를 쓴다고 나와있는데 props 객체에서는 author만 있는데도 컴포넌트 추출할 때 user로 바꿔쓸 수 있는 이유가 궁금합니다.

  • HTML/CSS
  • javascript
  • react
김민지 댓글 1 좋아요 2 조회수 286

네이버 메일 자동화 실습 문의

해결됨

[신규 개정판] 이것이 진짜 엑셀자동화다 - 기본편

안녕하세요 네이버 메일 자동화 코드를 실행하면 메일 쓰기 버튼을 계속 찾지 못하고 있어 어떻게 수정하면 될지 문의드립니다. 메일함 이동까지는 정상적으로 되고 있으나 메일 쓰기 버튼만 찾지 못하고 있습니다. 코드는 다음과 같습니다. from selenium.webdriver import ChromeOptions from selenium import webdriver from selenium.webdriver.chrome.service import Service as ChromeService from webdriver_manager.chrome import ChromeDriverManager from selenium.webdriver.common.by import By import time import pyperclip import pyautogui from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.support import expected_conditions as EC options = ChromeOptions() options.add_experimental_option("detach", True) driver = webdriver.Chrome(service=ChromeService(ChromeDriverManager().install()), options=options) driver.get('https://nid.naver.com/nidlogin.login?mode=form&url=https://www.naver.com/') driver.maximize_window() # 화면 최대화 # 아이디 입력창 id = driver.find_element(By.CSS_SELECTOR, '#id') id.click() pyperclip.copy('eooe5173') pyautogui.hotkey('ctrl', 'v') time.sleep(2) # 비밀번호 입력창 passward = driver.find_element(By.CSS_SELECTOR, '#pw') passward.click() pyperclip.copy('ssw471395~') pyautogui.hotkey('ctrl', 'v') time.sleep(2) # 로그인 버튼 driver.find_element(By.CSS_SELECTOR, '#log\.login').click() time.sleep(5) # 메일함으로 이동 mailbox = driver.find_element(By.CSS_SELECTOR,'#shortcutArea > ul > li:nth-child(1) > a').click() time.sleep(5) # 내게 쓰기 버튼 writeme_button =driver.find_element(By.CSS_SELECTOR, '#root > div > nav > div > div.lnb_header > div.lnb_task > a.item.button_write').click() # 메일 제목 입력창 및 입력 mailname = driver.find_element(By.CSS_SELECTOR, '#subject_title').click() pyperclip.copy('안녕하세요') pyautogui.hotkey('ctrl', 'v') time.sleep(5) # 메일 내용 입력창 및 입력 mailinfo = driver.find_element(By.CSS_SELECTOR, '#body > div > div.workseditor-content').click() pyperclip.copy('네이버 메일 자동화입니다.') pyautogui.hotkey('ctrl', 'v') time.sleep(5) # 메일 저장 mailsave = driver.find_element(By.CSS_SELECTOR, '#content > div.mail_toolbar.type_write > div:nth-child(1) > div > button.button_write_task').click() time.sleep(5) 에러는 동일하게 다음과 같이 노출되고 있습니다. selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"css selector","selector":"#root > div > nav > div > div.lnb_header > div.lnb_task > a.item.button_write"} (Session info: chrome=123.0.6312.123) Stacktrace: GetHandleVerifier [0x00D14CA3+225091] (No symbol) [0x00C44DF1] (No symbol) [0x00AE9A7A] (No symbol) [0x00B2175B] (No symbol) [0x00B2188B] (No symbol) [0x00B57882] (No symbol) [0x00B3F5A4] (No symbol) [0x00B55CB0] (No symbol) [0x00B3F2F6] (No symbol) [0x00B179B9] (No symbol) [0x00B1879D] sqlite3_dbdata_init [0x01189A43+4064547] sqlite3_dbdata_init [0x0119104A+4094762] sqlite3_dbdata_init [0x0118B948+4072488] sqlite3_dbdata_init [0x00E8C9A9+930953] (No symbol) [0x00C507C4] (No symbol) [0x00C4ACE8] (No symbol) [0x00C4AE11] (No symbol) [0x00C3CA80] BaseThreadInitThunk [0x764EFCC9+25] RtlGetAppContainerNamedObjectPath [0x77DE7C5E+286] RtlGetAppContainerNamedObjectPath [0x77DE7C2E+238]

  • python
  • selenium
  • openpyxl
댓글 1 좋아요 0 조회수 399

섹션 17 하드코딩으로 이미지맵 만들기 부분 연습파일이 없어요..

미해결

반응형 웹사이트 포트폴리오(Architecture Agency)

하드코딩으로 이미지맵(image map) 만들기 코딩웍스 유튜트 채널에 있는 [이미지맵(image map) 만들기 ]에 상세히 강좌가 있습니다. 실무에서 꼭! 사용하게 되니까 한번쯤 만들어보세요. 하드코딩으로 이미지맵(image map) 만들기 강좌보기 https://youtu.be/21WRDP06O4s ※ 연습파일 다운로드는 유튜브 영상의 [더보기]를 누르시면 다운로드 링크가 있습니다. ==================================== 이렇게 되어 있는데 유튜브 링크 내에 다운로드 링크가 없고, 인프런 강의 18섹션 다운로드 부분에도 이미지맵 관련 파일은 안보이네요 연습파일을 얻을 수 있을까요?

  • HTML/CSS
  • jquery
  • 웹-디자인
  • 반응형-웹
d111 댓글 1 좋아요 0 조회수 274

안녕하세요 강의들은 후 개인포폴용으로 모바일앱 만들고있는데요..!

미해결

모바일 웹 퍼블리싱 포트폴리오 with Figma

와이어프레임 만들 때 구조를 어떻게짜야하는지 .. (박스를 어떻게 쳐야하는지 ) 감이 영안와서요 ㅠ.ㅠ 박스친거처럼 묶어서 구조짜도되는지 여쭤보고싶은데, 혹시 메일로도 질문 받으실까용 ?ㅠ

  • HTML/CSS
  • jquery
  • 모바일-디자인
  • figma
  • 포트폴리오
예림 댓글 1 좋아요 1 조회수 253

강의를 잘 활용하는 법 추천 부탁드립니다.

미해결

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

부트캠프로 java 백엔드를 공부하고있는 취준생입니다. 웹사이트 전반을 개발하는 과정을 경험하고싶어 해당 강의를 수강하고있습니다. 해당 강의를 수강하고 추가적인 활용방법을 추천해주시면 감사하겠습니다. 현재는 강의를 클론 코딩하며 개발 과정을 학습중입니다. 이후 node.js로 되어있는 서버를 spring으로 대체하며 부트캠프에서 배운 개념을 해당 프로젝트에 녹여내는 식으로 뜯어고쳐보며 학습하려합니다. 추가적으로 해당 강의에서 만든 프로젝트를 가지고 이런식으로 학습해봐라하는 조언을 듣고싶습니다.

  • HTML/CSS
  • javascript
  • aws
  • git
  • mysql
  • rest-api
  • github
IHH 댓글 1 좋아요 0 조회수 306

제목과 영상이 다른것 같아요~

해결됨

Airflow 마스터 클래스

Task 실패시 email 발송하기 sla 로 task 수행현황 감시하고 email 발송하기 이 두개의 영상이 바뀐것 같아 보입니다 확인 해봐주세요~

  • python
  • 데이터-엔지니어링
  • airflow
qkswl6253 댓글 1 좋아요 0 조회수 263

＼ <-이 작대기 작성 키는 무엇인가요??

미해결

프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

＼ <-이 작대기 작성 키는 무엇인가요??

  • python
재원정 댓글 2 좋아요 0 조회수 288

챕터 6 Notification 만들기 실습 질문입니다.

미해결

처음 만난 리액트(React)

Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot 교수님 코드르 따라가면서 공부하고 있습니다. Lifecycle method의 호출 확인을 위해 console 창에 들어갔는데 제일 위에 저 경고가 떠있는데 왜 그런건가요??

  • HTML/CSS
  • javascript
  • react
김준서 댓글 2 좋아요 0 조회수 248

구글 로그인 오류 .

미해결

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

강의와 동일하게 진행을 했음에도 불구하고 오류가 계속 나옵니다 . 어떻게 해야할지 구글링을 해보아도 답을 찾기 힘들어 질문합니다 해결방법을 알려주시면 정말 감사하겠습니다.

  • HTML/CSS
  • javascript
  • python
  • django
  • bootstrap
  • aws
  • docker
  • tdd
최기연 댓글 2 좋아요 0 조회수 490

pdf 파일 12_SQLALCHEMY_ADVANCE 소스파일이 다릅니다

미해결

처음하는 파이썬 백엔드 FastAPI 입문 (FastAPI부터 비동기 SQLAlchemy까지) [풀스택 Part1-2]

가장 첫번째 페이지 데이터 검색 (읽기) 에 나와있는 코드와 링크를 누르고 깃허브에 들어가서 나오는 코드가 다릅니다 . 수정부탁드립니다

  • python
  • mvc
  • sqlalchemy
  • FastAPI
  • backend
대성 댓글 2 좋아요 0 조회수 272

블럭 인라인 강의 중 다른점 질문

미해결

그림으로 배우는 HTML/CSS, 입문!

강사님이 하신대로 똑같이 입력값을 넣었는데 제 화면에는 밑에 한 블럭이 더 생기는데 어떤 이유에서 생기는건지 궁금합니다.

  • HTML/CSS
  • blockinline
kimdh399 댓글 1 좋아요 0 조회수 262

goupby.mean() 오류

미해결

파이썬 무료 강의 (활용편5) - 데이터 분석 및 시각화

그룹화 강의에서 df.groupby('학교').mean() 이 문을 실행했을때 TypeError가 나타나는데 강사님께서는 결과값이 잘 나옵니다. 어떤 차이인지 그리고 어떤 부분이 틀린건지 알고싶습니다. 자료형 문제인거 같은데 정확히 모르겠어서 문의드립니다. <데이터> <오류 내용>

  • python
  • pandas
  • groupby
조문영 댓글 1 좋아요 1 조회수 751

게속 오류떠서 글 작성해봐요....

미해결

애플 웹사이트 인터랙션 클론!

Uncaught TypeError: Cannot read properties of undefined (reading 'scrollHeight') at scrollLoop (main.js:367:65) at main.js:388:9 이런 오류 떠서 제 자바 스크립트 코드도 여기 올려볼께요....

  • HTML/CSS
  • javascript
  • 웹-디자인
  • svg
  • 인터랙티브-웹
  • 클론코딩
taehwan4072 댓글 2 좋아요 0 조회수 556

'이벤트 위임 보강 영상'에 있는 예제 html이 안 보입니다

미해결

인터랙티브 웹 개발 제대로 시작하기

섹션5에서 제공 중인 파일을 모두 받아 봤습니다. 그런데 이벤트 위임 보강 영상에서 보이는 delegation.html이 안 보입니다.. 혹시 제가 못 찾은걸까요??

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
BONGJUN 댓글 2 좋아요 0 조회수 305

섹션5 자바스크립트 이벤트 다루기 질문

미해결

인터랙티브 웹 개발 제대로 시작하기

안녕하세요 유준모 강사님.'움직이는 캐릭터 예제로 클릭 이벤트 익혀보기'에서 10분 30초쯤 "전역변수 회피를 위해서"라고 말하셨는데, 이 말이 어떤 건지 자세히 알 수 있을까요??

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
BONGJUN 댓글 1 좋아요 1 조회수 275

인기 태그

인프런 TOP Writers

주간 인기글