본문 바로가기

전체 글141

알고리즘 백준 문제 로드맵 (추천) https://code.plus/course/41 알고리즘 기초 1/2 알고리즘 기초 code.plus 백준 알고리즘 온라인 강의 사이트인데, 알고리즘 초급/중급/고급 강의에 나와있는 문제들을 차례대로 풀어보면 좋을 것 같음. 백준에서 뭐부터 풀어야 하나 고민이 많았는데, 이대로 풀면 정리되는 느낌이 들듯. 아래는 알고리즘 기초 1/2 강의의 문제들 2021. 5. 31.
@ResponseEntity @PathVariable @RestController @RequestBody @ResponseBody 스프링 어노테이션 설명 스프링 스터디 chapter 3 REST 방식 URI = 데이터 자체 스프링에서의 REST -> @RestController 애노테이션 :rest 방식의 데이터 처리를 위해 사용 ->단순 문자열, json(스프링에서 json타입의 데이터로 변환 또는 그 반대의 작업하기 위해서는 해당 라이브러리 추가 꼭 해야함),xml 형태의 데이터 자체를 반환 ->데이터만 주고 싶을 때 사용 list/map 타입 http://j2yes.tistory.com/entry/%EC%9E%90%EB%A3%8C%EA%B5%AC%EC%A1%B0-list-set-map rest가 방식, ajax는 이를 이용하는 수단 ajax 화면 전환없는 한 화면에서 데이터 받고 결과 보여줄수있는 그런것 http://marobiana.tistory... 2021. 5. 5.
동기 vs 비동기 쉬운 설명 (예제 코드 포함) 출처: 생활코딩 (opentutorials.org/course/2136/11884) 동기 내가 몸 1개로 직접 빨래 끝낸 후, 설거지 끝낸 후, 청소 작업 하기 비동기 내가 빨래 업체, 설거지 업체, 청소 업체에 전화 돌려서 해달라 하기. 진짜 일 하는 건 업체가 알아서. 나는 업체 쪽에서 완료했다는 연락만 기다리기. 예제 코드 (node.js) Sync 방식 출력 창: 1 file data Async 방식 출력 창: // fs.readFile은 코드상으론 두 번째 줄이나, 그때 일을 시작해 백그라운드로 돌다가 작업이 완료되면 결과물을 내뱉음 2 4 3 file data 2020. 11. 1.
[Spread syntax] 데이터 원본 보존하기, shallow copy (예제 포함) spread문법을 사용하여 shallow copy 하는 방법에 대해 소개 shallow copy - 원본을 복사하는 방법 중 하나이다. [...객체이름] -> ...라는 문법을 사용하여 복사하면 된다. 사용법 예시) function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; numbers2 =[2,3,3]; console.log(sum(...numbers)); // expected output: 6 console.log(sum.apply(null, numbers)); // expected output: 6 sorting 하기 전으로 되돌리는 함수 만들어보기 (Vue.js) -> 원본 배열을 복사해두는 방법을 사용할 것! data 부분. .. 2020. 4. 16.
[Vue.js 기본 문법] v-for, 컴포넌트 생성, props 등록.전달 [목차] v-for 사용법을 알아본다 컴포넌트화 하는 법을 알아본다 props를 사용하여 부모 -> 자식 흐름으로 데이터 바인딩하는 방법을 알아본다 props에 v-for를 함께 써서 응용해본다. v-for 반복문 food: ['chicken', 'pizza', 'ramen', 'dumplings'], food라는 data가 있다고 가정하자, 이를 로 목록화시켜서 보여주고 싶다면? = > for문!! 반복문!! Vue.js에서는 for문을 v-for라고 부른다. v-for 사용법 데이터를 만들어준다 태그에 v-for를 넣어준다. {{별명}} for문 사용시 v-bind:key=""를 꼭 넣어준다. (안 쓰면 에러 남) 이유: In 2.2.0+, when using v-for wi.. 2020. 4. 16.
[Vue.js 기본 문법] v-if, v-on:click 이벤트 핸들링 v-if, v-on:click 이벤트 리스너 사용법! v-if 를 사용하여 -> 버튼 클릭 시 속성 숨기기 원하는 태그에 v-if를 넣는다. true / false 데이터를 넣어줄 변수를 생성하여 data()에 넣어준다 나는 flag라는 데이터 생성 v-if="flag" 를 넣어준다. button 클릭 시 v-if의 true / false 를 바꿔줄 것이기에 v-on:click을 button 태그에 써준다. button 클릭 시 함수를 실행하게 v-on:click="함수이름" 라고 써준다. 함수를 정의 해준다. 함수 안에서 flag를 true / false로 바꿔주면 됨. Hello world, this is {{name}}. 이름 숨기기 v-on:click를 사용하여 -> 버튼 클릭 시 컨텐츠 정렬하기.. 2020. 4. 14.
[Vue.js 기본 문법] (데이터 바인딩) v-bind (데이터 바인딩) v-bind 데이터 바인딩 1. 내용 데이터 바인딩 data()에 데이터를 적어두고, 원하는 부분에 이중 대괄호로 불러오기! Hello world, this is {{name}}. 2. 속성 데이터 바인딩 data()에 속성 적어두고, 원하는 부분에 v-bind:style="" 로 불러오기! font size 3. 데이터를 js파일로 빼서 데이터 바인딩 데이터를 적어둔 파일을 import 한다. & 이름을 정해준다. data()에 정한 이름을 불러온다. 원하는 부분에 이중 대괄호로 불러온다. {{Oneroom[0].title}} {{Oneroom[0].capt.. 2020. 4. 14.
WEB 개발 LEARNING SITE https://developer.mozilla.org/ko/docs/Learn Web 개발 학습하기 여기에서는 여러분을 "초보자"에서 "전문가"로 이끄는 걸 목표로 하지 않습니다. 다만, 여러분을 "초보자"에서 "안정된 단계"로 이끄는 걸 목표로 합니다. 그 이후에는 자신만의 스타일을 찾아야만 합니다. 그리고 그때 보게 될 MDN의 나머지 문서들이나 다른 문서들은 많은 사전지식을 필요로 할 것입니다. 코딩을 처음 접하는 분들에게 웹개발은 어려울 수 있습니다(그렇지만 저희가 최선을 다해 설명해드릴께요!). 그렇지만 당신이 웹 개발을 배우고 싶은 학생이든, developer.mozilla.org 2020. 3. 30.
로직 변경 사항 to-do/history 완료된 사항들 표시 1. -> admin으로 회원 가입 시 form에서 alert창 띄우기 alert("관리자-회원가입의 경우 담당자 승인 후에 가입신청이 완료됩니다.\n승인 담당자 정보는 아래와 같습니다.\nsoojinsarah@naver.com") sweetalert submit 오류 해결 -> 관리자 경고창을 submit onclick에 뜨게 하지 않고, option onchange 할 때 뜨게 함 2. -> 회원 가입 insert 쿼리 수정 accept_flag 칼럼 db에 추가 admin이면 flag를 n으로 주고 다른 정보들 insert user이면 flag를 무조건 y로 주고 주고 다른 정보들 insert 기존 insert 로직을 flag가 y일 때만 insert 되게 수정 3. -> (추후.. 2020. 3. 26.
마크다운 문법, 마크다운 문법 직접 연습/적용해볼 수 있는 툴 추천 https://dooray.com/htmls/guides/markdown_ko_KR.html Markdown Help # 마크다운 ## 마크다운(Markdown)이란? 2004년에 존 그루버(John Gruber)와 애런 스워츠(Aaron Swartz)가 만든 마크업 언어의 하나로 읽기 쉽고 쓰기 쉬운 텍스트 포맷입니다. 이 페이지의 왼쪽은 마크다운 편집기입니다. **자유롭게 연습해 보세요**. 여러분이 연습한 내용은 다른 사람에게 보이지 않고, 저장되지 않습니다. 아래 링크를 클릭하여 해당 도움말(연습장)로 바로 이동할 수도 있습니다. * [문단](#paragraph) dooray.com 마크다운 문법, 마크다운 문법 직접 연습/적용해볼 수 있는 툴 추천 마크다운 문법 항상 쓰는 것만 써서 가끔가다 마.. 2020. 3. 18.
[ORACLE SQL 문제] 목록과 함께 평균 구하기 - GROUPING, GROUPING_ID, PIVOT. ROLLUP 결과 행 조건 걸기 문제 링크: http://www.gurubee.net/lecture/2862 (내 댓글 참고) [퀴즈] 목록과 함께 평균, 최대, 최소값 구하기 이번 퀴즈로 배워보는 SQL 시간에는 목록과 함께 평균, 최대, 최소값을 구하는 문제를 풀어본다. 지면 특성상 문제와 정답 그리고 해설이 같이 있다.. www.gurubee.net 문제 요약: [표 1]의 각 일자별 수치 정보와 상태 코드 목록을 출력하고, 상태 코드(YN 칼럼)가 ‘Y’인 자료의 평균, 최댓값, 최솟값을 출력하세요. 마찬가지로 전체 자료에 대한 평균, 최댓값, 최솟값을 함께 출력하는 쿼리를 작성하세요. 또한 [표 2]의 결과를 도출하는 쿼리를 작성하세요. 평균값은 소수 2자리까지 표시하세요. [STEP 1] YN 조건 상관없이 ROLLUP으로 .. 2020. 3. 12.
[JAVASCRIPT에서 session 값 가져다 쓰는 법] 가져오는 법, string data type과 비교하는 법 내가 하고 싶었던 것: 마이페이지 버튼 클릭 시, 세션 유지 여부에 따라 해당 페이지로 redirect 되거나 로그인하라고 alert창을 뜨게 한다. 최종 코드 home.jsp body 부분. 마이 페이지 문제 상황 1 해당 if/esle문은 jsp의 태그에 위치해 있는데, 자바스크립트 안에서 session값을 어떻게 써도 에러가 났었음. 당시 시도했던 방법: 방법 1) var uid = (String)session.getAttribute("uid"); 방법 2) 해결한 방법: var uid = ''; 문제 상황2 session 값을 가져와서 null값 여부에 따라 분기점 생성하려는데 또 안됨.. 당시 시도한 방법: 방법 1) if(uid==null){ alert("로그인 필요"); } 방법 2) if(.. 2020. 3. 6.
[MySQL] toy project 테이블 ERD, CREATE문 유저 HUT_USER 상품 HUT_PRODUCT 장바구니 HUT_CART CREATE문 ERD 정보 2020. 3. 6.
[session이란?] 예제, 개념, 메소드, 쿠키와의 차이점 session 정리 session -> 클라이언트와 서버의 연결 정보를 유지하려면 연결이 끊어지지 않고 유지되어야 하므로 세션이라는 기능이 필요하다. 클라이언트가 세션에 요청할 경우 서버 측에서는 클라이언트에게 클라이언트를 구분할 수 있는 식별자(Session ID)를 부여하게 된다. 여러 클라이언트가 요청하는 정보들은 이 Session ID를 통하여 클라이언트를 구분하여 정보를 저장할 수 있는 것이다. session 객체 메소드 session.setAttribute("name","hongkildong"); =세션 객체에 hongkildong이라는 값이 들어있는 name이라는 속성을 저장하는 역할을 한다. 세션은 유지 시간을 초과하지 않는 한 브라우저를 종료하지 않게 되면 name 속성은 계속해서 잃지 .. 2020. 3. 6.
[ORACLE SQL 문제] 경우의 수 구하기 문제 링크: http://www.gurubee.net/lecture/2196 (내 댓글 참고) [퀴즈] 경우의 수 구하기 이번 퀴즈로 배워보는 SQL 시간에는 주어진 코드 리스트를 이용해 조합 가능한 모든 경우의 수를 구하는 쿼리를 어떻게 작성하는지에 대해 알아본.. www.gurubee.net [내가 생각한 방법들] 1. 구글링 결과 WM_CONCAT을 알게 돼서 써봄.. - 결과 터무니없음 WITH TEST AS ( SELECT 'A' code FROM dual UNION ALL SELECT 'B' FROM dual UNION ALL SELECT 'C' FROM dual ) SELECT WM_CONCAT(T.CODE) FROM TEST T WHERE 1 = 1 --AND T.CODE IN ('B', .. 2020. 3. 4.
[ORACLE SQL 문제] 날짜별 모든 코드(빠진 데이터 없이)에 대한 자료 채우기 문제 링크: http://www.gurubee.net/lecture/2204 (내 댓글 참고) [퀴즈] 날짜별 모든 코드에 대한 자료 채우기 이번 퀴즈로 배워보는 SQL 시간에는 날짜별 모든 코드에 대한 자료를 채워 조회하는 쿼리를 어떻게 작성하는지에 대해 알아본다. 지면 특성상 문.. www.gurubee.net 내 코드: WITH CODE AS ( SELECT 1 CD, '마이크로' NM FROM DUAL UNION ALL SELECT 2, '소프트' FROM DUAL UNION ALL SELECT 3, '웨어' FROM DUAL ) , DATA AS ( SELECT '20120101' DT, 1 CD, 10 V FROM DUAL UNION ALL SELECT '20120101', 2, 20 FROM.. 2020. 3. 4.
[ORACLE SQL 문제] 일별 누적 접속자 통계 구하기 문제 링크: http://www.gurubee.net/lecture/2955 [퀴즈] 일별 누적 접속자 통계 구하기 이번 퀴즈로 배워보는 SQL 시간에는 사용자 접속기록을 분석하여 통계를 구하는 SQL 문제를 풀어본다. 지면 특성상 문제와 정답 그리고 해설이 같이.. www.gurubee.net 내 쿼리 WITH TMP as ( SELECT '20150801' dt, 1 id FROM dual UNION ALL SELECT '20150801', 2 FROM dual UNION ALL SELECT '20150801', 1 FROM dual UNION ALL SELECT '20150802', 1 FROM dual UNION ALL SELECT '20150802', 2 FROM dual UNION ALL SE.. 2020. 3. 3.
[ORACLE SQL 문제] 여러 테이블 혼합해서 결과 표 도출하기 문제 링크: http://www.gurubee.net/lecture/2190 (내 댓글 확인하기) [퀴즈] 스터디 가입현황을 보여주는 쿼리를 작성하는 문제입니다. 문제 다음과 같이 테이블이 3개가 있습니다. 1. 스터디 학생 테이블은 s_id가 PK입니다. 2. 스터디 과목 테이블은 c_id가 PK입니다. 3. .. www.gurubee.net 내 쿼리 WITH student AS ( SELECT '001' s_id, '기민용' s_nm FROM dual UNION ALL SELECT '002', '이현석' FROM dual UNION ALL SELECT '003', '김정식' FROM dual UNION ALL SELECT '004', '강정식' FROM dual ) , course AS ( SELEC.. 2020. 3. 3.

티스토리툴바