inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

Tab 상수 관련되서 질문 드립니다.

미해결

[React 1부] 만들고 비교하며 학습하는 React

TabLable의 프로퍼티명을 상수 객체로 선언하신 이유가 있을까요? 추후 구현에서 TabType에 따라 안의 컨텐츠가 달라지니 map안에서 type === 'KEYWORD'와 같이 하드코딩 방지하기 위해서 일까요? (1) const TabType = { KEYWORD: 'KEYWORD', // 추천 HISTORY: 'HISTORY' // 최근 }; const TabLable = { [TabType.KEYWORD]: '추천 검색어', [TabType.HISTORY]: '최근 검색어' } Object.values(TabType) .map(tabType => ({ tabType, tabLable: TabLable[tabType] })) .map(this._getTab) .join('') ------------------------------- (2) const TabLable = { 'KEYWORD': '추천 검색어', 'HISTORY': '최근 검색어' } Object.entries(TabLable) .map((row) => { const [ tabType, tabLable ] = row; return { tabType, tabLable } }) .map(this._getTab) .join('');

  • MVC
  • react
geuni 댓글 3 좋아요 1 조회수 343

new Data( ) 질문

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

이 부분에서 new Data() 코드를 updata_time이라고 되어 있는 부분에 직접 넣어주게 되면 계속 에러가 발생을 합니다.... Data 라는 함수로 인지를 못하고 정의되어 있지 않다는 에러가 발생을 합니다. 제가 어떤 부분을 잘못한 것일까요?? const Diarycontent = ({ author , content , emotion , created_data , id }) => { const update_time = new Date ( created_data ). toLocaleString (); return ( < div className = "Diarycontent" > < h2 > diary content </ h2 > < div className = "info" > < span > 작성자: { author } | 감정점수: { emotion } </ span > < br /> < span > { update_time } </ span > </ div > </ div > ); }; export default Diarycontent ;

  • newData
  • nodejs
  • javascript
  • react
댓글 1 좋아요 0 조회수 249

최상위 태그 관련 에러 ?

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

리스트렌터링 부분에서 최상위 태그가 없어서 에러가 난다는 부분에 대해서 다시 한번 설명 부탁드리겠습니다. <h2></h2> 부분을 같이 쓰고 싶다면 어떻게 최상위태그로 묶어주어야하나요? import Diarycotent from "./Diarycontent" ; const DiaryList = ({ diarylist }) => { console . log ( diarylist ); return ( < div > < h2 > 일기장 list </ h2 > < div > { diarylist . map (( it ) => ( < div > < Diarycotent /> </ div > < div >< h2 > aaaaaaaaa </ h2 ></ div > )) } </ div > </ div > ); }; export default DiaryList ;

  • jsx
  • 리스트렌더링
  • javascript
  • react
  • nodejs
이종민 댓글 1 좋아요 0 조회수 306

궁금한 점이 있습니다.

해결됨

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2

불필요한 css를 purgecss로 제거하셨는데, 궁금한 점이 웹앱의 경우는 웹에서 사용하는 css는 앱에선 필요없고, 앱에서 사용하는 css는 웹에서는 필요없는데 이런것도 구별해서 제공을 해주는지 궁금합니다. 웹앱의 경우는 두개의 css를 다 갖고 있어서 불필요한 css를 줄일 수 있는지가 궁금합니다.

  • 질문
  • react
  • devtools
s s 댓글 1 좋아요 1 조회수 285

import {Icon} 에러 나시는 분

미해결

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

직접 공식문서 찾아드리려 했지만 이분께서 정리를 잘 해주셨습니다. ant design업그레이드 되면서 바뀐 문제입니다. 참고: https://shinye0213.tistory.com/317

  • react
  • redux
  • mongodb
  • nodejs
손서연 댓글 1 좋아요 0 조회수 276

++에 대해서 궁금합니다.

미해결

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

1:40부근에 ++에 대해서 설명하실때 예를들어 i++ 라고하면 i에 1씩 더한다고 설명하셨는데. 실행할때는 i=0 이라 선언하고 i++를 실행하면 바로 1이더해진값인 1이 나오는게아니라 한번더 i의 값에 대해서 물어야지 1이더해진 값이 출력되더라구요. i++가 한번치면 i+1 두번치면 i+2 인데 해당상수 더하기는 바로적용되서 값이 반영되던데 ++는 어째서 출력값이 한번더 i의 값에대해 물어야지 나오는건가요? 쓸때없는 질문이지만 단순호기심에 여쭤봅니다.

  • HTML/CSS
  • javascript
  • react-native
  • nodejs
  • tensorflow
  • react
  • express
  • 머신러닝 배워볼래요?
댓글 1 좋아요 1 조회수 170

folium의 map을 html

미해결

Python 모듈을 활용한 공간 분석

folium의 map을 html로 저장한 후에, 저장된 html 소스코드를 spring으로 만든 웹 사이트에 넣으려고 하는데 geojson 때문에 오류가 생깁니다. 혹시 spring으로 만든 웹 사이트에 folium 지도를 띄울 수 있는 방법을 알 수 있을까요?

  • folium
  • spring
  • GIS
  • map
  • folium
  • html
  • geojson
etoile0320 댓글 1 좋아요 0 조회수 1020

AutoML EfficientDet 모델 학습 후 Evaluation은 어떻게 진행하나요??

미해결

[개정판] 딥러닝 컴퓨터 비전 완벽 가이드

다른 모델 강의와 다르게 최종 Evaluation 과정이 나와있지 않아 질문드립니다. 테스트데이터도 TFRecord 형태로 변환한 뒤 tf2의 eval.py 혹은 efficientdet_keras_test.py 모듈을 사용하면 되는 것인지, AutoML EfficientDet 모델의 Evaluation 과정을 어떻게 진행하면 되는지 알고싶습니다.

  • keras
  • 머신러닝 배워볼래요?
  • python
  • 컴퓨터-비전
  • tensorflow
  • 딥러닝
김남욱 댓글 1 좋아요 0 조회수 611

클래스 변수와 인스턴스 변수

미해결

우리를 위한 프로그래밍 : 파이썬 중급 (Inflearn Original)

클래스 변수를 이용한 코드를 혼자서 작성하다가, 조금 궁금한 부분이 있어 질문드립니다. 사람이 가방에 물건을 넣는 동작을 클래스로 구현해보고자 했는데요 class Person : bag = [] def put_bag ( self , stuff ): self . bag . append ( stuff ) james = Person () james . put_bag ( '책' ) maria = Person () maria . put_bag ( '열쇠' ) print ( james . bag ) print ( maria . bag ) 다음과 같이 bag 라는 클래스 변수를 선언하고, 코드를 실행해보니 james.bag와 maria.bag를 출력한 결과가 같게 나왔습니다. 각각 다른 인스턴스를 생성하여 bag에 물건을 넣었는데도 결과가 같게 나온 이유를 생각해 보았는데요... james . put_bag ( '책' ) 이 코드를 실행하면 def put_bag ( self , stuff ): self . bag . append ( stuff ) 이 메소드에서 self에는 james가 할당되므로 결과적으로 james.bag.append('책') 이 실행될 것입니다. 그런데 코드 상에서 james 인스턴스는 bag라는 변수가 네임스페이스에 존재하지 않으므로, 그 대신 Person 클래스의 네임스페이스에서 bag 변수를 찾아 여기에 '책'을 넣었다고 생각을 하였습니다. 혹시 잘못된 부분이 있으면 설명 부탁드립니다. 감사합니다

  • python
  • django
vpdtlrdl 댓글 2 좋아요 0 조회수 220

그림 불러오기

미해결

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

그랩마켓이라는 이미지 불러오기가 안되네요... 어떻게 해야될까요???

  • express
  • tensorflow
  • HTML/CSS
  • nodejs
  • javascript
  • 머신러닝 배워볼래요?
  • react-native
  • react
댓글 1 좋아요 0 조회수 244

Props 강의 관련해서 질문!!

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요. OddEvenResult 관련 부분 설명 시, 저는 decideodd 라고 했을 때는 인식이 되지 않다가 Decideodd 라고 하게 되면 인식이 되는 모습을 볼 수 있었습니다. 즉. 함수명은 소문자로 시작하면 에러가 발생을 합니다. 관련해서는 무조건 대문자로 시작을 해야하는건가요??

  • javascript
  • react
  • nodejs
이종민 댓글 1 좋아요 0 조회수 298

React alert창 띄운 후 확인 버튼 누르면 값 갱신 안되게 하는 방법ㅠㅠ

미해결

안녕하세요, react로 웹 페이지를 제작 중입니다. 다름이 아니라 3개 이상 선택하면 alert창으로('3개까지만 선택 가능합니다')라고 띄우는 것 까지는 썼는데 이제 확인을 누르면 4개도 다시 클릭이 되더라구요.. 이걸 막는 방법은 뭐가 있을까요..? 관련된 함수랑 코드를 써놓겠습니다..! const [ number , setNumber ] = useState ( 0 ); const increaseNumber = () => { setNumber ( number + 1 ) }; const decreaseNumber = () => { // number의 값을 감소시키는 함수 setNumber ( number - 1 ); }; const over3 =() => { if ( number >= 3 ){ alert ( '3개까지만 선택 가능합니다!' ); } } //onClick에 카운트 세는 함수 설정되어있습니다. < div className = 'movieposter' > { datas . map (( movie , i ) => ( movie . value === true ? < img className = 'img-responsive_clicked' src = "https://movie-phinf.pstatic.net/20220214_120/1644825641315cvVKI_JPEG/movie_image.jpg?type=f125" alt = { i } onClick = { () => { decreaseNumber (); handleClickImage ( i );} } /> : < img className = 'img-responsive' src = 'img/movie_image1.jpg' alt = { i } onClick = { () => { increaseNumber (); handleClickImage ( i ); over3 ()} } /> )) } </ div >

  • react
  • reactjs
  • 웹페이지
  • 프론트엔드
namuneulbo 댓글 1 좋아요 0 조회수 3178

gridsearchCV result score가 동일하게 나옵니다.

미해결

import numpy from sklearn . model_selection import GridSearchCV from keras . models import Sequential from keras . layers import Dense from keras . wrappers . scikit_learn import KerasClassifier #load data data = pd.read_csv('~/all.csv') df - data.iloc[:, 4:] X = pd.DataFrame(df.values) Y = pd.DataFrame(data, columns=['number']) X_train, X_test, Y_train, Y_test = train_test_split(X.values, Y.values, test_size=0.1, random_state=42) # Function to create model, required for KerasClassifier def create_model (neurons=256 ) : # create model model = Sequential ( ) model . add ( Dense (neurons , input_dim =8192 , activation = 'sigmoid' ) ) model . add ( Dense (neurons , activation = 'sigmoid' ) ) model . add ( Dense (neurons , activation = 'sigmoid' ) ) model . add ( Dense (neurons , activation = 'sigmoid' ) ) model . add ( Dense (1 , activation = 'linear' ) ) # Compile model model . compile ( loss = 'mae' , optimizer = 'adam' ) return model # fix random seed for reproducibility seed = 7 numpy . random . seed ( seed ) model = KerasClassifier ( build_fn = create_model , verbose = 0, batch_size = 8 ) # define the grid search parameters neurons = [ 256 ] epochs = [ 32, 64 ] param_grid = dict ( neurons=neurons , epochs = epochs ) grid = GridSearchCV ( estimator = model , param_grid = param_grid , n_jobs = - 1 , cv = 3, scoring='r2' ) grid_result = grid . fit ( X_train , Y_train ) # summarize results print ( "Best: %f using %s" % ( grid_result . best_score_ , grid_result . best_params_ ) ) means = grid_result . cv_results_ [ 'mean_test_score' ] stds = grid_result . cv_results_ [ 'std_test_score' ] params = grid_result . cv_results_ [ 'params' ] for mean , stdev , param in zip ( means , stds , params ) : print ( "%f (%f) with: %r" % ( mean , stdev , param ) ) 코드입니다. 이렇게 실행시키면 결과값이 모두 동일한 값이 나와요. Best: -16.710561 using {'epochs': 32, 'neurons': 256} -16.710561 (5.419502) with {'epochs': 32, 'neurons': 256} -16.710561 (5.419502) with {'epochs': 64, 'neurons': 256} 위 값 뿐만아니라 mean_test_socre 등 모든 값이 동일하게 나와 최적의 parameter를 구할수 없습니다. 무엇이 문제인지 알려주세요.

  • python
  • gridsearch
  • gridsearchcv
djjeong 댓글 0 좋아요 0 조회수 216

왜 비디오가 이미지보다 늦게 요청되는 걸까요?

해결됨

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2

네트워크 탭으로 분석했을 때 비디오 리소스가 팬딩상태였다가 이미지 로드 완료 후 요청되는데 왜 항상 비디오가 이미지보다 늦게 요청되는 걸까요? 리소스 타입에 따른 브라우저 네트워크 상의 우선순위같은 것이 있는지 궁금합니다!

  • react
  • devtools
ㅇㅈㅇ 댓글 1 좋아요 1 조회수 348

글씨 색

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

선생님 혹시 진짜 별거 아니긴한데 module.exports 여기에 색 들어오게 하는건 어떻게 하셨나요 ㅠㅠ 저는 그냥 흰색으로 나와서 뭔가 밋밋해서 바꾸고싶은데 방법을 모르겠네요

  • javascript
  • react
  • nodejs
명원 댓글 1 좋아요 0 조회수 406

zerocho 님 eslint 설정관련해서 질문이 있습니다.

미해결

[리뉴얼] React로 NodeBird SNS 만들기

안녕하세요 zerocho 님 eslint 설정관련해서 질문이 있습니다. eslint에서 env쪽에 node: true를 주시면서 node에서 사용하니까 주셨다고 하셨는데 next.js는 Browser환경에서 실행되지 않나요? server 코드가 따로 있는게 아닌 것 같아서요 혹시 이유를 알 수 있을까요?

  • express
  • redux
  • nodejs
  • react
  • Next.js
댓글 1 좋아요 0 조회수 271

card영역이 footer 영역을 침범하여 문의드려요

미해결

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

강의 뒷부분에서 나온다고 댓글 확인했는데 아직 안나와서요.. height:100%는 어디다 적용되었는지 모르겠네요

  • HTML/CSS
  • nodejs
  • 머신러닝 배워볼래요?
  • tensorflow
  • javascript
  • react
  • express
  • react-native
기본땡땡이 댓글 2 좋아요 1 조회수 387

내용 질문

해결됨

우리를 위한 프로그래밍 : 파이썬 중급 (Inflearn Original)

안녕하세요! level 1을 마치고 level 2를 들을려고 합니다. level 2와 동시에 Django로 웹 개발공부를 해볼려고 합니다. 인프런에서 Django 로 코스를 선택했습니다. 그런데, 그 강좌에서 선수 파이썬 기본지식으로 `함수/클래스/상속/일급함수/장식자` 내용을 알아야 들을 수 있다고 하네요. 함수와 클래스는 Level 1에서 들었다고 하면 일급함수, 장식자는 TOC를 보면 Level2 에서 충분히 확인할 수 있는데, 상속은 어디서 들을 수 있는 건가요??? Level 3으로 가야 하나요????

  • python
  • django
김제하 댓글 1 좋아요 0 조회수 207

django 관련 질문

해결됨

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

안녕하세요! 이제 강의를 들을려고 합니다. 먼저 저의 상황은 이와 같습니다. Django를 통해 전체적인 웹개발에 대한 흐름을 공부해볼려고 시작합니다. 그 후, backend web 개발자나 Devops나 Data 분야로 가는 것을 결정해볼라고 합니다. Django에 대해 그냥 유튜브 검색을 해보니 [Django를 추천하지 않는 이유](https://www.youtube.com/watch?v=ObelJbEt8-Y) 를 보게 되었습니다. 이 영상에서 봤을 때, 웹 개발을 공부하고 싶으면 Django를 하지 말고 Spring을 해야 한다는 의견이었습니다. Django는 너무 dB에 집중되어 있다고 했습니다. 3년 전 영상이라 지금은 어떨지 모르겠습니다. java spring 시장이 한국에서 매우 거대하여 python Django가 상대적으로 적어도, 절대적으로는 적은 수는 아니라고 생각합니다. (그리고 python은 너무너무 가용성이 좋은 언어라 개인적으로 좋아하는 언어입니다 : ) ) 이에 대해 어떻게 생각하시는 지 궁금합니다.

  • django
  • react
  • python
  • django
  • docker
김제하 댓글 1 좋아요 0 조회수 639

기타 파일 설치 관련하여

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

안녕하세요! 환경세팅부분에서 계속막히는데요 ,,저는 yarn 설치 시 yarn lock 이 생성되지 않아 touch lock으로 생성하였습니다. 그 후 client 폴더에서 sass와 axios webpack을 설치하려 하니 다음과 같이 뜹니다. 어느 파일에 무얼 추가하면 될까요? 하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

  • rest-api
  • react
  • graphql
mh1020697 댓글 1 좋아요 1 조회수 242

인기 태그

인프런 TOP Writers

주간 인기글