inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

마지막 강의 js파일로 바꿀 시 스크롤 프레임 렉? 버벅임?

미해결

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

마지막 강의에서 올리신 js파일로 바꾸니 애니메이션이 들어가있는 section 0, 2에서 터치패드로 스크롤 시 멈추는 부분에서 몇프레임 앞뒤 왔다갔다 하는 현상이 좀 심하게 발생합니다. 이전만큼 부드럽게 진행이 되지 않고 좀 간격이 넓게 스크롤 되는 느낌입니다. 이미지 로딩 후 정렬 때문에 이렇게 되는건가요? 아니라면 혹시 팁을 좀 주실 수 있나요? 다시 확인해본 바 새로고침을 하면 이러한 문제가 사라지긴 합니다만 원인을 잘 모르겠네요. 좀 더 알아보겠습니다. 제가 진행한 파일입니다! https://leealvinlee.github.io/Leeum_Maurizio_Catellan/

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

CommentListItem의 props에 대한 질문입니다.

미해결

처음 만난 리액트(React)

강의에서 CommentListItem 컴포넌트를 만든 후에 CommentList 컴포넌트를 만들었는데, CommentListItem에서 comment를 props로 받는건 CommentList에 map에서 comments에서 배열을 하나씩 뽑을 때 사용할 이름 comment를 생각해두고 CommentListItem가 comment로 명명한 props를 받는건가요? 그리고 map에서 사용할 comment 처럼 쓰이는 것들도 그냥 변수라고 부르나요? index가 key 값으로 사용되지 않았는데 존재 이유는 무엇인가요?

  • html/css
  • HTML/CSS
  • javascript
  • react
exwhite 댓글 1 좋아요 0 조회수 513

pandas 로 csv 읽어서 django model 에 저장하는데 속도 느려지는 이슈 있음. 질문드립니다.

해결됨

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트

200여개의 csv 파일이 있습니다. (용량은 각각 1메가에서 120메가 - 최대 100만건 데이터 등등 ). 결측치 가 있어서 판다스 에서 불러들여서 정리하고 for 반복문으로 파일 개별적으로 읽어 들여와 장고 모델에 save() 로 입력시키는 작업을 진행하고 있습니다. 초반 10여개 파일까지는 제법 속도가 나오는데 (7만행 데이터 20분 소요) 이후로 속도가 급격하게 감소해서 24시간 돌려서 30메가 파일 겨우 저장 중입니다(1건에 1초씩 걸리네요 ㅠㅠ). 개발중이라 로컬에 있는 장고 내장 sqlite 사용 했습니다. 속도를 좀 더 빠르게 하는 방법이 있을까요? 3일째 검색 해봤는데 별다른 해결책이 보이지 않아서 질문 남겨 봅니다. app.py # new 폴더에 정리된 csv 파일을 읽어서 DB에 저장 import pandas as pd # django 프로젝트에 있는 settings.py 파일을 읽어서 환경변수로 설정 import os os.environ.setdefault("DJANGO_SETTINGS_MODULE", "dbking.settings") import django django.setup() #django 프로젝트에 있는 models.py 파일에서 BasicData 클래스를 읽어온다 from common.models import BasicData # new 폴더에 있는 파일명을 읽어서 product 변수에 리스트에 저장 product_list = os.listdir("./script/newdb") # product_list 에 csv 파일 정렬(오름차순) for x in product_list: # csv 파일 하나씩 읽어오기 df = pd.read_csv("./script/newdb/" + x, encoding="cp949") # 결측치를 0으로 채운다 df = df.fillna(0) for a in list_of_csv: # 파일마다 컬럼수가 달라서 remark1, remark2 라는 예비컬럼 2개 추가 # -> 인덱스 에러 나는 경우 0 으로 저장 if a[16] is None: a.insert(16, 0) a.insert(17, 0) elif a[17] is None: a.insert(17, 0) # DB에 저장 try: db_insert = BasicData( opnSvcId = a[2], opnSfTeamCode = a[3], mgtNo = a[4], fileNumber = fileNumber, businessType = businessType, opnSvcNm = a[1], apvPermYmd = a[5], confirmNumber = a[6], businessCondition = a[7], siteTel = a[8], sitePostNo = a[9], siteWhlAddr = a[10], rdnWhlAddr = a[11], rdnPostNo = a[12], bplcNm = a[13], latitude = a[14], longitude = a[15], remark1 = a[16], remark2 = a[17], ) i += 1 # print(i) except Exception as e: print("쿼리", e) continue #DB에 저장 입력 try: db_insert.save() except Exception as e: print("저장중에러",e) continue from django.db import models class BasicData(models.Model): # 개방서비스아이디 opnSvcId = models.CharField(max_length=100) #개방자치단체코드 opnSfTeamCode = models.CharField(max_length=10) # 관리번호 mgtNo = models.CharField(max_length=100) #파일번호 fileNumber = models.IntegerField() #업종명 businessType = models.CharField(max_length=100) #개방서비스명 opnSvcNm = models.CharField(max_length=100) #인허가일자 apvPermYmd = models.DateField() #영업상태구분코드(1-정상, 2-폐업, 3-휴업, 4-전환) confirmNumber = models.IntegerField() #영업상태명 businessCondition = models.CharField(max_length=100) #소재지전화 siteTel = models.CharField(max_length=100) #우편번호 sitePostNo = models.CharField(max_length=100) #주소 siteWhlAddr = models.CharField(max_length=100) #도로명주소 rdnWhlAddr = models.CharField(max_length=100) #도로명우편번호 rdnPostNo = models.CharField(max_length=100) #사업장명 bplcNm = models.CharField(max_length=100) # 위도 latitude = models.FloatField() # 경도 longitude = models.FloatField() #비고1 remark1 = models.CharField(max_length=100) #비고2 remark2 = models.CharField(max_length=100) # 생성시점 created = models.DateTimeField(auto_now_add=True) update = models.DateTimeField(auto_now=True) def save(self, *args, **kwargs): queryset = BasicData.objects.filter(mgtNo__exact=self.mgtNo) # 중복된 이름이 없을 때만 저장 if len(queryset) == 0: super().save(*args, **kwargs) print('> Created new category') # if '&' in self.addr: # self.addr = self.addr.replace('&', ' ') # self.save() # 중복된 카테고리 있을 시 저장 안함 else: print('> Cannot create category with existing name') def __str__(self): return self.name

  • django
  • docker
  • react
  • python
su hyun JIN 댓글 1 좋아요 0 조회수 756

Jupyter lab 대신 Colab 활용 가능성?

해결됨

문과생도, 비전공자도, 누구나 배울 수 있는 파이썬(Python)!

안녕하세요. 어제부터 DeepingSauce님 로드맵을 갓 시작한 코린이 입니다. 금일 강의를 전부 결재하고 시작점에 섰는데 확인해보니 공부 환경상 Jupyter lab 활용이 불가능 하여 두가지 질문 드립니다. Colab 활용 가능성 수강 환경상 Jupyter Notebook은 쓸 수 있지만 Jupyter Lab의 사용이 불가능합니다. 그래서 Colab을 사용해볼까 하는데, 수업 진행에 무리가 없을런지 질문 드립니다. (수업내용을 보니 Jupyter에 Extention까지 설치해서 사용하던데 Colab이 해당 기능들을 다 지원할지 모르겠습니다.) Colab 설치 및 세팅방법 Colab이 활용 가능하다면 선생님 수업을 위해 (Jupyter Lab에서 했듯이) Colab의 설치 및 세팅방법도 알고 싶습니다. 혹시 가능하다면 안내 부탁 드립니다. 아는 지식이 짧아 있는 그대로 질문 드립니다.

  • python
wk 댓글 1 좋아요 0 조회수 503

db 생성이 안됩니다

해결됨

파이썬 동시성 프로그래밍 : 데이터 수집부터 웹 개발까지 (feat. FastAPI, async, await)

db 등록이 안되네요 윈도우입니다. https://yamea-guide.tistory.com/entry/atlas-MongoError-user-is-not-allowed-to-do-action-find-on 이 글 참고해서 해봤는데도 안되요 ㅠ

  • 동시성
  • python
  • 동시성
  • FastAPI
gusdnr598 댓글 1 좋아요 0 조회수 484

강사님 강의때 사용하신 강의자료나 그림같은건 어디 있을까요 ?ㅠ

해결됨

파이썬 동시성 프로그래밍 : 데이터 수집부터 웹 개발까지 (feat. FastAPI, async, await)

강의 내용에 도움이 될거같아서 주소나 첨부자료 보내주시면 강의 들을때 같이 활용해보도록 하겠습니다 감사합니다

  • 동시성
  • FastAPI
  • 동시성
  • python
gusdnr598 댓글 1 좋아요 0 조회수 353

딕셔너리 value 값으로 key 값 찾

해결됨

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

a = {'Phone': '01095136634', 'birth': '910904', 'adress': 'Busan', 'rank': [1, 2, 3], 'test': 'test_dict'} a라는 딕셔너리에서 910904라는 value값을 통해 key 값을 찾아서 출력 하고 싶습니다. 제가 생각 해낸 방법은 딕셔너리에는 순서가 없음으로 리스트로 형 변환을 하여 해당하는 인덱스를 불러오는 방법을 사용했습니다. print(list(a.keys())[list(a.values()).index('910904')]) 이거보다 더 효율적이고 간결한 방법이 있을 가요?

  • python
신봉균 댓글 1 좋아요 0 조회수 713

js 파일로 따로하면

해결됨

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

안녕하세요 강사님 질문이 있습니다. 인증번호 전송하는 예시를 html내부에 js 태그로, 퀴즈를 거의 비슷하게 맞춰서 완료하긴 했는데, 이를 js 확장자로 파일을 2개 나눠서 진행해봤는데 뭐가 문제인지 잘 작동하지 않습니다. 단순히 제가 뭐를 잘못 입력한건지 아니면 이렇게 2개 나눠서 하는게 안되는건지 궁금합니다!!

  • html/css
  • javascript
  • HTML/CSS
rntqhdl10 댓글 1 좋아요 0 조회수 394

Django Unit Test에서 Async Task 시 Default DB 사용 이슈

미해결

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트

unittest 기반의 Unit Test시 Celery 혹은 ProcessPoolExecutor을 이용하면 해당 Context에서 DB 접근 시, Test DB를 참조 하는 것이 아니라 settings의 Default로 설정해놓은 Exist DB에 접근하는 이슈가 있더군요. 해당하는 경우 어떻게 해야 Test DB로 붙어서 작업할 수 있을까요? with concurrent.futures.ProcessPoolExecutor() as executor:

  • docker
  • python
  • unittest
  • async
  • django
  • react
BJ원생 댓글 1 좋아요 1 조회수 426

아톰 에디터 설치

미해결

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

atom.io로 들어가면 자꾸 이런 화면이 나오네요! 어떻게 해야 강의에서 보여주시는 화면으로 들어갈 수 있나요? ㅠㅠㅠ

  • html/css
  • bootstrap
  • HTML/CSS
  • javascript
태보미 댓글 1 좋아요 2 조회수 966

Grid 수직정렬 문의

미해결

CSS Flex와 Grid 제대로 익히기

안녕하세요. 영상 잘 보고 있습니다. 문의드리고 싶은 내용은 다음과 같습니다. 3행 1열 의 부모 컨테이너와 자식요소 (.logo, .search-bar, .banner) 일때 .container { display: grid; grid-template-columns : 20% 1fr 20%; } @media (max-width: 600px) { // 에서 1행 3열로 변동하게 된다면 #header{ display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr; } .logo, .search-bar, .banner{ grid-column: 1/2; grid-row: 1/2; } } 자식요소에 grid-column: 1/2; grid-row: 1/2; 적용시키는게 일반적인 방법인가요?

  • html/css
  • flex
  • HTML/CSS
돈 많은 백수이고 싶다 댓글 1 좋아요 0 조회수 1098

input type 체크할때 btn label 이 색깔이 안바뀝니다

미해결

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="/style.css"> </head> <body> <div class="tab-inner"> <input type="radio" name="tabmenu" id="tab1" checked> <input type="radio" name="tabmenu" id="tab2"> <input type="radio" name="tabmenu" id="tab3"> <div class="tabs"> <div class="items"> <div> <h1>Content 01</h1> </div> <div> <h1>Content 02</h1> </div> <div> <h1>Content 03</h1> </div> </div> <div class="btn"> <label for="tab1"></label> <label for="tab2"></label> <label for="tab3"></label> </div> </div> </div> </body> </html> body { line-height: 1.5em; margin: 0; color: #222; } .tab-inner {} input[name=tabmenu] { display: none; } .tabs { overflow: hidden; position: relative; height: 100vh; } .items { height: 100vh; width: 300%; transition: 0.5s; position: absolute; top: 0; left: 0; } .items div { height: 100vh; float: left; width: 33.33333%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .items div:nth-child(1){ background-color: teal; } .items div:nth-child(2){ background-color: dodgerblue; } .items div:nth-child(3){ background-color: yellowgreen; } .items div h1 { font-size: 80px; font-weight: normal; } .btn { position: absolute; bottom: 20px; width: 100%; text-align: center; } .btn label { display: inline-block; height: 16px; width: 16px; border-radius: 20px; background-color: #c4c4c4; cursor: pointer; } input[id=tab1]:checked ~ .tabs .items { left: 0; } input[id=tab2]:checked ~ .tabs .items { left: -100%; } input[id=tab3]:checked ~ .tabs .items { left: -200%; } input[id=tab1]:checked ~ .btn label[for=tab1], input[id=tab2]:checked ~ .btn label[for=tab2], input[id=tab3]:checked ~ .btn label[for=tab3] { background-color: #fff; }

  • html/css
  • HTML/CSS
  • jquery
황재중 댓글 1 좋아요 1 조회수 538

@mixin 관련 질문입니다.

해결됨

SCSS(SASS)+GRID+FLEX 실전 포트폴리오 퍼블리싱

@mixin 파트 시청중 궁금점이 생겨서요! 첫번째 이미지 처럼 hover를 저렇게주고 css 컴파일하면은 두번째이미지처럼 3개의 hover를 가진 css로 컴파일 되어서 보여지는데요. 저러면은 괜히 css만 지저분해져보이는데 저렇게 hover를 주는 이유가 있었을까여?. 그리고 css 컴파일 된것을 보면은 ex) .complete.complete:hover -> 이렇게 되어있으면은 제가 알고 있는 css개념으로는 .complete 클래스를 가지면서 .complete를가진 요소에 hover를 줘라라고 알고있기때문에 hover가 먹지 않을꺼라고 생각이들었는데요. 먹어지는 이유가 있을까요?..

  • html/css
  • sass
  • flex
  • HTML/CSS
  • flex
cyj 댓글 1 좋아요 1 조회수 543

코드 작성 후, 리로드하면 웹브라우저에서 코딩이 그대로 실행됨

미해결

컴퓨터, 웹, 코딩, 프로그래밍의 시작 - Web1

처음에는 태그 자동완성도 되고 리로드도 정상적으로 실행됐습니다. 그런데 수강 중 실습하면서 코딩 작성하다가 알림창이 떠서 확인도 안하고 클릭했더니 다음부턴 태그 자동완성도 안되고, 웹브라우저로 리로드하면 원본 코드 그대로 나타납니다... visual studio code 삭제 이후 재설치해봤는데도 똑같은 상태라서 어떻게 해야할지 모르겠습니다.

  • html/css
  • HTML/CSS
민지 댓글 0 좋아요 0 조회수 341

브라우저 사이즈에 따라 위치값이 달라지는건 왜일까요..?

미해결

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

안녕하세요 전진 3D스크롤 예제를 이리저리 수정해보고 있는데요. 옆면 벽에 더해 위쪽 벽도 만들어보고 싶어서 수정하고 있습니다. 브라우저 사이즈가 작을때는 정상적입니다.. 근데 브라우저를 최대화하면... 이렇게 위쪽 벽이 튀어나가버립니다.. html은 실습예제에서 양쪽벽과 위쪽벽만 빼고 삭제했습니다.. <div class="world"> <div class="stage"> <div class="house"> <section class="wall wall-left"></section> <section class="wall wall-right"></section> <section class="wall wall-upper wall-upper-left"></section> <section class="wall wall-upper wall-upper-right"></section> </div> </div> </div> css는 body world stage house wall는 실습예제와 크게 다른점이 없구요.. body { height: 100vh; font-family: 'Apple SD Gothic Neo', 'Roboto', 'Noto Sans KR', NanumGothic, 'Malgun Gothic', sans-serif; color: #555; background: #555; } .world { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; perspective: 100vw; } .stage { position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; transform-style: preserve-3d; } .house { width: 100vw; height: 100vh; transform: translateZ(-500vw); transform-style: preserve-3d; } .wall { position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; } 옆벽과 위쪽벽만 아래처럼 만들어놨습니다.. .wall-right { background:#6b68ff55; width: 1000vw; transform: rotateY(90deg) translateZ(-400vw) } .wall-upper-left { height: 1000vw; background: #00000055; transform: rotateX(90deg) translateZ(500vw) } 둘다 길이가 1000vw라서 브라우저 가로사이즈에 따라 달라질 요인은 없는거같은데... 왜 그럴까요?ㅠㅠ 세로로는 브라우저 크기에 영향을 안받고, 오직 가로크기가 변하면 저렇게 어긋나버립니다..

  • html/css
  • javascript
  • 인터랙티브-웹
  • 인터랙티브-웹
  • HTML/CSS
때찌 댓글 1 좋아요 0 조회수 637

Event handler 질문입니다.

미해결

처음 만난 리액트(React)

변수 handleConfirm의 Arrow function이 실행하는 것은 어떤걸 받아서 무엇을 하는 건가요? prevIsConfirmed이 뭘 하는 녀석인지 모르겠습니다.

  • html/css
  • HTML/CSS
  • react
  • javascript
exwhite 댓글 2 좋아요 1 조회수 802

크롤링 데이터 가공 후 입력창에 넣기

미해결

실습으로 끝장내는 웹 크롤링과 웹 페이지 자동화 & 실전 활용

수업 잘 듣고 있습니다. 자동화를 하고 싶으서 예전 영상 보다가 최근에 다시 올라와서 보는 중 강의 발견하고 바로 수강해서 듣고 있습니다. 궁금한 것이 하나 있는데요. 셀레니움에서 하나의 윈도우 창의 특정 태그 값을 찾아서 다른 윈도우 창을 오픈 한 후 특정 필드에 값을 넣을 수 있나요?

  • beautifulsoup
  • 웹-크롤링
  • selenium
  • python
  • selenium
  • beautifulsoup
  • 웹-크롤링
ecomarine 댓글 1 좋아요 0 조회수 447

git 주소

해결됨

파이썬 동시성 프로그래밍 : 데이터 수집부터 웹 개발까지 (feat. FastAPI, async, await)

강사님 이해안되서 git좀 참고하려고하는데 강의하신 자료랑 git주소좀 알려주세요 ..

  • 동시성
  • python
  • FastAPI
  • 동시성
gusdnr598 댓글 1 좋아요 0 조회수 412

인기 태그

인프런 TOP Writers

주간 인기글