Daisy's IT Blog

1. Typescript & React - 오랜만에 yarn 쓴다. 내가 예전에 yarn을 왜 썼더라....?? -_-;; - To do list를 만들었는데 'is not a module. TS2306' 에러가 뜬다 ㅠㅠ - 오늘 찾고 자야지... ㅠㅠ 2. SQL 시퀀스 정리 - 블로그에 글 작성 https://webstudynote.tistory.com/71 3. 집 컴퓨터에 Spring 설치 - Spring Tools 4 for Eclipse 설치 - 학원에선 3.8.4 깔았는데 이제 4버젼밖에 다운이 안되는 것 같다. 4. 2차 프로젝트 - 메인에 퀵메뉴 만들었음 (jQuery 사용) - 서브페이지들 헤더(GNB)에 검색창 만듦 - 아이고야... 야들아.... 이러다가 프론트 내가 다 만들것다...

1. SVG - svg는 웹에서도 벡터 이미지를 사용할 수 있게 해준다. - 비트맵 vs 벡터 비트맵 : 확대 시 이미지 깨짐 벡터 : 확대 시에도 이미지 깨지지 않음 - 이미지 품질이 저하되지 않아서 좋음 - 하지만, IE8 이하에서는 동작하지 않음 - CSS를 조작할 수 있으므로 이미지에 대한 애니메이션 효과 등을 줄 수 있다. - Inline으로 SVG를 쓰고 싶으면, SVG 아이콘 다운받은 후 VSCode와 같은 에디터에서 열면 path 를 알 수 있다. https://svgontheweb.com/ko/ 2. 2차 프로젝트 - 메인 슬라이더 height 조정, My Page 구현, 회원가입 페이지 만들었음 - 원래는 요즘 싸이트 느낌(?)으로, 화면에 많은 요소를 싣지 않으려고 했는데, 선생님이 ..

1. Oracle/SQL - SubQuery - VO, DAO 활용 - 깜빡하고 학원에서 배운 걸 깃헙에 안 올려둬서 복습을 못했다....ㅠ_ㅠ - 월요일에 학원 가서 올려야겠다 2. 2차 프로젝트 아이템 발표 - 5명씩 총 3개 조로 이루어졌는데, 각 조의 스타일이 보여서 재미있었다. - 우리 조는 맛집 싸이트, 나머지 두 개 조는 여행 싸이트였다. - 1조는 프로젝트에 대해 욕심을 내고 많이 논의를 한 티가 났고, 조장님이 꼼꼼한 덕택에 화면을 대략적으로 그려놓았더라. 역시 꼼꼼하셔. 3조는 역할배분을 미리부터 딱 나눠놔서 협력이 쉬워 보였다. 아무래도 그 조에 잘하는 친구가 있다보니 이미 뭘 어떻게 일을 나눠야할지를 잘 아는 것 같았다. - 우리 조는 발표에 최대한 힘을 덜 줬다. 1차 프로젝트때 ..

1. Date 객체 - Date 객체는 날짜 및 시간을 다루는데 사용되는 객체이다. - Date 객체는 1970년 1월 1일 UTC(국제표준시) 00:00으로부터 지난 시간을 밀리초로 나타내는 유닉스 시간(UNIX epoch)을 사용한다. 2. Date() 생성자 - Date() 생성자는 Date객체를 생성한다. - Date() 생성자로 Date객체를 생성하면 Date 메소드들을 사용할 수 있다. - JavaScript Date 객체를 생성하는 법은 new 연산자를 사용하는 것이 유일하다. - Date() 생성자는 기본적으로 현재 날짜/시간 값을 가진다. 만약, 현재 날짜/시간이 아니라 다른 날짜/시간을 다루고 싶은 경우, Date 생성자 함수에 해당 날짜/시간을 인수로 넣어주면 된다. //Date() ..

1. [SQL] Sequence - Sequence에 대해 배웠다. - 자동으로 숫자 늘일 때 정말 유용하겠다. 2. [JavaScript] Date 객체 정리 - https://webstudynote.tistory.com/67 3. [HTML, CSS] :before, :after - 2차 프로젝트하면서 BootStrap 만지고 있는데 :before, :after가 있어서 알아보았다. - 1) 목록의 앞부분을 꾸미거나 (■ ●) 2) 버튼을 꾸미거나 3) 간단한 아이콘을 만들 때 (닫기▲,펼치기 ▼) 사용한다고 한다. .class-name:before { content:''; width:; height:; } - content는 필수로 들어가야 하며, 아이콘을 만들려고 :before,:after를 쓰는..

1. JavaScript 인강 듣고 정리. - [4-8] 네이밍 컨벤션 [4-9] 동적 형 지정 / 자동 형 변환 [4-10] 동일한 변수 이름 문제 [4-11] DOM API - 문서 객체에 접근하는 방법 [4-12] JavaScript 함수 [4-13] 조건문 + [4-14] 연산자x조건처리 + [4-15] 스위칭 조건 처리 2. 기타 - 개인 공부가 진짜 중요한 것 같다. 수업이 그냥 커피라면 자습은 TOP가 아니런지... 졸린데 이 악물고 공부하고 있다.... 요 며칠 해이해졌는데 다시 빡세게 공부해야겠다. 블로그에 배운 것들도 다시 정리하기 시작해야지.

1. 2차 PJT 발표 ppt - 어차피 프로젝트 끝나고 발표할 때 ppt 또 만드니까 이건 그냥 대충 만들어야겠다. 굳이 잘 만들 필요가 없는듯. - UI를 한 번 그려보면 좋은데, 공수낭비가 너무 심하다. - 요즘에는 그냥 어도비XD에다가 그리고 바로 프론트 만드는게 편한 것 같다. ppt 안 쓴 지 오래된듯. - 같이 플젝하는 친구들이 넣고 싶은 기능은 잔뜩인데 IA나 UI를 어떻게 잡는지 잘 모르겠나보다. 기능명세서에 온갖 기능을 잔뜩 넣어놓고 UI 어떻게 나올지 모르겠다고 (UI라는 용어도 모름) 프론트 개발 할 사람이 알아서 만들어 달라고 한다. ㅎㅎㅎ (얘들아 회사 가서 그러면 안돼..!) 생각해보면 나도 처음 기획할 때 구멍 없는 UI/구조/플로우 잡는게 쉽지 않았던 것 같다. 기업회원에 ..

1. [스터디] 알고리즘, 자료구조 - 스택, 큐의 개념 - 시간복잡도에 대해 배움 https://zeddios.tistory.com/20 2. 2차 프로젝트 - 메인에 새로운 리스트 타입 UI 생성: 한 줄 짜리. 이미지가 좌측에, 세부정보가 오른쪽에 있는 리스트. - My Page 생성 - Jsoup

1. JavaScript 인강 - 1~11강 완강 2. 2차 프로젝트 1) 메인 페이지 수정 - GNB 링크 - 디자인 작업 : 포토샵으로 이미지 6개 작업 2) 로그인 레이어 만들었음 3) 게시판 UI 만들었음 3. 기타 - 목요일에 아파서 학원을 못 갔다. 그러면서 TIL도 3일간 못(안) 썼다. 뭐든 꾸준히 한다는게 쉽지 않은 것 같다. 화이팅!

형 변환 함수란, 말 그대로 데이터형을 변환해주는 함수를 말한다. 1. TO_CHAR - 형식 : TO_CHAR(날짜 or 숫자, '원하는 형태') - 기능 : 날짜 또는 숫자를 문자로 형 변환한다. 문자는 2번째 인자에서 지정한 형태로 출력된다. - 2번째 인자인 형태는 아래와 같은 옵션들이 있다. - 예시에서 SYSDATE(현재시각)은 2020년 2월 4일 오후 10시 49분 06초이다. 구분 형태 의미 예시 결과 년도 YYYY 연도. 4자리수로 표시. TO_CHAR(SYSDATE, 'YYYY') 2020 YY 연도. 끝 2자리수 표시. TO_CHAR(SYSDATE, 'YY') 20 YEAR 연도의 영문 이름 전체 표시. TO_CHAR(SYSDATE, 'YEAR') TWENTY TWENTY 월 MM ..