실무에서 쓸일이 있어서 복습하다보니 Vue 버전이 바뀌어서 강의 내용보면서 Vue3 에 맞게 적용중인데요. 우선 아래 레퍼런스 참고하시면 될 듯 합니다. 강의내용과는 크게 다른건 없긴합니다. https://vuejs.org/guide/built-ins/transition.html#the-transition-component https://vuejs.org/examples/#list-transition TodoList.vue <template> <div> <!-- name 은 하단의 css 클래스 transition class 와 연관--> <TransitionGroup tag="ul" name="list" class="container"> <li v-bind:key="todoItem.item" v-for="(todoItem, index) in propsdata" class="shadow"> <i class="checkBtn fa-solid fa-check" v-bind:class="{checkBtnCompleted: todoItem.completed}" v-on:click="toggleComplete(todoItem, index)"></i> <span v-bind:class="{textCompleted : todoItem.completed}" >{{ todoItem.item }} </span> <!--{{ index }}--> <span class="removeBtn" v-on:click="removeTodo(todoItem, index)"> <i class="fa-solid fa-trash"></i> </span> </li> </TransitionGroup> </div> </template> <style> /* 기존 css 는 생략, 아래 레퍼런스 css 참고 https://vuejs.org/examples/#list-transition */ /* 리스트 아이템 트랜지션 효과 */ /* 1. declare transition */ .list-move, .list-enter-active, .list-leave-active { transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); } /* 2. declare enter from and leave to state */ .list-enter-from, .list-leave-to { opacity: 0; transform: translateY(30px); } /* 3. ensure leaving items are taken out of layout flow so that moving animations can be calculated correctly. */ .list-leave-active { position: absolute; transition: all 1s; } </style>
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
안녕하세요, 코드팩토리 덕분에 코딩의 재미를 다시 느끼고 있는 사람입니다. 동영상 플레이어를 다 만들고나서 문득 '유튜브처럼 스크린이 애니메이션으로 부드럽게 렌더링되면 더 보기 좋겠다' 라는 생각이 들어서 아래와 같이 간단하게 코드를 추가해서 작성했습니다. 실생활에서 자주쓰는 앱과 비슷하게 동작하도록 위젯트리를 구성하면 코딩의 재미가 한층 더 높아질 것 같아서 의견남겨봅니다 ㅎㅎ AspectRatio( aspectRatio: _controller.value.aspectRatio, child: Stack(children: [ VideoPlayer(_controller), AnimatedOpacity( opacity: isShown ? 1.0 : 0.0, duration: const Duration(milliseconds: 300), child: Column( children: [ _NewVideoButton( onPressed: widget.onGalleryClicked, ), _VideoControlScreen( onForwardPressed: onForwardPressed, onPlayPressed: onPlayPressed, onRewindPressed: onRewindPressed, isPlaying: _controller.value.isPlaying, ), _VideoSlider( currentPosition: currentPosition, maxPosition: _controller.value.duration, onSliderChanged: (val) { _controller.seekTo(Duration(seconds: val.toInt())); }) ], ), ) ]),
안녕하세요, 선생님 php객체지향의 첫 번째 강의인 '환경' 강의를 따라가면서 xdebug를 설치하고 이를 phpinfo()함수로 브라우저에서 확인하던 중에 xdebug가 없던 것을 발견했습니다. 강의에서 php.ini파일만 있던 것과는 다르게 php.ini-production과 php.ini-develpoment파일 2개가 있더라구요. 그래서 2개의 파일 이름을 모두 php.ini로 바꿔주고 xdebug실행을 위해 강의에서 해준대로 똑같이 설정해주었습니다. 이후에, phpinfo()로 확인해보니, xdebug가 없더라구요. 커맨드 창에 php --ini 를 실행하면, 다음과 같은 결과가 출력됩니다. PHP Warning: Failed loading Zend extension 'xdebug' (tried: C:\php\ext\xdebug ( 吏?뺣맂 紐⑤뱢??李얠쓣 ???놁뒿?덈떎), C:\php\ext\php_xdebug.dll (吏?뺣맂 紐⑤뱢??李얠쓣 ???놁뒿?덈떎)) in Unknown on line 0 PHP Warning: PHP Startup: Unable to load dynamic library 'curl' (tried: C:\php\ext\curl (吏?뺣맂 紐⑤뱢??李얠쓣 ???놁뒿?덈떎), C:\php\ext\php_curl.dll (吏?뺣맂 紐⑤뱢??李얠쓣 ???놁뒿?덈떎)) in Unknown on line 0 PHP Warning: PHP Startup: Unable to load dynamic library 'fileinfo' (tried: C:\php\ext\fileinfo (吏?뺣맂 紐⑤뱢??李얠쓣 ???놁뒿?덈떎), C:\php\ext\php_fileinfo.dll (吏?뺣맂 紐⑤뱢??李얠쓣 ???놁뒿?덈떎)) in Unknown on line 0 PHP Warning: PHP Startup: Unable to load dynamic library 'mbstring' (tried: C:\php\ext\mbstring (吏?뺣맂 紐⑤뱢??李얠쓣 ???놁뒿?덈떎), C:\php\ext\php_mbstring.dll (吏?뺣맂 紐⑤뱢??李얠쓣 ???놁뒿?덈떎)) in Unknown on line 0 PHP Warning: PHP Startup: Unable to load dynamic library 'mysqli' (tried: C:\php\ext\mysqli (吏?뺣맂 紐⑤뱢??李얠쓣 ???놁뒿?덈떎), C:\php\ext\php_mysqli.dll (吏? 뺣맂 紐⑤뱢??李얠쓣 ???놁뒿?덈떎)) in Unknown on line 0 PHP Warning: PHP Startup: Unable to load dynamic library 'openssl' (tried: C:\php\ext\openssl (吏?뺣맂 紐⑤뱢??李얠쓣 ???놁뒿?덈떎), C:\php\ext\php_openssl.dll ( 吏?뺣맂 紐⑤뱢??李얠쓣 ???놁뒿?덈떎)) in Unknown on line 0 PHP Warning: PHP Startup: Unable to load dynamic library 'pdo_mysql' (tried: C:\php\ext\pdo_mysql (吏?뺣맂 紐⑤뱢??李얠쓣 ???놁뒿?덈떎), C:\php\ext\php_pdo_mysql.dll (吏?뺣맂 紐⑤뱢??李얠쓣 ???놁뒿?덈떎)) in Unknown on line 0 Configuration File (php.ini) Path: Loaded Configuration File: C:\php8.2\php.ini Scan for additional .ini files in: (none) Additional .ini files parsed: (none) php_xdebug.dll 파일 안의 내용은 건든 적이 없는데, 뭐가 문제일까요??? 구글링을 통해서 문제를 찾아보려해도 이러한 종류의 에러 대처 방안을 찾지못했네요.. 독학으로 개발자를 준비하는 게 원래 이렇게 힘들고 고된 일일까요
해당 강의 3분 30초 이후부터 컴포넌트 창에 들어가서 DiaryList 컴포넌트의 DiaryItem들을 확인하는 장면이 나와있습니다. 강사님의 화면에서는 키값들이 0부터 잘 출력되지만 저는 아래와 같이키값들이 20부터 39까지 출력됩니다. useEffect를 건들이기 전 일기를 추가하는 부분에서는 키값들이 0부터 잘 출력되는 것을 보아 이번 강의에서 건들인 부분이 문제인것 같아 강사님이 올려주신 App.js 코드를 복붙하여 실습해보아도 해당 현상이 일어납니다. 그 이유를 알 수 있을까요?
로그인 - 서블릿 HTTP 세션2에서 로그인을 처음 시도하면 URL이 jsessionid 를 포함하고 있는데 - 리다이렉트되는 페이지는 MVC2 강의 처음에 생성했던 static/index.html로 리다이렉트 됩니다. (MVC 강의 1부터 2까지 하나의 프로젝트에 설정하고 있어서 - 이전의 실습내용도 삭제하지 않은 상황입니다.) 물론 application.yml에 server.servlet.session.tracking-modes=cookie 적용해주면 강의와 똑같이 정상적으로 동작하지만, 위에서처럼 index.html이 나오는 것은 무슨 이유 때문일까요?
cmd 창에 작성하는 것을 따라하고 있었는데, 비주얼 스튜디오 output 창에서 복붙하여 강의와 같이 따라하였는데, 아래와 같이 떴습니다. 계속 강의를 따라하고 있었는데 C:\Users\LG\Documents\Visual Studio 2022\example 4\x64\Debug>dir C 드라이브의 볼륨에는 이름이 없습니다. 볼륨 일련 번호: 8472-E1CB 아래처럼 더이상 진행이 안되어 output 을 하여 파일을 생성하는 것을 할 수 없었는데, 어디서 잘못된 건지 알 수 있을까요? C:\Users\LG\Documents\Visual Studio 2022\example 4\x64\Debug>example 4.exe 'example'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.
[리뉴얼] 처음하는 파이썬 머신러닝 부트캠프 (쉽게! 실제 캐글 문제 풀며 정리하기) [데이터분석/과학 Part2]
강의 11:02 에서 실행하는 lasso_grid.fit(X_train, y_train) 는 모델의 최적의 하이퍼파리미터를 찾기 위해서 실행을 하고, 그렇게 찾은 최적의 하이퍼 파라미터를 반영한 모델을 lasso_model = lasso_grid.best_estimator_ 을 통해서 생성하고 생성한 모델을 ml_pred = predict_bikecount(lasso_model, ml_columns) 을 통해서 학습시키는 것으로 이해했습니다. 그런데 영상 4분18초 쯤에는 lr_model = LinearRegression() 로 모델을 생성한 다음 따로 best parameter를 얻지 않고 바로 ml_pred = predict_bikecount(lr_model, ml_columns) 을 실행시킵니다. 여기서 생기는 질문이 lasso_grid.fit(X_train, y_train) 을 통해서 이미 학습을 했는데 predict_bikecount 함수 내에 있는 casual_model = model.fit (X_train, y_train_cas) 을 통해서 학습을 왜 한 번 더 하는 것인지 잘 이해가 되지 않습니다. predict_bikecount 내에 있는 casual_model = model.fit (X_train, y_train_cas)과 registered_model = model.fit (X_train, y_train_reg)는 결과값들이 y_train_cas과 y_train_reg으로 학습에 사용되는 결과값이 'count'와 다르므로, 한번 학습 후 얻은 최적의 하이퍼파라미터를 가진 모델로 재트레이닝시키는 과정으로 이해하면 되나요? LinearRegression()에서는 왜 따로 best parameter를 계산하지 않는지 궁금합니다.
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 강의 자료에서 설명할 때 application.properties 에 spring.messages.basename=messages,config.i18n.messages 로 설정 할 수 있다고 하셨는데 저 표현식은 해석하면 message 관리 파일을 messages 디렉토리와 config.i18n.messages 디렉토리로 관리하도록 설정한다고 이해하면 될 까요? config.i18n.messages가 어떤 의미인지 그냥 경로를 표시한건지 잘 모르겠어서 질문 드립니다.
강사님 안녕하세요. "찾아야한다" 실습 초기에서 AutoComplete 에 검색어를 입력하면 API 통신해서 결과 목록을 출력해주는 부분에서 문의사항이 있습니다. API 서버가 동작하고 있을 때는 정상적으로 동작을 하는데요. API 서버를 죽인 후, 테스트를 해보니 콘솔에 아래 화면처럼 Saga 관련 Tasks cancelled 에러가 발생하면서 이후부터는 검색어를 계속 입력해보아도 네트웍 요청을 전혀 하지는 않네요. (마치 어플리케이션이 죽은 것처럼) API 서버가 죽어있어서 응답이 오지 않아도 요청은 계속하는게 맞는데 원인을 알 수 있을까요?
안녕하세요. 코드를 따라 적다가 잘못 적어서 setCount2를 호출하지 않고 아래와 같이 setCount 함수를 잘못 호출했었는데요. const onIncrease2 = () => { setCount(count2+2); 이렇게 하면 count2가 아닌 count 가 증가하더라고요. 이거는 state가 count와 setCount가 짝이 지어져 있어서 그랬을 것 같은데 맞나요? 그리고 이렇게 하면 count가 계속 증가하는게 아니라 한번만 동작하고 말더라고요. 딱 한번만 이렇게 되는 이유가 있을까요? 그냥 코드 오류로 이해 불가한 동작인건지,, 다른 동작 과정이 있는건지 확인차 여쭤봅니다.
책 p.256 부분 중간쯤에 '대체모델은 최적함수를 추정할 때 다양한 알고리즘을 사용할 수 있는데 일반적으로는 가우시안 프로세스를 적용하지만, 뒤에서 상술될 HyperOpt는 가우시안 프로세스가 아닌 트리 파르젠 Estimator(TPE, Tree-Structure Parzen Estimator)를 사용한다.' 고 써져있는데요. 이 말은 곧 책에서 설명된 HyperOpt보다는 다른걸 더 많이 사용하고, 이것이 성능도 더 좋다는 말과 같을텐데 혹시 맞나요? 맞다면 실무에선 어떤 걸 사용하나요?
