묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[코드캠프] 훈훈한 Javascript
input태그 내에서 띄어쓰기 문제가 있어요
todolist 보고있습니다.엔터키를 누르면 새 할 일이 생기는데요,input 태그 안에서 띄어쓰기가 한 칸 생기네요?어째서 이런 문제가 발생하는걸까요..사진에 한칸이, 띄워져서 써져요 저 두 항목이 띄워져서 쓰인겁니다.혹시모르니 코드도 첨부해요*{ box-sizing: border-box; margin: 0px; } html, body{ width: 100%; height: 100%; } body{ background-color: azure; display: flex; flex-direction: column; align-items: center; min-height: 100vh; } .todo-container{ max-width: 100%; width: 400px; } #todo-input{ background-color: lightyellow; border: none; display: block; font-size: 2rem; padding: 0.5rem 2rem 0.5rem 0.5rem; width: 100%; } #todo-list{ background-color: snow; list-style-type: none; padding: 0; } #todo-list li{ border-top: 1px solid rgb(242,242,242); font-size: 1.5rem; user-select: none; } .complete{ color: rgb(155, 155, 155); text-decoration: line-through; } li button{ background-color: mintcream; width: 1.5rem; height: 1.5rem; margin: 0.5rem; border: 2px solid black; border-radius: 8px; cursor: pointer; } li button:active{ border: 2px solid gray; } .delete-btn-wrapper{ margin-top: 1rem; } .delete-btn-wrapper button{ font-weight: bold; background-color: antiquewhite; padding: 0.2rem 1rem; cursor: pointer; }const todoInput = document.querySelector("#todo-input"); const todoList = document.querySelector("#todo-list"); const createTodo = () =>{ const newLi = document.createElement('li'); const newSpan = document.createElement('span'); const newBtn = document.createElement('button'); newBtn.addEventListener('click',()=>{ newLi.classList.toggle('complete'); }); newLi.addEventListener('dblclick',()=>{ newLi.remove() }) newSpan.textContent = todoInput.value; newLi.appendChild(newBtn); newLi.appendChild(newSpan); todoList.appendChild(newLi); todoInput.value = " "; // console.log(todoList.children[0].querySelector('span').textContent) saveItemsFn(); } const keyCodecheck = () => { if (window.event.keyCode===13 && todoInput.value!==""){ createTodo(); } } const deleteAll = () =>{ const liList = document.querySelectorAll('li'); for(let i=0; i<liList.length; i++){ liList[i].remove(); } } const saveItemsFn = () =>{ const saveItems = []; for(let i=0; i<todoList.children.length; i++){ const todoObj = { contents: todoList.children[i].querySelector('span').textContent, complete: todoList.children[i].classList.contains('complete') } saveItems.push(todoObj); } console.log(saveItems); }<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>To-Do List</title> <link rel="stylesheet" href="./index.css"> </head> <body> <h1>To Do</h1> <div class="todo-container"> <input type="text" id="todo-input" onkeydown="keyCodecheck()"> <ul id="todo-list"> </ul> </div> <div class="delete-btn-wrapper"> <button onclick="deleteAll()">Deletel ALL</button> </div> <script src="./index.js"></script> </body> </html>
-
미해결따라하며 배우는 리액트 A-Z[19버전 반영]
도커 포트
안녕하세요, react 도커파일 작성 및 docker run을 해줬는데요, (port 10001:10001) localhost:10001이 들어가지지 않는데,, 별도의 설정이 필요할까요?
-
미해결다양한 사례로 익히는 SQL 데이터 분석
쿼리 질문
안녕하세요, 도움을 받고자 글 올립니다.97년 이후 nw데이터의 '국가/ 기준월 / 대표제품명 / 구매고객수 / 동시구매 고객 수 / 구매 횟수 / 동시구매 횟수 / 동시구매율' 을 구해보았는데 결과가 나오긴 하는데 맞는지 알 수가 없어서 코드리뷰 부탁드립니다. 더불어 더 좋은 코드가 있을지 여쭙습니다.새해 복 많이 받으세요 with uu as (select customer_id, product_id, order_id, product_name, order_date, ship_addressfrom(select c.product_id, c.product_name, a.amount, b.order_date, b.ship_address , b.customer_id, b.order_idfrom order_items a join orders b on a.order_id = b.order_idjoin products c on a.product_id = c.product_idwhere extract(year from b.order_date) >= 1997) tt), xx as (select ww.customer_id, ww.product_id as prd_01, vv.product_id as prd_02, ww.order_date, ww.ship_addressfrom uu ww join uu vv on ww.customer_id = vv.customer_id), temp_01 as (select customer_id, prd_01, prd_02, extract(year from order_date) as year_ord, extract(month from order_date) as month_ord, ship_address as countryfrom xxwhere prd_01 != prd_02group by 1,2,3,4,5,6order by 1,2,3,4,5,6)---------------구매자 id, 대표제품 id, 동시구매제품 id, 년, 월, 국가, temp_03 as (select prd_01, prd_02, count(*) as cnt_prd_prdfrom temp_01group by 1,2order by 1, 3 desc) -----------------대표제품 id, 동시구매제품 id, 동시구매 횟수, temp_04 as (select distinct product_id, count(customer_id) as cnt_prdfrom order_items oi join orders o on oi.order_id = o.order_idgroup by 1order by 1)-------------------- 대표제품 id, 구매고객수, temp_05 as (select prd_01, prd_02, count(customer_id) as cnt_prd_customerfrom temp_01group by 1,2order by 1,3)-------- 동시구매 고객 수, temp_06 as (select customer_id, count(order_id) as cnt_customerfrom ordersgroup by 1)------ 구매횟수, temp_07 as (select distinct t5.prd_01, t5.prd_02, cnt_prd_customer as 동시구매고객수, sum(cnt_customer) as 구매횟수, cnt_prd_prd as 동시구매횟수, cnt_prd_prd/sum(cnt_customer) as 동시구매율from temp_01 t1 join temp_05 t5 on t5.prd_01 = t1.prd_01 and t5.prd_02 = t1.prd_02join temp_06 t6 on t1.customer_id = t6.customer_idjoin temp_03 t3 on t1.prd_01 = t3.prd_01 and t1.prd_02 = t3.prd_02group by 1,2,3,5order by 1,5 desc) ---/ 동시구매 고객 수 / 구매 횟수 / 동시구매 횟수 / 동시구매율, temp_08 as (select distinct country, year_ord , month_ord , prd_01, cnt_prd as 구매고객수from temp_01 t1 join temp_04 t4 on t1.prd_01 = t4.product_idorder by 1,2,3,4)---국가/ 기준월 / 대표제품명 / 구매고객수select distinct t8.*, prd_02, 동시구매고객수, 구매횟수, 동시구매횟수, 동시구매율from temp_08 t8 join temp_07 t7 on t8.prd_01 = t7.prd_01;
-
해결됨스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
HTTP 메시지 바디, 화면 출력 관련 질문
웹 브라우저는 HTTP 메시지 바디에 담긴 것을 화면에 그대로 출력해주나요?@ResponseBody @RequestMapping("/response-view-v2") public String responseViewV2(Model model) { model.addAttribute("data", "hello!!"); return "response/hello"; }위 코드에서 HTTP 응답 메시지 바디에 response/hello라는 문자열이 실리는 것은 알겠습니다. 그런데, 화면에도 보이는 이유는 브라우저가 그렇게 해주기 때문인가요??
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
자료 요청드립니다.
이메일로 보냈는데 확인을 하지 않으셔서 자료 요청드립니다. guswjdedi@gmail.com
-
미해결재고시스템으로 알아보는 동시성이슈 해결방법
redisson 질문입니다.
public void decreaseStock(Long key, Long quantity){ RLock lock = redissonClient.getLock(key.toString()); try{ boolean available = lock.tryLock(60, 1, TimeUnit.SECONDS); if(!available){ System.out.println("lock 획득 실패"); return; } stockService.decreaseStock(key, quantity); }catch (InterruptedException e){ throw new RuntimeException(e); }finally { lock.unlock(); } }안녕하세요 redisson 활용에 질문있어서 드립니다.tryLock()부분의 waitTime 부분이 강의에서는 5로 설정하셨는데, 제가 강사님과 동일하게 5로 설정하면 테스트가 실패했습니다. expected: <0> but was: <41>이와 같이 실패가 떠서 timewait값을 조금씩 늘려주면서 테스트하니까 60에서는 안정적으로 성공하는걸 확인했습니다. 이부분에 대해서 질문이있는데, timewait값에 따라 성공,실패가 달라지는건 서버 환경에 따라 달라지는걸로 보면 되는걸까요?
-
미해결모든 개발자를 위한 HTTP 웹 기본 지식
public 캐시 vs private 캐시
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)[질문 내용]여기에 질문 내용을 남겨주세요.안녕하세요. 프라이빗 캐시와 퍼블릭 캐시 작동방식을 제대로 이해했는지 알고 싶어서 문의 남깁니다.퍼블릭 캐시 같은 경우처음 client가 요청을 했을 때 원서버에서 캐시를 받고 프록시 캐시 서버에 캐시를 저장한 후 client에게 데이터를 넘겨주고이후 다른 client들에게서 요청이 올때는 원서버로 안가고 프록시 캐시 서버로 부터 데이터를 받는 것으로 알고 있습니다.그러면 데이터를 요청했던 client가 다시 요청을 하게 되면 캐시가 결국에는 프록시 캐시 서버에 존재하는 것이므로Q1. 전체 데이터(표현 헤더+ 표현 바디)를 다시 다운로드 하는 것인지 궁금하고(= 프록시 서버로부터 온 응답을 웹 브러우저 캐시에 저장을 하는 것인지 궁금합니다.),Q2. 요청을 할 때 헤더에는 조건부 요청이 없을 것 같은데(캐시가 결국에는 프록시 캐시 서버에 있기 때문에 -> 이 부분도 맞게 이해한 것인지 잘 모르겠네요) 이게 맞는지 궁금합니다. 프라이빗 캐시인 경우Q3. client의 개인 웹브라우저에 캐시를 저장하니깐 재요청시(캐시 유효기간이 지났을 때) 원 서버에서 조건부 요청을 서로 맞추어보는지 궁금합니다.Q4. 만약 그렇다고 하면 결국 서버에 제가 받고 싶은 데이터들이 저장(프록시 캐시 서버와 물리적 위치를 제외하곤 다를게 없다고 주관적인 생각이 듭니다.)되어있다는 것인데 이게 어떻게 해당 client만을 위한 것인지 잘 이해가 안됩니다.감사합니다.
-
미해결[C++과 언리얼로 만드는 MMORPG 게임 개발 시리즈] Part2: 게임 수학과 DirectX12
static_pointer_cast와 static_cast의 차이가 무엇인가요?
강의 56분경에 component를 Transform으로 static_pointer_cast를 이용해서 캐스팅 해주는데 static_cast와 static_pointer_cast의 차이를 모르겠습니다.
-
미해결웹 게임을 만들며 배우는 React
번외 질문입니다.. 혹시 2-9 강의에서 초반~중후반부
검은옷 입고 계실때에 사용하시던 키보드 정보 여쭤보고 싶습니다.. 좋은 강의에 키보드 소리도 너무 좋아서요.. 엉뚱한 질문 죄송합니다
-
해결됨비전공자를 위한 개발자 취업 올인원 가이드 [통합편]
부트 캠프 수료 후, 스터디 방향 상담
소개한정수님의 해당 커리어 강의를 여러 많은 분들에게 전파하고 있는 수강 수료한 백엔드 개발자를 희망하는 김제하입니다!<br>현재 상황한정수님 따라서 hugo로 기술 블로그 만들고 해당 강의 수강 수료 후, 6개월 이상이 지났는데요. 개인적으로 정수님 강의를 보고 정리한 것들을 계속 되새기면서 공부하고 있습니다. 코테나 이력서 작성이나, 기술 면접 공부나 말씀하신 방향대로 학습하고 있습니다.python / django 커리어로 시작하기 위해서 작년 9월 달부터 12월까지 해당 기술 스택의 부트캠프가 거의 없었다가 1기로 유료 부트캠프가 생겨서 4개월 과정을 마치고 수료하게 되었습니다. 학습한 기술 스택은 django, docker, docker-compose, AWS EC2, S3, RDS 정도입니다. 그런데, 백엔드 부트캠프임에도 불구하고 프론트까지 신경써서 하느라 백엔드의 완성도가 높지 않은 상황입니다. (풀스택으로 진행하여 백엔드의 완성도는 높지 않지만, 프론트와의 흐름이 어떻게 흘러갈지 알게 되어 기획, 설계, 프론트 개발과 백엔드 개발, 배포까지 경험하게 되어 좋은 경험이 되었습니다)그리고, 여러 군데 이력서 던지면서 프로젝트의 완성도를 더 높일려고 합니다. 그리고 두 군데에서 리크루터로부터 이력서를 넣어볼 생각이 없냐고 제의가 온 상황입니다. 하지만 아직 프로젝트 완성도가 제가 원하는 수준이 아닙니다.부트캠프를 수료해보니 왜 우테코 같은 코스를 추천하신 이유를 알 것 같습니다. 유료 무료도 있지만 무엇보다 장기간 동안 뛰어난 멘토 밑에서 협업하며 프로젝트 경험을 키울 수 있는 건 최고의 성장 환경인 것 같습니다. 하지만 python/django는 별로 없더라구요. 싸피는 비전공 과정으로 가게되면 python을 너무 기초부터 알게되어 좋지 못하다고 생각했습니다. 그리고 깊이 있게 학습은 못한다고 들었습니다.금전적으로는 슬슬 돈이 부족해서 나라에서 주는 수당과 알바를 병행할 예정입니다.<br>python / django를 선택한 이유python/django를 선택한 이유는 이 방향으로 진행하다가 DevOps나 Data engineering 커리어 방향으로 흘러가기 위해서 입니다. 그리고 해외 취업에는 java/spring보다는 python/django가 공고가 훨씬 많아서 이기도 합니다.고민확실히 node.js나 java/spring으로 취업 공고가 압도적으로 많아서 python/django 으로 취업을 할려면 확실히 준경력직만큼의 실력을 갖쳐야될 걸로 예상됩니다.강의에서도 계속 말씀하신 바이지만 바로 취업하기 보다는 더 준비해서 선순환을 일으키는 곳으로 가라고 말씀하신 걸 기억합니다.그래서 몇 가지 고민이 있습니다.SW 마에스트로 과정에 지원해서 합격한다면 취준 기간이 길어지더라도 이 과정을 겪자원하는 연봉 수준(대략 4천만원)이 아니어도 배울 수 있는 회사면 빨리 취업한다.3월에 DevOps 부트캠프가 있는데 이를 신청해서 백엔드 개발자로서 인프라 설계 관한 경쟁력을 추가한다.프로젝트를 별도로 진행하면서 알바를 병행하여 부트캠프 할부를 빨리 갚아버리고, F-lab이라는 유료 멘토링 과정을 지원한다.현재 제 나이는 만으로 29살입니다. 이번 년도 6월이 지나면 만 30이 됩니다. 나이는 안본다고 하지만, 한국이라서 그런지 계속 신경쓰게 되네요..ㅠㅠ 취준 기간은 작년 22.02 부터 공부를 제대로 시작했으니, 이제 1년 되어 갑니다.어떤 방향을 강하게 추천하시는지 알려주시면 감사하겠습니다. Thank you for awesome lecture마지막으로 한정수님에게 감사하다는 말씀을 전하고 싶습니다.부트캠프를 수강하면서 느낀 것은 다른 여러 사람들과 비교해서 한정수님 덕분에 남들보다 훨씬 몇 보 빠른 방향으로 올바른 방향으로, 학습한 게 느껴집니다. 처음에는 이 강의 비용이 비싸게 느껴졌는데, 시간이 지날수록 너무 잘했다는 게 느껴집니다. (그럼에도 많이 부족하다고 느끼고 후회는 남는 것 같습니다.)감사하다는 말씀드리고 싶습니다. 감사합니다.
-
미해결10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트
1-A 일곱난쟁이 질문입니다
안녕하세요.2309 - 일곱난쟁이 관련 질문입니다.조합 풀이인데, 진짜 똑같이 친것 같은데 왜 틀렸다고 하는지 잘 모르겠습니다.http://boj.kr/ab49141d52e34dbd8685e72b2dddc31e감사합니다. 어렵네요 ㅠ
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
파싱 오류
상품 리스트로 넘어갈때 오류가 나네요디버깅 해서 order 사이즈 넘어오는거 확인했고, h2 데이터 베이스에 DB 넘어가는것도 확인했는데 안되네요html 오류인것같은데 못잡겠습니다
-
미해결
파이썬 Django 질문이 있습니다.
index.html에서 <input type="text" name="URL" value="asdf"><br> URL값을 입력해서 views.py로 이동하여 url 값을 넣어주고 http_post_request.txt 결과값을 확인하고 싶습니다. 그런데 url 값을 index.html에서 입력을 해주어야 view.py에서 실행이 될텐데 view.py에서 url값이 None인 상태에서 바로 실행이 되어서 url값에 None이 뜨는거 같습니다.이런 경우 어떻게 해야할까요?
-
해결됨스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
강의 13:26 질문드립니다.
강의 교안을 보면 '응답의 경우에도 @ResponseBody를 사용하면 해당 객체를 HTTP 메시지 바디에 직접 넣어줄 수 있다.'고 작성되어 있습니다.여기에서 '객체를 HTTP 메시지 바디에 넣는다'는 말에 대해 여쭤보고 싶은데요, HTTP 메시지 컨버터에 의해 문자열로 바뀐 것이 바디에 실린다는 뜻이 맞을까요?
-
해결됨파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트
ModuleNotFoundError: No module named 'accounts.urls'
안녕하세요 강사님커스텀 유저 지정 및 회원가입 구현의4분 40초 쯤에 AUTH_USER_MODL 추가 부분이 나오는데요.이 부분 관련하여 데이터베이스 기존에 있는 것을 삭제하고AUTH_USER_MODEL = 'accounts.User'라고 설정한 뒤에 python manage.py makemigrations accounts라고 하면File "/Users/daniel_choi/opt/anaconda3/envs/instagram_second/lib/python3.8/importlib/__init__.py", line 127, in import_module return _bootstrap._gcd_import(name[level:], package, level) File "<frozen importlib._bootstrap>", line 1014, in _gcd_import File "<frozen importlib._bootstrap>", line 991, in _find_and_load File "<frozen importlib._bootstrap>", line 973, in _find_and_load_unlocked ModuleNotFoundError: No module named 'accounts.urls'이렇게 나오더라구요.위의 방법에 있어서 읽어올 수 없길래AUTH_USER_MODEL = 'accounts.models.User'라고 해주었더니 이번에는ValueError: Invalid model reference 'accounts.models.User'. String model references must be of the form 'app_label.ModelName'.라고 나옵니다어떻게 해결하면 될까요? ㅠㅠ
-
미해결스프링 프레임워크는 내 손에 [스프1탄]
질문이있어요 $().text를 써준이유가 뭔가요??
$().val()를 사용해도 인풋안에 입력된값을 가져올수 잇을거같은데 $().text와 $().val()의 차이점이 무었인가요?
-
미해결만들면서 배우는 프론트엔드 DO IT 코딩 (Next.js, Typescript)
1월 21일까지 수강기간인데
안녕하세요. 1월 21일까지 수강기간인데 제가 한번더 총체적으로 살펴보길 소망해서요.혹시 수강기간을 연장해주실 수 있을까요?보통 무제한 수강인줄알고 구매를 했었는데 수강기간이 제한이 있는줄 늦게 알게 되었습니다. ㅠ
-
미해결대세는 쿠버네티스 (초급~중급편)
StorageOS Operator 설치
kubectl apply -f https://github.com/storageos/cluster-operator/releases/download/1.5.0/storageos-operator.yamlError Message.Unable to connect to the server: dial tcp: lookup github.com on 10.0.2.3:53: read udp 10.0.2.15:53271->10.0.2.3:53: i/o timeout 실습을 진행하려고 하는데, 계속 이 오류가 나네요. googling 을 해도 답을 못찾아 도움을 요청 드립니다. ^^ 참고로, Windows 10, 6 Core CPU, 16M Memory 에 , 강사님의 만들어주신 vagrant를 설치했습니다._______________________________어제 오류 메시지를 올리고 나서, 금일 vagrant destroy, vagrant up 한 상태에서 같은 명령을 실행하니 위 그림과 같은 오류 메시지가 표시되었습니다.
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
Offset 질문입니다.
그리드 만들기 에서 보면 Offset의 용어가 있습니다.평소에 저는 Offset이 아닌 Margin으로 알고 있고 다른곳에서도 Margin으로 쓰는걸 많이 봤는데요.Offset과 Margin의 차이가 무엇일까요?https://uxdesign.cc/responsive-layout-grid-guide-for-designers-c3ba7d161bdf
-
해결됨디자인 시스템 with 피그마
디자인할 때 무조건 피그마 토큰 플러그인에 등록된 값을 사용해야 하나요?
안녕하세요 범쌤, 강의를 열심히 듣고 있는 수강생입니다. 강의에 보면 어떤 것은 피그마 토큰 플러그인에 등록된 간격이나 컬러를 직접 선택해서 사용하시고 어떤 것은 피그마 네이티브 기능으로 간격이나 컬러를 설정하셔서 이 부분이 좀 헷갈립니다.디자인 할 때 무조건 피그마 토큰 플러그인에 등록된 값을 해야하는지 아니면 피그마 네이티브 기능으로 설정해도 되는지?그 사용 범위가 구분 된다면 그 범위는 어디까지인지 너무 궁금합니다. 😂
