안녕하세요? 지금 연습삼아 이커머스 사이트 하나 골라서 클론코딩 하고 있습니다.   혹시 프론트엔드 개발할 때, 사용자 페이지랑 어드민 페이지랑 프로젝트를 구분해서 만드나요?   제가 합쳐서 만들고있는데 사이즈가 좀 커지니까 라우트랑 화면 처리하는게 굉장히 복잡해졌습니다 ㅜㅜ   혹시 프론트 개발 실무에서는 어떻게 처리하는지 설명 부탁드립니다.. ㅜㅜ  

png_as_base64_str()은 파이썬의 3.10에서는 안되나요? 생성버튼을 누르면 No module named 'png'라는 메시지가 뜨네요. 찾아보니까 png_as_base64_str()은 deprecate되었다라고 하네요.

기존에 직접 sessionManager를 만들어서 세션을 관리하는 것에 있어서는 sessionStore라는 맵에 key값으로 sessionId와 value값으로는 loginMember를 넣어서 사용을 하고 sessionId를 가지고 사용자를 식별하여 사용한 것으로 이해했습니다. 맞나요? 그런데 session.setAttribute함수를 찾아보니 attributes라는 map에 key값으로 상수값을 value값으로 loginMember를 넣는 거 같은데 (attributes.put(name, value)이렇게 있더라고요) 그럼 map에 키값이 동일하게 지정을 해주면 다른 사용자에 대해서는 어떻게 식별을 하나요? 관리자모드로 보면 sessionId가 생기긴 하는데 이건 spring에서 생성을 해주는 것이 아닌가요? 제가 못찾은 것인지 어느 코드가 id를 생성하는지를 모르겠어어요...   아 그리고 logout에서는 v2를 보면 expire를 통해서 해당 id값에 대한 member를 지우도록 했는데 session을 사용하면서 invalidate함수를 통해 session을 지우면 session전체가 다 지워지는 건가요?

컴퓨터간 통신에 있어서 소켓을 사용한다고 했는데 이게 rpc 방식하고는 다른건지  헷갈리는데 정리좀 부탁드립니다. 감사합니다.

예전부터 궁금했는 데 코드 색 어떻게 진하게 하나요?

안녕하세요, longvacation님. 다름이 아니라 혹시 cs(운영체제, 네트워크, 데이터베이스 등) 과목에 대해서 예상 질문까지는 아니더라도 어떤 부분에 집중하여 면접을 준비하면 좋을지 다뤄주실 수 있으신가요? 단순히 교과서에 나오는 내용을 읊는 것이 면접관분들이 원하는 답은 아니라고 생각해서, 어떤 핵심적인 논리를 담아 답을 전달해야 하는지 알고 싶습니다. 혹시 질문내용이 예의에 어긋났다면, 죄송합니다. 아무쪼록 강의 잘 수강하고 있습니다. 감사합니다.

      <section class="java2">         <img src="img/3.png" alt="" />         <ul>           <li>             <label for="original">원가:</label>             <input type="text" id="original" />원           </li>           <li>             <label for="rate">할인율:</label>             <input type="text" id="rate" />%           </li>         </ul>         <button type="button" id="rate-btn">할인가격 계산하기</button>         <div class="show-result"></div>       </section>     .java2 {   border: 1px solid #000;   width: 500px;   margin: 0 auto;   text-align: center;   color: #111;   font-size: 1.6rem;   img {     width: 100%;     height: auto;   }   input[type="text"] {     border-bottom: 1px solid #000;     font-size: 1.6rem;   }   button {     background-color: #111;     color: #fff;     padding: 1rem;     margin-top: 10px;   } }       const rateBtn = document.getElementById("#rate-btn");   const showPrice = () => {     //사용자가 입력한 값을 두개의 변수에 저장함     let original = document.querySelector("#original").value;     let rate = document.querySelector("#rate").value;     if (original > 0 && rate > 0) {       let savedPrice = original * (rate / 100);       let resultPrice = original - savedPrice;     }     document.querySelector(".show-result").innerHTML =       "상품의 원래 가격은" +       original +       "원이고, 할인율은" +       rate +       "%입니다." +       savedPrice +       "원을 할인받아" +       resultPrice +       "원에 구매하실 수 있습니다.";   };   rateBtn.addEventListener("click", showPrice);

처음 stack을 생성했을 때는 큰 문제 없이 진행되었는데 기존 stack을 제거 후 다시 등록하려하니 There is an error in the yaml syntax: YAMLSemanticError: Nested mappings are not allowed in compact mappings 위와 같은 에러가 계속 발생되면서 deploy 자체가 불가능합니다.. 작성한 코드는 위와 같으며 portainer상의 화면은 위와 같습니다.. deploy자체가 안되니 다음 단계로 넘어갈 수가 없네요ㅠ 어떻게 해야할까요ㅠㅠ  

for (int i = 0; i < 10; i++) { arrows[i]->AttackTarget();   // 기사가 죽었으면 소멸시켜준다 if (knight != nullptr) { if (knight->IsDead()) { delete knight; knight = nullptr; break; } } 기사가 죽은 뒤에 화살이 죽은 기사를 공격하는게 문제라면 기사가 죽었을 때 화살을 더이상 쏘지 않게 break로 빠져나가면 된다고 생각했었는데 이럴 경우 크래시는 나지 않는데 문제가 있을까요?  

강의에 사용된 소스코드들 공개가 안된거 같은데 맞나요?

안녕하세요 저는 패스파인더에서 shape mode united하면 안경 알이 검정색으로 변합니다. 그래서 보니 pathfinder내에 divde 가 자르는 것이라면 옆옆에 merge 붙이는 기능이 있어서 해보니 선생님처럼 되더라고요. 두개의 기능 차이가 잇을까요?

안녕하세요  MemberServiceIntergrationTest를 실행해보면  15:22:00.218 [main] DEBUG org.springframework.test.context.BootstrapUtils - Instantiating CacheAwareContextLoaderDelegate from class [org.springframework.test.context.cache.DefaultCacheAwareContextLoaderDelegate] 15:22:00.236 [main] DEBUG org.springframework.test.context.BootstrapUtils - Instantiating BootstrapContext using constructor [public org.springframework.test.context.support.DefaultBootstrapContext(java.lang.Class,org.springframework.test.context.CacheAwareContextLoaderDelegate)] 15:22:00.299 [main] DEBUG org.springframework.test.context.BootstrapUtils - Instantiating TestContextBootstrapper for test class [hello.hellospring.service.MemberServiceIntegrationTest] from class [org.springframework.boot.test.context.SpringBootTestContextBootstrapper] 15:22:00.324 [main] INFO org.springframework.boot.test.context.SpringBootTestContextBootstrapper - Neither @ContextConfiguration nor @ContextHierarchy found for test class [hello.hellospring.service.MemberServiceIntegrationTest], using SpringBootContextLoader 15:22:00.335 [main] DEBUG org.springframework.test.context.support.AbstractContextLoader - Did not detect default resource location for test class [hello.hellospring.service.MemberServiceIntegrationTest]: class path resource [hello/hellospring/service/MemberServiceIntegrationTest-context.xml] does not exist 15:22:00.336 [main] DEBUG org.springframework.test.context.support.AbstractContextLoader - Did not detect default resource location for test class [hello.hellospring.service.MemberServiceIntegrationTest]: class path resource [hello/hellospring/service/MemberServiceIntegrationTestContext.groovy] does not exist 15:22:00.336 [main] INFO org.springframework.test.context.support.AbstractContextLoader - Could not detect default resource locations for test class [hello.hellospring.service.MemberServiceIntegrationTest]: no resource found for suffixes {-context.xml, Context.groovy}. 15:22:00.338 [main] INFO org.springframework.test.context.support.AnnotationConfigContextLoaderUtils - Could not detect default configuration classes for test class [hello.hellospring.service.MemberServiceIntegrationTest]: MemberServiceIntegrationTest does not declare any static, non-private, non-final, nested classes annotated with @Configuration. 15:22:00.415 [main] DEBUG org.springframework.test.context.support.ActiveProfilesUtils - Could not find an 'annotation declaring class' for annotation type [org.springframework.test.context.ActiveProfiles] and class [hello.hellospring.service.MemberServiceIntegrationTest] 15:22:00.521 [main] DEBUG org.springframework.context.annotation.ClassPathScanningCandidateComponentProvider - Identified candidate component class: file [C:\Users\단니\Desktop\back-end\hello-spring\out\production\classes\hello\hellospring\HelloSpringApplication.class] 15:22:00.529 [main] INFO org.springframework.boot.test.context.SpringBootTestContextBootstrapper - Found @SpringBootConfiguration hello.hellospring.HelloSpringApplication for test class hello.hellospring.service.MemberServiceIntegrationTest 15:22:00.719 [main] DEBUG org.springframework.boot.test.context.SpringBootTestContextBootstrapper - @TestExecutionListeners is not present for class [hello.hellospring.service.MemberServiceIntegrationTest]: using defaults. 15:22:00.720 [main] INFO org.springframework.boot.test.context.SpringBootTestContextBootstrapper - Loaded default TestExecutionListener class names from location [META-INF/spring.factories]: [org.springframework.boot.test.autoconfigure.restdocs.RestDocsTestExecutionListener, org.springframework.boot.test.autoconfigure.web.client.MockRestServiceServerResetTestExecutionListener, org.springframework.boot.test.autoconfigure.web.servlet.MockMvcPrintOnlyOnFailureTestExecutionListener, org.springframework.boot.test.autoconfigure.web.servlet.WebDriverTestExecutionListener, org.springframework.boot.test.autoconfigure.webservices.client.MockWebServiceServerTestExecutionListener, org.springframework.boot.test.mock.mockito.MockitoTestExecutionListener, org.springframework.boot.test.mock.mockito.ResetMocksTestExecutionListener, org.springframework.test.context.web.ServletTestExecutionListener, org.springframework.test.context.support.DirtiesContextBeforeModesTestExecutionListener, org.springframework.test.context.event.ApplicationEventsTestExecutionListener, org.springframework.test.context.support.DependencyInjectionTestExecutionListener, org.springframework.test.context.support.DirtiesContextTestExecutionListener, org.springframework.test.context.transaction.TransactionalTestExecutionListener, org.springframework.test.context.jdbc.SqlScriptsTestExecutionListener, org.springframework.test.context.event.EventPublishingTestExecutionListener] 15:22:00.745 [main] INFO org.springframework.boot.test.context.SpringBootTestContextBootstrapper - Using TestExecutionListeners: [org.springframework.test.context.web.ServletTestExecutionListener@52d645b1, org.springframework.test.context.support.DirtiesContextBeforeModesTestExecutionListener@2101b44a, org.springframework.test.context.event.ApplicationEventsTestExecutionListener@2cc3ad05, org.springframework.boot.test.mock.mockito.MockitoTestExecutionListener@710b18a6, org.springframework.boot.test.autoconfigure.SpringBootDependencyInjectionTestExecutionListener@119020fb, org.springframework.test.context.support.DirtiesContextTestExecutionListener@3d9f6567, org.springframework.test.context.transaction.TransactionalTestExecutionListener@c055c54, org.springframework.test.context.jdbc.SqlScriptsTestExecutionListener@25e2ab5a, org.springframework.test.context.event.EventPublishingTestExecutionListener@35e5d0e5, org.springframework.boot.test.autoconfigure.restdocs.RestDocsTestExecutionListener@73173f63, org.springframework.boot.test.autoconfigure.web.client.MockRestServiceServerResetTestExecutionListener@55562aa9, org.springframework.boot.test.autoconfigure.web.servlet.MockMvcPrintOnlyOnFailureTestExecutionListener@655ef322, org.springframework.boot.test.autoconfigure.web.servlet.WebDriverTestExecutionListener@7e276594, org.springframework.boot.test.autoconfigure.webservices.client.MockWebServiceServerTestExecutionListener@3401a114, org.springframework.boot.test.mock.mockito.ResetMocksTestExecutionListener@5066d65f] 15:22:00.750 [main] DEBUG org.springframework.test.context.support.AbstractDirtiesContextTestExecutionListener - Before test class: context [DefaultTestContext@5e01a982 testClass = MemberServiceIntegrationTest, testInstance = [null], testMethod = [null], testException = [null], mergedContextConfiguration = [WebMergedContextConfiguration@5ddea849 testClass = MemberServiceIntegrationTest, locations = '{}', classes = '{class hello.hellospring.HelloSpringApplication}', contextInitializerClasses = '[]', activeProfiles = '{}', propertySourceLocations = '{}', propertySourceProperties = '{org.springframework.boot.test.context.SpringBootTestContextBootstrapper=true}', contextCustomizers = set[org.springframework.boot.test.autoconfigure.actuate.metrics.MetricsExportContextCustomizerFactory$DisableMetricExportContextCustomizer@4149c063, org.springframework.boot.test.autoconfigure.properties.PropertyMappingContextCustomizer@0, org.springframework.boot.test.autoconfigure.web.servlet.WebDriverContextCustomizerFactory$Customizer@2ca26d77, org.springframework.boot.test.context.filter.ExcludeFilterContextCustomizer@1ebea008, org.springframework.boot.test.json.DuplicateJsonObjectContextCustomizerFactory$DuplicateJsonObjectContextCustomizer@7de62196, org.springframework.boot.test.mock.mockito.MockitoContextCustomizer@0, org.springframework.boot.test.web.client.TestRestTemplateContextCustomizer@2f666ebb, org.springframework.boot.test.context.SpringBootTestArgs@1, org.springframework.boot.test.context.SpringBootTestWebEnvironment@11e21d0e], resourceBasePath = 'src/main/webapp', contextLoader = 'org.springframework.boot.test.context.SpringBootContextLoader', parent = [null]], attributes = map['org.springframework.test.context.web.ServletTestExecutionListener.activateListener' -> true]], class annotated with @DirtiesContext [false] with mode [null]. 15:22:00.830 [main] DEBUG org.springframework.boot.ApplicationServletEnvironment - Activating profiles [] 15:22:00.831 [main] DEBUG org.springframework.test.context.support.TestPropertySourceUtils - Adding inlined properties to environment: {spring.jmx.enabled=false, org.springframework.boot.test.context.SpringBootTestContextBootstrapper=true}  너무 길어 윗 부분만 잘랐습니다 여튼 이런 오류가 뜨는데 어디서 잘못됐는지 알고 싶습니다 https://drive.google.com/file/d/1r9AirwIiDQkKBMMyuLsZddWU-811kTre/view?usp=sharing

안녕하세요. 자료요청 메일드렸습니다(인프런id포함) 구글메일 : godmsoo93@gamil.com 빠른 승인 부탁드립니다 ㅠㅠ

Singleton에서는 멤버 변수에 직접 값을 넣어야하나요? 제가 알기로는 set/get 함수를 사용하여 넣어야 한다고 알고 있는데 Singleton에서는 어떤 차이로 넣는지 알고싶어요.

const CategoryList: FunctionComponent<CategoryListProps> = function ({ selectedCategory, categoryList, }) { return <div /> } <CategoryListProps> = function여기서 이렇게 function 을 써주는것과 바로 <CategoryListProps> = () => { } 이렇게 해주는문법에 차이가있나요?? 저는 아래처럼 사용했는데 자세히 강의글 읽어보니 좀 다르네요 두가지문법 아직 제로컬에서는 에러가 나지는 않지만 차이가있는지 궁금합니다.

   warning  in ./src/css/common.css   Module Warning (from ./node_modules/postcss-loader/src/index.js): Warning   (56:46) end value has mixed support, consider using flex-end instead    @ ./node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css  4:40-243  @ ./node_modules/vue-style-loader??ref--7-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css  @ ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css  @ ./src/App.vue  @ ./src/main.js  @ multi (webpack)-dev-server/client?http://172.30.1.8:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js   완강하고 개발중인데 외부에서 퍼블리싱 한 코드를 그대로 넣었더니 에러는 아니고 경고가 노출되네요.. 뭐 화면 나오는데는 문제는 없는데 찝찝해서 제거를 하려고하는데 웹팩 설정을 해줘야할거 같은데 검색한대로 해도 저 경고는 지워지지가 않네요.. 혹시 무슨 문제인지 아신다면 대답 부탁드립니다 ㅜㅜ

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

L=== n 이지만 sum !=== f인경우를 따로 처리하지않아도 되는게 밑에 f문을 돌떄 ch배열에의해 걸러져서 따로 처리를 하지 않은건가요!!?

footer 가 margin-top: auto 를 주어  인트로덕션 컴포넌트와  간격이 최대한 벌어질거라 생각되었는데..실제론 마진탑 오토가 적용이 안되더라구요 이유가있을까요?

양 옆 페이지의 요소들을 클릭해도 줌인이 안되고, 가운데 페이지의 요소만 줌인이 됩니다. 왜 그런지 모르겠어요... 올려주신 소스코드에서 그대로 해도 양 옆은 줌인이 되지 않습니다. 파이어폭스에서는 작동하는데 이미지가 표시되지 않습니다 (() => { const leaflet = document.querySelector('.leaflet'); const pageElems = document.querySelectorAll('.page'); let pageCount = 0; let currentMenu; function getTarget(elem, className) { while (!elem.classList.contains(className)) { elem = elem.parentNode; if (elem.nodeName == 'BODY') { elem = null; return; } } return elem; } function zoomIn(elem) { const rect = elem.getBoundingClientRect(); const dx = window.innerWidth/2 - (rect.x + rect.width/2); const dy = window.innerHeight/2 - (rect.y + rect.height/2); let angle; switch (elem.parentNode.parentNode.parentNode.dataset.page*1) { case 1: angle = -30; break; case 2: angle = 0; break; case 3: angle = 30; break; } document.body.classList.add('zoom-in'); leaflet.style.transform = `translate3d(${dx}px, ${dy}px, 50vw) rotateY(${angle}deg)`; currentMenu = elem; currentMenu.classList.add('current-menu'); } function zoomOut() { leaflet.style.transform = 'translate3d(0, 0, 0)'; if (currentMenu) { document.body.classList.remove('zoom-in'); currentMenu.classList.remove('current-menu'); currentMenu = null; } } function closeLeaflet() { pageCount = 0; document.body.classList.remove('leaflet-opened'); pageElems[2].classList.remove('page-flipped'); setTimeout(() => { pageElems[0].classList.remove('page-flipped'); }, 500); } leaflet.addEventListener('click', e => { let pageElem = getTarget(e.target, 'page'); if (pageElem) { pageElem.classList.add('page-flipped'); pageCount++; if (pageCount == 2){ document.body.classList.add('leaflet-opened') } } let closeBtnElem = getTarget(e.target, 'close-btn'); if (closeBtnElem) { closeLeaflet(); zoomOut(); } let menuItemElem = getTarget(e.target, 'menu-item'); if (menuItemElem) { zoomIn(menuItemElem); } let backBtn = getTarget(e.target, 'back-btn'); if (backBtn) { zoomOut(); } }); })();