묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결반응형 웹사이트 포트폴리오(Architecture Agency)
.feature>office+service 플롯줄때 질문있습니다
안녕하세요, 쌤 플롯이 헷갈려서 문의드립니다. .feature>office와 service가 있는데 초기 가로 배치할때 float:left를 하나에게만 주는게 아니였나요? office{float:left}이렇게 않주고 .feature>div 로 오피스와 서비스에게 둘다 주는게 맞는건가요? 그리고 이렇게 플롯을 자식에게 주면 부모에 반드시 clearfix등을 다 넣주던데 이부모 feature에 안넣어도 되는건가요? 현재 피시상세 contact부분을 하고 있는데 브라우저 줄여보니 이 location섹 션의 글자들이 위로 우르르 올라오더라구요. 나중에 내려주는건지요? 하다보니 몇가지 막히는게 있어서 힘들지만 수업은 너무 좋습니다! 감사합니다!! PC 레이아웃 섹션 상세 퍼블리싱(Location Section) .feature{ width: 70%; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); color: #ddd; } .feature>div{ float: left; } .office{ width: 60%; padding-right: 100px; } .service{ width: 40%; }
-
미해결반응형 웹사이트 포트폴리오(Architecture Agency)
contact-inner가 안보입니다. PC 레이아웃 섹션 상세 퍼블리싱(Contact -1))
안녕하세요 쌤~질문이 있습니다.. pc 레이아웃 상세 퍼블리싱 contact section -#1 에서 .contact-inner 부분이 아무리해도 border, 색상 자체가 나타나지 않아요. 완성파일 받아서 그부분 css, html,js..복붙해도 아예 나타나지가 않는데요. 이유를 모르겠어요. 맨앞에 .content에 바탕에 #ddd색이 깔려 있는데 그것만 보입니다. 알려주세요 ㅜㅜ 몇가지 질문이 더 있는데요, 맨처음에 dody>container>cd-section>div에서 가로폭은 설정이 아예 없던데 div가 100%라서 않설정하는건가요? 그리고 피시형->반응형을 할때 처음부터 마진 패딩 폰트 모두다 퍼센트와 rem으로 계산하던데 아직은 pc 상세긴하나 퍼센트나 rem을 라인하이츠 외에 쓰지 않는데 나중에 어떻게 되는건가요? 감사합니다! pc 레이아웃 상세 퍼블리싱 contact section -#1 html <!doctype html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>DesignWorks Architecture Agency</title> <script src="https://kit.fontawesome.com/a69c137eb6.js" crossorigin="anonymous"></script> <script src="js/jquery-2.1.4.js"></script> <!-- Page Scroll Effects JS & CSS --> <script src="./js/velovity/modernizr.js"></script> <script src="./js/velovity/velocity.min.js"></script> <script src="./js/velovity/velocity.ui.min.js"></script> <script src="./js/velovity/main.js"></script> <link rel="stylesheet" href="./js/velovity/velocity.css"> <!-- Smooth Scrolling --> <script src="js/jquery.scrollTo.min.js"></script> <!-- Custom JS & CSS --> <script src="custom.js"></script> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="responsive.css"> </head> <!-- hijacking: on/off - animation: none/scaleDown/rotate/gallery/catch/opacity/fixed/parallax --> <body data-hijacking="off" data-animation="rotate"> <div class="container"><!-- container --> <!-- section --> <section class="cd-section visible" id="home"><!-- Section: home --> <div> <div class="content"> <img src="images/temp-section-01.jpg" alt=""> </div> </div> </section> <section class="cd-section" id="about"><!-- Section: about --> <div> <div class="content"> <div class="about-inner"> <div class="about-items"> <div class="item"> <img src="images/careers-main-01.png" alt="career01"> <span> <h3>Together we can make an impact</h3> <p> Design Works the excitement of an entrepreneurial environment with the stability of an established practice. Principals and senior leadership work side-by-side with junior designers to create innovative, workable designs. </p> </span> </div> <div class="item"> <img src="images/careers-main-02.png" alt="career02"> <span> <h3>We’re always looking for talent</h3> <p> If you don’t see an open position that fits your talents, send us your resume. We’re always looking for smart, self-starters and will reach out to you if something becomes available. </p> </span> </div> <div class="item"> <img src="images/careers-main-03.png" alt="creer03"> <span> <h3>Fellowship</h3> <p>Every summer we offer a Fellowship to a select group of students in architecture, planning and landscape architecture. Read about our 2019 Fellowship winners and learn more about what the Fellowship has to offer.</p> </span> </div> </div> </div> </div> </div> </section> <section class="cd-section" id="project"><!-- Section: project --> <div> <div class="content"> <img src="images/temp-section-03.jpg" alt=""> </div> </div> </section> <section class="cd-section" id="plan"><!-- Section: plan --> <div> <div class="content"> <img src="images/temp-section-04.jpg" alt=""> </div> </div> </section> <section class="cd-section" id="awards"><!-- Section: awards --> <div> <div class="content"> <div class="awards-inner"> <div class="about-awards"> <div class="about-heading"> <h2>2020<br>Architecture Award<br> Winner</h2> <hr class="bar"> <p> The mission of the Architecture MasterPrize (AMP) is to advance the appreciation and exposure of quality architectural design worldwide. The AMP architecture award celebrates creativity and innovation in the fields of architectural design, landscape architecture, and interior design. Submissions from architects all around the world are welcome. </p> <a class="view-awards" href="https://architectureprize.com/" target="_blank">View the awards</a> </div> </div> <div class="victory-jump"> <img src="images/victory-jump.png" alt="victory"> </div> </div> </div> </div> </section> <section class="cd-section" id="location"><!-- Section: location --> <div> <div class="content"> <div class="location-inner"> <div class="feature"> <div class="office"> <div class="headquarters"> <b>CREATIVE DESGIN GROUP</b> <h2>Headquarters</h2> <p> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Minima alias voluptatibus aspernatur accusamus sapiente esse quo iure voluptatem laudantium, tempore libero reprehenderit voluptate ipsam eum error mollitia sunt ducimus autem? </p> <span> Address : Address: 309, New Cavendish St, EC1Y 3WK / Tel : 0800 214 5252 </span> </div> <div class="customer"> <b>THE PERFECT WAY</b> <h2>Customer Service</h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem laboriosam accusamus tenetur dolore temporibus explicabo odio sint ullam officia porro. Amet eos molestiae omnis tenetur culpa iste non dignissimos expedita! </p> <span>Address : 11 Fifth Ave - New York, US / Tel : 0800 809 3400</span> </div> </div> <div class="service"> <div class="service-item"> <i class="fas fa-leaf"></i> <h3>Built and natural contexts</h3> <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nihil in ipsum suscipit nobis sint totam. </p> </div> <div class="service-item"> <i class="fas fa-bullseye"></i> <h3>Landscape design</h3> <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nihil in ipsum suscipit nobis sint totam. </p> </div> <div class="service-item"> <i class="fas fa-cube"></i> <h3>Every building site unique </h3> <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nihil in ipsum suscipit nobis sint totam. </p> </div> </div> </div> </div> </div> </div> </section> <section class="cd-section" id="contact"> <div> <div class="content"> <div class="contact-inner"> <div class="contact-feature"> <div class="contact-form"> contact-form </div> <div class="contact-info"> contact-info </div> </div> </div> </div> </div> </section> <!-- Header --> <header><!--css에서 header.active 흰색--> <div class="gnb-inner"><!-- gnb-inner --> <div class="logo"><!-- logo--> <a href="#none"><img src="images/logo.png"></a> </div> <div class="gnb"><!-- gnb --> <div class="menu"><!-- menu --> <a href="#home">Home</a> <a href="#about">About</a> <a href="#project">Project</a> <a href="#plan">Plan & History</a> <a href="#awards">Awards</a> <a href="#location">Location</a> <a href="#contact">Contact</a> </div> <div class="slogan">We design places, not projects.</div> </div><!-- gnb end --> <div class="trigger"><!--toggle button: active 추가는 responsive.css 제어는 jquery --> <span></span> <span></span> <span></span> </div><!-- trigger end--> </div><!-- gnb-inner end--> </header><!-- Header end --> </div><!-- container end --> <!-- Container end --> <a href="#" class="gototop"><!-- gototop --> <img src="images/gototop.png" alt=""> </a><!--a="#"" 문서의가장 탑상단!--> <a href="#" class="btn_hiring"><!-- btn-hiring--> <i class="fas fa-comment-dots"></i> Hiring</a> <nav><!-- nav --> <ul class="cd-vertical-nav"> <li><a href="#0" class="cd-prev inactive">Next</a></li> <li><a href="#0" class="cd-next">Prev</a></li> </ul> </nav> <!-- nav end --> </body> </html> css /* Google Web Font : Montserrat */ @import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500&display=swap'); @import url('https://fonts.googleapis.com/css?family=Manrope:300,400,500,600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Overpass&display=swap'); /* FontAwesome CDN 4.7 */ @import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); /* ################### Reset CSS ################### */ * { box-sizing: border-box; } ul { list-style: none; } a { text-decoration: none; } /* ################### Default CSS ################### */ body { font-family: 'Montserrat', sans-serif; color: #222; font-size: 15px; margin: 0; height: 100vh; background-color: #fff; } /* ################### Entire Layout ################### */ .cd-section { height: 100vh; } .cd-section>div { height: 100%; position: relative; } .content { /* background-color: #ddd; */ position: absolute; width: calc(100% - 40px); height: calc(100% - 80px); left: 20px; bottom: 20px; overflow: hidden; } /* ################### Header ################### */ header { position: fixed; width: 100%; top: 0; left: 0; z-index: 10; } .gnb-inner { /* border: 1px solid #000; */ width: calc(100% - 40px); margin: auto; height: 60px; line-height: 60px; } .logo { float: left; } .logo img { padding-top: 17px; } .gnb { float: right; } .gnb a {} .menu { display: none; } .slogan { font-size: 18px; font-style: italic; } .trigger { display: none; } /* ################### Hiring Button ################### */ .btn_hiring { position: fixed; right: 50px; bottom: 50px; color: #fff; background-color: #000; padding: 10px 20px; border-radius: 20px; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); transition: 0.5s; } .fa-comment-dots{ transform: rotateY(180deg); margin-right: 5px; } .btn_hiring:active{/*버튼 누르면 작아지는 액티브 가상클래스*/ transform: scale(0); } /* ################### Section : About ################### */ .about-inner{ /*background 한줄쓰기: color url no-repeat position/size*/ background: #0dace3 url(images/line-drawing.png) no-repeat right bottom; height: 100%; position: relative;; /* background-color: #0dace3; */ /* background-size: 80%; */ /* background: blue; */ } .about-items{ /* border: 1px solid #000; */ width: 50%; position: absolute; top: 50%; left: 100px; transform: translateY(-50%); /*y - 위로 올라감*/ } .item{ overflow: hidden; /* float준 부모를 해제 */ /* clear: both; */ color:#fff; margin-bottom: 30px; } .item img{ height: 120px; float: left; margin-right: 20px; filter:invert(1); /* img에 색상필터 넣을떄 filter, (1)은100% */ } .item span{ transition: 0.5s; } .item span h3{ font-size: 28px; font-weight: 500; margin: 0; letter-spacing: -1px; /*자간*/ } .item span p{ overflow: hidden; /* float떄문에 글자가 아래로 밀린경우*/ font-size: 18px; } .item:hover h3{ color: #000; } .item:hover img{ filter:invert(0); } /* ################### Section : awards winner ################## */ .awards-inner{ height: 100%; /*부모에 높이를 100%줘야 자식이 float 플롯됐을떄 높이를 줄수있음!! */ border: 1px solid #ddd; } .awards-inner >div{ /* awards-inner안에 자식div 2개만 해당되므로 >div */ float: left; width: 50%; height: 100%; position: relative; } .about-awards{ background-color: #000; color: #fff; } .about-heading{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 70%; } .about-heading .bar{ width: 50px; height: 4px; border: none; background-color: crimson; margin: 30px auto;/* 위아래30 가로중앙 auto*/ } .about-heading p{ color: #999; font-size: 16px; line-height: 1.5em; } /* A button */ .view-awards{ color: #bbb; border: 1px solid #bbb; padding: 5px 15px; border-radius: 20px; transition: 0.5s; /*hover*/ /* margin-top: 200px; 마진상하가 안되니까 인라인임 p테그에서 내리거나*/ display: inline-block; margin-top: 20px; } .view-awards:hover{ /*호버시 색상변화, ** 보더가 안보여야하는데 none으로하면 픽셀이빠져서 화면이 흔들림, 투명으로해야 */ background-color: #31c0ce; color:#fff; /* border: none; */ border-color: transparent; } .victory-jump{ background-color: #fff; } .victory-jump img{ /*img 중앙배치하는 방법*/ position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); width: 80%; } /* ################### Section : Location ################### */ .location-inner{ background: url(images/background-location.jpg) no-repeat center center; /*background 안나오는이유: 크기줘야쟎이*/ height: 100%; } .location-inner:before{ content:''; /*before, after content:'' 로시작, 인라인이되므로 크기줘도안보인다. position: absoulte/display inline-block 줘서 인라인블럭화한다*/ background-color:rgba(0,0,0,0.85); width: 100%; height: 100%; /* display: inline-block; */ position: absolute; } .feature{ width: 70%; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); color: #ddd; } .feature>div{ float: left; } .office{ width: 60%; padding-right: 100px; } .service{ width: 40%; } .office b{ font-weight: normal; } .office h2{ /*h2는 마진0줘야한다*/ color: #1db1f0; font-weight: 500; margin: 0; margin-top: 5px; } .office p{ font-size: 16px; line-height: 1.5em; } .office span{color: #fff;} .customer{ margin-top: 40px; } /* Service */ .service{} .service-item{ margin-bottom: 20px; } .service-item .fas{ color: #1db1f0; font-size: 40px; }/*fontawesome 인라인임*/ .service-item h3{ color: #fff; font-size: 22px; margin: 0; margin-top: 10x; } /* ////////////////// Section: contact ///////////////// */ .contact-inner { background-color: #fff; height: 100%; border: 1px solid #ddd; } .contact-feature { width: 70%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .contact-feature > div { float: left; width: 50%; padding: 20px; } .contact-form{} .contact-info{} custom js /*Trigger */ // $(function(){})의미가 html을 읽어라, 이게 없으면 js부터 읽으니까 trigger인식못함.('.따옴표')toogleClass('class명')*/ $(function(){ $('.trigger').click(function(){ $(this).toggleClass('active')//1.togglebutton제어 $('.gnb').toggleClass('active')//2.gnb메뉴판 토글하게 제어 }) $('section,.menu a').click(function(){ //3.바탕(섹션)클릭시 메뉴없어지게 제어 $('.gnb').removeClass('active')//gnb메뉴판 클래스(left:0)를 떄어서 들어가게 제어 $('.trigger').removeClass('active')//5. trigger x는 섹션, 메뉴클릭시 gnb닫고 동시에 사라져야함. }) /*$('.menu a').click(function(){ 4. menu a클릭시 gnb닫혀야하므로 위에씀. $('.gnb').removeClass('active') })*/ /*Smooth scrolling 플러그인*/ $('.menu a,.gototop').click(function(e){ $.scrollTo(this.hash || 0,900)//5. scrollTo 0.9초에 부드럽게 스크롤 }) /* Header/ Gototop Change CSS with Scroll*/ $(window).scroll(function(){ if($(window).scrollTop() > 50){ $('header, .gototop').addClass('active')//윈도우스크롤50 내리면, 헤더, 고투탑 보여라 } else{ //아니면(스크롤이 탑에있을떄 헤더, 고투탑은 사라진다.) $('header, .gototop').removeClass('active') } }) })//end responsive.css /* Mobile 768 */ @media (max-width: 768px){ /* html{ scroll-behavior: smooth; /*제이쿼리스크롤 플러그인비슷함*/ /* Entire Layout */ .cd-section { /* height: 100vh; 뷰포트하이츠,100%는 모바일에서는 해제해야함*/ height: auto; } .cd-section > div { height: auto; /*position: relative; */ } .content { position: static; width: 100%; height: 100%; /* overflow: hidden; */ } /* Header */ .menu { display: block; } .slogan { display: none; } .gnb { background-color: #fff; position: fixed; top: 0; right:-280px; width: 250px; height: 100vh; box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1); transition: 0.5s; } .menu { line-height: 40px; margin-top: 60px; } .menu a { text-align: right; display: block; padding-right: 20px; color: #000; font-size: 20px; } /* Trigger */ /*중요-trigger:absoulte으로 배치, span:absoulte 으로배치. 트리거의 자식이지만 다시 부모trigger에 relative주면 안되고 앱솔루트로 부모를 냅둬라*/ .trigger{ display: block;/*나오게함*/ /* border: 1px solid red; */ width: 24px; height: 14px; position: absolute; top: 20px; right: 20px;} .trigger span{ position: absolute; height: 1px; width: 100%; background-color: #000; transition: 0.5s; } .trigger span:nth-child(1){ top:0; } .trigger span:nth-child(2){ top:50%; width: 80%; } .trigger span:nth-child(3){ top:100%; } .trigger.active span:nth-child(1){ top:50%; transform: rotate(45deg); } .trigger.active span:nth-child(2){ top:50%; width: 80%; opacity: 0;/*안보이게 할때는 투명도 0*/ } .trigger.active span:nth-child(3){ top:50%; transform: rotate(-45deg); } .gnb.active{/*gnb메뉴를 보이게함 .active를 js에 설정*/ right:0; } /* Header*/ header{ transition: 0.5s; /*header 스크롤 나타날떄*/ } header.active{ background-color: #fff; border: 1px solid #eee; } /* Gototop */ .gototop{ /*누르면 탑으로간다: html->a href="#" 스크롤자연스럽게 플러그인에 삽입*/ position: fixed; bottom:20px; left: 20px; border: 1px solid #fff; border-radius: 50%; display: block; width: 40px; height: 40px; text-align: center; line-height: 60px; opacity: 0; /*고투탑 기본설정을 안보이게+트랜스폼 아래위치하게*/ transform: translateY(30px); transition: 0.5s; } .gototop.active{ /*고투탑 보이게 액티브를 제이쿼리에 추가 */ opacity:1; transform: translateY(0); } /* goto top */ .btn_hiring{ right: 20px; bottom: 20px; } /* end */ }/*최대 768 모바일까지만 실행*/
-
미해결누구나 할 수 있다! 이모티콘 만들기
폰트 저작권
먼저 좋은 강의 감사합니다! 다름이 아니라 대부분의 폰트가 상업용 사용이 불가하거나 2차 수정 및 배포가 불가능한걸로 알고있는데, 그 부분에 대한 공지는 없을까요? ㅜㅜ 그대로 따라했다가 저작권에 문제가 될 수도 있을 것 같아 걱정돼서 올립니다!
-
미해결홍정모의 따라하며 배우는 C++
7분 46초쯤 에 질문이 있습니다
int *r1=new int[col]{1,2,3,4,5}; int *r2=new int[col]{6,7,8,9,10}; int *r3=new int[col] {11,12,13,14,15}; int **rows=newint*[row]{r1,r2,r3}; for(int r=0;r<row;r++) { for(int c=0;c<col;c++) cout<<rows[r][c]<<" "; cout<<endl; } 이렇게 돌리면 어쩨서 바로 정수값이 나오는건가요? 제가 알기론 포인터에 들어가있는 주소값이 가리키고있는 값을 알기 위해서 *dereferencing 을 해야한다 알고있는데 어째서 위의 값은 dereferencing 을 하지않고도 바로 정수값이 나오는건가요?
-
미해결스프링 핵심 원리 - 기본편
@Qualifier 사용법 질문입니다.
안녕하세요 @Qualifier를 사용하여 추가 구분자를 붙여주고 OrderServiceImpl 생성자에서 @Qualifier("추가 구분자")를 붙여 사용하는 방법은 이해가 됐는데 혹시 롬북을 사용하여 생성자를 직접 코딩하지 않고 @RequireArgsConstructor를 사용하여 생성자를 생성했을 때, @Qualifier를 어떻게 활용가능한지 궁금합니다.
-
해결됨실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화
트랜잭션
안녕하세요 영한님! 트랜잭션 범위에 질문이 있습니다. @PutMapping("/api/v2/members/{id}")public UpdateMemberResponse updateMemberV2(@PathVariable Long id, @Valid @RequestBody UpdateMemberRequest request) { memberService.update(id, request.getName()); Member member = memberService.findOne(id); return new UpdateMemberResponse(id, member.getName());} 위와 같이 코드를 작성 후 수정을 진행하게 되면 서비스 계층의 update 메서드를 통해 두번의 sql문인 select, update 쿼리가 나가는 것을 확인 했습니다. 하지만 밑의 findOne 메서드를 통해 조회를 할 때 조회 sql문이 나가지 않는 것을 확인했습니다. 제가 알고 있는 바로는 트랜잭션이 다르기 때문에 데이터베이스에서 조회 후 영속성 컨텍스트에 저장하는걸로 알고 있습니다. 그래서 제가 잘못 이해하고 있나 질문드립니다. 또한 Member member = memberService.findOne(id); 에서 member 객체는 준영속 상태인가요?
-
미해결[리뉴얼] 처음하는 SQL과 데이터베이스(MySQL) 부트캠프 [입문부터 활용까지]
mysql workbench없이 수업 진행이 가능할까요?
현재 수업을 듣는 환경이 열악해서 구름ide라는 클라우드 통합개발환경을 통해 수업을 듣고있습니다. 근데 구름ide를 통해 workbench를 사용하는 법을 잘 모르겠어서 일단 mysql만 이용하여 수업을 듣고 있는데 차후 수업에 workbench가 없으면 실습을 따라가는 것이 불가능한가요??
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
jquery err message
Brackets 에서 jquery 실행시 동작은 잘되는데 오류메세지가 21개 발생하는데 이상이 없는 건가요 '$' was used before it was defined.$(function(){1 Expected exactly one space between 'function' and '('.$(function(){1 Expected exactly one space between ')' and '{'.$(function(){1 Missing space between ')' and '{'.$(function(){2 Missing 'use strict' statement.$('.text').css({'display':'none'});2 Missing space between ':' and 'none'.$('.text').css({'display':'none'});3 Expected exactly one space between 'function' and '('.$('.show-btn').click(function(){3 Expected exactly one space between ')' and '{'.$('.show-btn').click(function(){3 Missing space between ')' and '{'.$('.show-btn').click(function(){4 Missing space between ':' and 'block'.$('.text').css({'display':'block'});6 Expected exactly one space between 'function' and '('.$('.hide-btn').click(function(){6 Expected exactly one space between ')' and '{'.$('.hide-btn').click(function(){6 Missing space between ')' and '{'.$('.hide-btn').click(function(){7 Missing space between ':' and 'none'.$('.text').css({'display':'none'});9 Expected ';' and instead saw '(end)'.}) ESLint (6)1 ERROR: '$' is not defined. [no-undef]$(function(){2 ERROR: '$' is not defined. [no-undef]$('.text').css({'display':'none'});3 ERROR: '$' is not defined. [no-undef]$('.show-btn').click(function(){4 ERROR: '$' is not defined. [no-undef]$('.text').css({'display':'block'});6 ERROR: '$' is not defined. [no-undef]$('.hide-btn').click(function(){7 ERROR: '$' is not defined. [no-undef]$('.text').css({'display':'none'});
-
미해결프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)
main
package json에서 main은 무엇일까요
-
미해결리눅스 입문 - 개념으로 탄탄히!!
리눅스와 가상머신
선생님 가상화와 리눅스가 대해 설명해주셔서 조금은 알게되었습니다. 다만 리눅스를 사용하는 이유와 가상화를 사용하는 이유에 대해서 조금더 설명해주셨으면 좋겠습니다. 리눅스가 윈도우 대신 사용되는 이유는 오픈소스이기 때문에 비용적인 측면의 절감이 있어서 인가요? 그리고 고전적인 HW- OS 방식대신 하이퍼바이져로 여러 OS를 올리는 이점도 잘모르겠습니다 . 그냥 하나의 OS에서 여러 앱이나 프로그램을 굴리면 안되는건가요? 가상 OS를 올리는데도 시스템 리소스가 사용될(어느정도인지는 잘모르겠지만)수밖에 없다고 생각하는데, 하나의 OS에서 사용하는것보다 이점이 뭔지 궁금합니다. 감사합니다
-
해결됨[리뉴얼] React로 NodeBird SNS 만들기
갑자기 ESlint로 인해서 빨간줄이 많이 생겼네요.
갑자기 왜 이러는지 잘 모르겠네요. 구글에 검색해서 rules에 한줄 추가해보니 몇개 빨간줄은 사라졌지만. 갑자기 이러는 이유를 모르겠네요.
-
미해결C 프로그래밍 - 입문부터 게임 개발까지
decreaseWater(prevElapsedTime);
decreaseWater(prevElapsedTime);에서 prevElapsedTime의 5초를 사용했다는게 이해가 되질 않습니다. 25초에서 15초를 뺀 10초. 그 다음 문장에서 decreaseWater(prevElapsedTime)은 5초 ?? 4:40초 내용의 설명이세요. if (checkFishAlive() == 0)의 수학 함수 구현에서 int 반환값인데 checkFishAlive() == 0 이기 때문에 정수인 int 반환값이 들어가는 것인가요?
-
미해결MAYA 3D animation Season 1
패어런츠를 오른발과 왼발 양쪽에 주는 것이 가능한가요?
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 강의 초반부에 오른발 쪽에 패어런츠를 주어 몸통이 같이 돌아가게 했는데 왼쪽과 오른쪽 둘다 주어도 양쪽에 다 묶이려나요??
-
미해결처음 배우는 리액트 네이티브
내장 컴포넌트...
내장 컴포넌트 수업에서 선생님 화면이 보니까 vscode랑 expo에서 만든 프로젝트랑 연결이 되어서 vscode에서 코드를 작성하시던데 연결 어떻게 하는지..또 vscode에서 프로젝트 저장하고 종료시에 expo에서 저장된 프로젝트 실행을 해서 이전에 하던 작업을 이어 나가려면 어떻게 하는지 궁금합니다.
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
git 브랜치가 두개가 된 후 merge도 안되고 진행이 안되고 있습니다
위와같이 git 저장소에 브랜치가 두개가 생성되고 실제 파일?은 변경이 되지 않고 있습니다. 구글링해서 이것저것 시도해봐도 마찬가지네요 혹시 어떻게 해야할까요?
-
미해결15일간의 빅데이터 파일럿 프로젝트
체험판이 만료 됐다고 뜨는 경우
안녕하세요, 빅디님 다름이 아니라 select edition 부분에서 평가판이 만료됐다고 뜨는데 그냥 express 버전으로 진행해도 문제 없는 부분인가요? 답변 주시며 감사하겠습니다!!
-
미해결iOS 개발을 위한 swift5 완벽 가이드
내장함수에 클로져 적용 이해가 잘 안됩니다.
이해가 잘 안되서 질문 남깁니다!! 코드 먼저 남깁니다. proMoels.sort(by:{ (lhs : String, rhs : String) -> Bool in return lhs.caseInsensitiveCompare(rhs) == . orderedAscending }) 위 코드인데 sort는 내장함수인데 지금 by라는 파라미터에 클로져의 내용?을 저장한거로 이해했는데 맞나요? 맞다면 sort안에서 by를 사용하나요? 내장함수라 이미 만들어진 내용으로만 수행하는거 아닌가요? 햇갈려서 질문 남깁니다.
-
미해결리눅스 쉘 스크립트 마스터
bash 타이핑 정보 읽어들이기
안녕하세요 쉘 스크립트 강의 정말 유익하게 잘들었습니다 !! 덕분에 자신감이 생겨가지고 토이프로젝트 느낌으로 하나좀 만들어보려고 하는데요 제가 구상한 부분이 도저히 어떤식으로 접근해야 할지 모르겠어서 이렇게 질문을 남깁니다 !! ㅠㅠ 첫번째 사진은 파워쉘환경. 두번째 사진은 git bash에서의 환경입니다 ( 인터페이스는 oh my bash라는걸 이용했습니다 ) 제가 하려고 하는 것은 첫번째 사진처럼 사용자가 실시간으로 타이핑하는걸 읽어들여와 커맨드에 따라 색깔을 다르게 매핑해주는방식을 만들어보려고 하는데요 어떻게 실시간으로 받아들여야하는지 감이잘안잡혀가지고 ㅠㅠ 혹시 이부분에 관해서 관련 키워드라도 던져주시면 열심히 공부해보겠습니다 감사합니다 !!
-
미해결[개정판] 파이썬 머신러닝 완벽 가이드
여러 샘플마다의 데이터 편차를 수학적으로 정규화할 수 있나요?
안녕하세요. 이물 검사를 하고 있는데, 클래스가 3가지 정도가 있습니다 훈련하고, 모델을 가지고 추론했을 때 score_map이라는 것을 출력으로 갖게 됩니다. 그런데 클래스에 따라서 출력되는 score_map의 범위가 다르게 됩니다. 일단은 score_map의 출력 과정을 수정하기 보다는 후처리를 잘 해보려고 하는데 문제는 score_map을 찍어보면 위에서 말씀드릴 것처럼 출력 범위가 7, 18 등 범위가 클래스마다 다르게 됩니다 물론 이를 각 score_map 행마다 표준화를 시킨 다음에 roc_auc로 threshold를 구한 후 마스킹을 하는데, 현재 마스크 threshold는 4가 됩니다 그런데 클래스 마다 표준편차가 차이나다보니까 표준화를 해도 (평균, 분산은 각각 0과 1) 2번째 히트맵에 그려진 에러는 잡지 못하더라구요. 최대 픽셀값이 4정도 됩니다 그래서 곰곰이 생각해보니 결국엔 각 클래스마다 편차가 다르다보니 threshold에 문제가 생겨가지고요. 혹시 편차를 정규화 시킬 수 있나요?
-
미해결파이썬 증권 데이터 수집과 분석으로 신호와 소음 찾기
수식의 변경
import FinanceDataReader as fdr df = fdr.DataReader('005930', '2010') df['Close'].plot() 위 수식의 그래프가 아래의 수식에서 작동 할 수 있도록 변경이 가능 한지요? 도와 주시면 감사 하겠습니다. # https://github.com/WegraLee/deep-learning-from-scratch-3/blob/master/steps/step60.py # 에서 참조 하였습니다. if '__file__' in globals(): import os, sys sys.path.append(os.path.join(os.path.dirname(__file__), '..')) import numpy as np import matplotlib.pyplot as plt import dezero from dezero import Model from dezero import SeqDataLoader import dezero.functions as F import dezero.layers as L max_epoch = 100 batch_size = 10 hidden_size = 200 bptt_length = 30 train_set = dezero.datasets.SinCurve(train=True) dataloader = SeqDataLoader(train_set, batch_size=batch_size) seqlen = len(train_set) class BetterRNN(Model): def __init__(self, hidden_size, out_size): super().__init__() self.rnn = L.LSTM(hidden_size) self.fc = L.Linear(out_size) def reset_state(self): self.rnn.reset_state() def __call__(self, x): y = self.rnn(x) y = self.fc(y) return y model = BetterRNN(hidden_size, 1) optimizer = dezero.optimizers.Adam().setup(model) for epoch in range(max_epoch): model.reset_state() loss, count = 0, 0 for x, t in dataloader: y = model(x) loss += F.mean_squared_error(y, t) count += 1 if count % bptt_length == 0 or count == seqlen: model.cleargrads() loss.backward() loss.unchain_backward() optimizer.update() avg_loss = float(loss.data) / count print('| epoch %d | loss %f' % (epoch + 1, avg_loss)) # Plot xs = np.cos(np.linspace(0, 4 * np.pi, 1000)) model.reset_state() pred_list = [] with dezero.no_grad(): for x in xs: x = np.array(x).reshape(1, 1) y = model(x) pred_list.append(float(y.data)) plt.plot(np.arange(len(xs)), xs, label='y=cos(x)') plt.plot(np.arange(len(xs)), pred_list, label='predict') plt.xlabel('x') plt.ylabel('y') plt.legend() plt.show()
