코딩수확도전기

- 문제보호소에서 중성화 수술을 거친 동물 정보를 알아보려 합니다. 보호소에 들어올 당시에는 중성화되지 않았지만, 보호소를 나갈 당시에는 중성화된 동물의 아이디와 생물 종, 이름을 조회하는 아이디 순으로 조회하는 SQL 문을 작성해주세요. - 나의 풀이SELECT A.ANIMAL_ID, A.ANIMAL_TYPE, A.NAMEFROM ANIMAL_OUTS AINNER JOIN ANIMAL_INS BON (A.ANIMAL_ID = B.ANIMAL_ID)WHERE B.SEX_UPON_INTAKE LIKE 'Intact%' AND (A.SEX_UPON_OUTCOME LIKE 'Spayed%' OR A.SEX_UPON_OUTCOME LIKE 'Neutered%')ORDER BY A.ANIMAL_ID - SUBST..

오류발생연결 버튼 눌렀을 때 'test' 폴더를 찾지 못한다는 오류가 발생한다.Database "C:/Users/Username/test" not found, either pre-create it or allow remote database creation (not recommended in secure environments) [90149-232] 90149/90149   해결방법 (순서대로 시도)1. Username은 해당사용자 명으로 해당 경로로 이동해 "test" 폴더 생성 후 연결을 시도한다.2. JDBC URL 입력란에 jdbc:h2:~/test 를 입력한 후 연결을 시도한다.3. 1,2번 방법 둘다 되지 않는 경우 test.mv.db(확장자명)라는 메모장 파일을 만들어 사용자 폴더에 위치한 ..

AWS(Amazon Web Service)란?- 아마존의 클라우딩 컴퓨터 서비스 (서버, 네트워크, 개발환경 등 인터넷으로 대여 및 사용)- 여러 인프라를 일괄로 빌릴 수 있으며 종량제 요금으로 사용한 만큼만 지불 가능- USD 표기지만 원화 결제 가능- 매니지드 서비스로 각 서비스 업데이트, 백업 등 자동관리 가능 도입 방법- AWS에서 다양한 서비스를 제공하지만 비용 등은 개인이 고민할 부분이므로 서버, 네트워크 등에 기본적인 지식 필요 주요기술1. 가상화- 물리서버에 가상서버 여러대를 생성, 조율 가능2. 분산처리- 기기 여러대에 분산하여 처리하는 방법- 로드밸런서(LB) : 서버 여러대에 분배하는 장치, 각 서버 확인하여 부하를 분산- AWS의 LB는 ELB(Elastic Load Balancin..

ㅇ 패키저 매니저- 자바스크립트 프로젝트 의존성 관리 도구- 외부 라이브러리, 버전 관리, 모듈, 플러그인 설치하고 관리하는 역할 ㅇ 패키지 매니저 요소1. Lock 파일 - 각 버전이 갖고 있는 정확한 의존성 버전을 저장한 파일- package-lock.json / pnpm-lock.yaml / yarn.lock ㅇ 패키지 매니저 종류1. NPM (Node Packaged Manager)- Node.js 대표 패키지 매니저- CLI(Command Line Interface) 제공- 패키지 설치를 각각 별도로하여 의존성 중복 설치 될 수 있음 => 용량 늘어남, 느려짐- $npm install  2. Pnpm- Npm 단점인 의존성 문제 해결하기 위한 패키지 매니저- 다중 프로젝트에서 global 저장소..

- SASS 파일 만들어서 관리- Styled-components사용- css module 1. CSS- 기존 css 사용  (.js)- create-react-app 프로젝트의 src 디렉토리 App.css  2. Sass (Syntactically Awesome Style Sheets) - 복잡한 작업 쉽게, 코드 가독성 높음, 코드 재활용성 높음- .scss / .sass 사용- 라이브러리 설치 필요 3. CSS Module- Css 클래스네임 [파일이름]_[클래스이름]_[해쉬값] 으로 클래스네임 자동고유값 설정하여 중첩방지  4. Styled-components- 사용량 多- 자바스크립트 파일 안에 css 작성 형태- 텀블벅, Reddit 등에서 사용됨- tagged templated litera..

티스토리 어플 새로 생겼다고해서 깔아봤는데 오블완 챌린지 공지사항에는 피씨버전만 나와있고 어플글쓰기로는 태그 등이 적용되지 않아서 불편함을 느꼈다.또 웹에는 글쓰기 버튼이 안보여서 들어올 때마다 찾는 어려움이 있다.개인 블로그 꾸미는 자유도는 높지만 기본적인 기능 노출 방식은 바꿔야할 것 같다.

1) forward / redirect 구분 은행창구라고 치면 forward : 서버 내에서 처리 => 같은 창구 뒷줄 (컨트롤러 -> jsp) redirect : 클라이언트에게 요청 보냄 => 다른 창구로 보냄 (컨트롤러 -> 컨트롤러) redirect 쓸 때는 RedirectAttributes 메소드를 써야만 1회성 메세지를 넣을 수 있다. redirect(get방식) + Model을 쓰면 redirect시 get방식으로 주소창에 model에 추가한 내용이 그대로 뜬다. 2) Ajax + 파일버튼 처리하기 - 사진 추가 버튼 누를 때와 drag & drop을 사용할 때 두 가지를 같은 컨트롤러로 보냈는데 작동이 되서 뒀는데 이러면 안됨!!! => ajax 처리용 컨트롤러는 분리해야한다. 매개변수에 @..

ㅇ 오류내용The prefix "websocket" for element "websocket:handlers"is not bound!메이븐 설치 + 클린 + 프로젝트 업데이트 100번했는데도 오류발생웹소켓 maven 설치후 servlet-context.xml에 handler & beans 등록 하려고 할 때마다 오류가 떴다..  ㅇ 해결방법xmlns:websocket="http://www.springframework.org/schema/websocket"아래 주소는 xsi:schemaLocation = "" 안에 넣으면 된다.http://www.springframework.org/schema/websocket http://www.springframework.org/schema/websocket/sprin..

네트워크에서 확인할 때는 list.do 요청까지 확실히 들어간 모습! 분명히 맞게 작성했는데도 list로 빠지는 redirect가 작동을 하지 않아서 검색해보니 ajax사용 이후에는 redirect가 작동하지 않는다는 것을 알아냈다. ㅇ 해결방법 뷰(jsp)에서 페이지 이동을 걸어주면 삭제가 완료 된 후의 리스트가 호출된다. $('#deleteBtn').click(function(){ $.ajax({ url : '/board/delete.do', data : {"no" : }, type : 'GET', dataType : 'text', success : function() { alert('삭제가 성공하였습니다.'); location.href='/board/list.do'; }, error : functi..

1. 특징 - map 이 세트 단위를 엔트리(Entry)라고 부른다. Map map = new HashMap(); 라고 선언했을 때 - 데이터 추가 : map.put("name", "홍길동"); - 데이터 수정 : map.put("name", "박혁거세"); 같은 이름의 key 값을 기입하면 기존에 입력했던 key의 value값이 덧씌운다. - 데이터 삭제 : map.remove("name"); - 데이터 가져오기 : map.get("name"); 데이터 출력하는 방법은 4가지가 있다. ※ Map은 향상for문 사용불가! 컬렉션 타입(set, list) + 배열만이 사용가능!!! set keySet = map.keySet(); // Map=>Set 꺼낸 후에 1) keySet() : key값들로 불러옴 ..