본문 바로가기

TIL & WIL172

[TIL] #9. 230922 어제 목표 & 오늘 완료한 한 일 웹개발 A to Z 응용 상세페이지 완성 회원가입 및 로그인 + 페이지네이션 + 검색페이지에서 검색 알고리즘 문제 웹개발 A to Z 복습 (2주차) 내일 목표 알고리즘 문제 웹개발 A to Z 복습 (3주차) 구현 내용 발생한 문제와 해결 어제까지의 구현 상황으로는 검색페이지에서 다른 리뷰를 검색할 수 있는 기능을 구현하지 않은 상태였다. 그래서 오늘 검색페이지 검색기능을 구현하였다. 리뷰페이지에서 검색페이지로 검색어를 전달하던 전과는 다르게, 이번에는 다른 파일에서 값을 전달받는게 아니니 그냥 엔터를 누르게 되면 input 창의 값을 가져와 searchWord 변수에 넣어주면 될 것이라고 생각했다. 하지만 그렇지 않았고 그렇게 했을 때 searchWord에는 공백이 .. 2023. 9. 22.
[TIL] #8. 230921 어제 목표 & 오늘 완료한 한 일 웹개발 A to Z 응용 알고리즘 문제 + 웹개발 A to Z 복습 (1주차) 내일 목표 웹개발 A to Z 응용 상세페이지 완성 회원가입 및 로그인 알고리즘 문제 웹개발 A to Z 복습 (2주차) 구현 내용 발생한 문제와 해결 상세페이지를 만들 때 영화의 id를 url로 전달해야하는데 특정 카드를 클릭했을 때 해당 카드의 id만 넘기는 방법을 몰라 하는데 어려움이 있었다. 처음에는 전에 작성했던 코드들을 보고 이렇게 하면 될까싶어 아래와 같은 형식으로 작성해봤는데 그냥 엉터리라서 그런지(...) 콘솔창에 아무런 오류도 보이지 않았다.. $(`#${id}`).click(function () { location.href = 'detail.html' }); 그렇다고 for.. 2023. 9. 21.
[TIL] #7. 230920 어제 목표 & 오늘 완료한 한 일 웹개발 A to Z 복습 웹개발 A to Z 응용 영화 데이터 불러오기 리뷰 검색 알고리즘 문제 내일 목표 웹개발 A to Z 응용 알고리즘 문제 구현 내용 발생한 문제와 해결 리뷰화면에서 검색화면으로 검색어를 보내고 제대로 왔는지 확인하기 위해 콘솔창에 찍어봤는데 보낸 그대로의 모습이 아닌, %EC%84%BC%EA%B3%BC%20%EC%B9%98%ED%9E%88%EB%A1%9C%EC%9D%98%20%ED%96%89%EB%B0%A9%EB%B6%88%EB%AA%85 이와 같은 모습으로 콘솔창에 보였다. 인터넷에 서치해본 결과, 이는 문자열이 URL로 전달될 때 인코딩되어 전송되기 때문에 이러한 모습으로 보였던 것이다. 이 문제를 해결하기 위해 아래와 같이 decodeURI.. 2023. 9. 20.
[TIL] #6. 230919 어제 목표 & 오늘 완료한 한 일 웹개발 A to Z 응용 + 알고리즘 문제 내일 목표 웹개발 A to Z 복습 웹개발 A to Z 응용 영화 데이터 불러오기 리뷰 검색 알고리즘 문제 발생한 문제와 해결 class Solution { public int solution(int[] array) { int answer = 0; int lastNum = array[array.length-1]; int[] count = new int[lastNum+1]; int num = 0; if(array.length == 1) { answer = array[0]; } else { for(int i=0; i 2023. 9. 19.
[TIL] #5. 230918 어제 목표 & 오늘 완료한 한 일 웹개발 A to Z 3-5주차 복습 & 응용 (응용은 '홈' 글자 클릭시 페이지 이동되는 것만,.) SQL 1-3주차 복습 + SQL 4주차 복습 내일 목표 웹개발 A to Z 응용 발생한 문제와 해결 select domain, count(domain) as cnt_domain from ( select SUBSTRING_INDEX(email,'@',-1) as domain from users ) group by domain 위와 같이 코드를 작성했더니, SQL Error [1248] [42000]: Every derived table must have its own alias 이러한 에러가 발생했다. 해당 에러는 Alias 명칭이 없어서 나타나는 오류라고 한다. 다른 문.. 2023. 9. 18.
[WIL] #1. 230914~230917 이번주 목표 달성 여부 웹 개발 강의 다시 수강 (1주차까지만 완료한 상태) → △ SQL 강의 완강 → ✅ 요일별 공부 내용 목 - 웹개발 A to Z 1주차 복습 - SQL 1주차 수강 및 정리 금 - 웹개발 A to Z 1주차 복습 - SQL 2주차 수강 및 정리 토 - SQL 3주차 수강 및 정리 일 - SQL 4주차 수강 및 정리 개선할 점 230914 기준, 어제까지만 해도 무작정 공부한 내용들을 정리하기만 했는데 앞으로는 TIL/WIL를 통해 공부하면서 새롭게 알게 된 점이나 느낀점 등의 내용들을 기록해야겠다. 강의 내용을 그대로 따라가는 것이 아닌, 배운 내용들을 가지고 다양하게 응용해봐야 할 것 같다. SQL 문 작성시 오타난거나 빠뜨린 거 없는지 잘 확인하기,, (예를 들어 따옴표) 새.. 2023. 9. 17.
[TIL] #4. 230917 어제 목표 & 오늘 완료한 한 일 SQL 4주차 수강 및 정리 내일 목표 웹개발 A to Z 3-5주차 복습 & 응용 SQL 1-3주차 복습 배운 내용 정리 Subquery - 편하고 간단하게 원하는 데이터를 얻기 위해 사용되는 기능으로, 쿼리 안에 쿼리가 있는 것 (where, select, from 등에 들어감) with - 반복되는 서브쿼리를 하나의 with절 블록으로 만들어 사용. SUBSTRING_INDX - 문자열 쪼갤 때 사용 SUBSTRING - 문자열 일부만 출력할 때 사용 Case - 조건에 따라 다른 결과를 나타낼 때 사용 [SQL] 4주차 (Subquery, with ...) 1. Subquery Subquery : 쿼리 안의 쿼리. 더 편하고 간단하게 원하는 데이터를 얻기 위해 사.. 2023. 9. 17.
[TIL] #3. 230916 어제 목표와 오늘 완료한 한 일 웹개발 A to Z 3주차 복습 & 응용 SQL 3주차 수강 및 정리 내일 목표 SQL 4주차 수강 및 정리 배운 내용 정리 left join - 왼쪽에 있는 것을 기준으로 테이블을 합치는 것 inner join - A 테이블과 B테이블의 교집합 부분을 기준으로 합치는 것 union - 여러 개의 select 문을 하나로 합치고 싶을 때 사용 [SQL] 3주차 (Join, Union) 테이블을 나눠놓는 이유 → 한 목적에 맞는 것들만 모아두는 것이 가장 좋기 때 테이블을 잇는 기준 → 같은 속성을 기준으로 매칭시킴. 1. Join join : 두 테이블의 공통된 정보(key값)를 기준으로 mstudy-recode.tistory.com 발생한 문제와 해결 select u.n.. 2023. 9. 16.
[TIL] #2. 230915 어제 목표와 오늘 완료한 한 일 웹개발 A to Z 2~5주차 복습 & 응용 (2주차까지만 완료) SQL 2주차 수강 및 정리 내일 목표 웹개발 A to Z 3주차 복습 & 응용 SQL 3주차 수강 및 정리 배운 내용 정리 SQL 2주차 Group by - 동일한 범주의 데이터를 묶어줌 min() - 최소값 max() - 최대값 avg() - 평균 / round() - 반올림 sum() - 합계 Order by - 데이터 정렬 alias - 별칭 기능 [SQL] 2주차 (Group by, Order by ) 1. Group by Group by : 동일한 범주의 데이터를 묶어줌 where 절을 이용해 비효율적으로 여러 개의 쿼리를 작성할 것을 Group by 사용시 한 번에 가능 select name, .. 2023. 9. 15.