Daisy's IT Blog

1. [js] 1) var, let, const 차이 - var : 예전부터 있던 변수. 같은 이름의 변수를 여러번 선언해도 에러가 안 남. function scope - let, const : ES6 이후부터 나온 변수 선언 방식. var와 달리 같은 이름의 변수 재선언 불가. block scope. - let : 변수 재선언 불가, 변수에 재할당 가능. - const : 변수 재선언 불가, 변수 재할당 불가. 2) - setInterval(함수명, 함수실행시간) (시간단위: ms) - localStorage.setItem(key, value) - Math.floor(Math.random()*(n+1)) : 0~n까지의 난수 생성 ex) Math.floor(Math.random()*11) : 0~10까..

1. 2차 프로젝트 프론트 작업 - 기존에 만들어놨던 회원가입 UI가, label 한 줄 input 한 줄 방식으로 했더니 너무 길어져서, label과 input을 한 줄에 만드는 방식으로 UI를 변경하고 있다. 1) 카카오 주소 적용 - 간단하다 key 발급 받을 필요도 없네 - 금요일에는 카카오맵 적용시켰었는데 둘 다 예상했던 것보다 간단했다. 역시 겁먹지 말고 계속 코딩해보는 게 중요한 것 같다. 2) jQuery Datepicker - 얘도 간단한데 커밋하고 나니 생년월일에서 년도 찾는게 너무 번거로워서 yearRange를 변경해줬다. 3) radio 버튼 옆 텍스트를 눌러도 radio 버튼이 클릭되게 하는 법 남성 - 위와 같이 label의 for 속성 값으로 input의 id를 넣는다. 4) ..

1. HTML/CSS 1) cascading과 specificity 정리 https://webstudynote.tistory.com/81 - 예전에는 CSS가 우선 적용되는 순서를 외워야 한다고 생각했는데, 이제와 보니 그냥 말 그대로 specific하게 스타일을 지정할수록 우선순위가 높은 거였다. 상식적으로 생각하면 되니 외울 필요 없는 거였다. 2) 블록 요소 vs 인라인 요소 정리 https://webstudynote.tistory.com/84?category=842817 2. 2차 프로젝트 - My page 제작 중 - 폰트 추가 - 로렘입숨 한글로 바꿈 3. 느낀 점 - HTML/CSS를 많이 알고 있다고 근거없는 자신감을 가졌는데 블로그에 정리하다보니, 이때까지 나는 HTML/CSS를 너무 '..

1. JavaScript 인강 - 리스트/반복처리, 이벤트 시점, 값 복사 vs 값 참조

1. Electron app - 완성했다!!! 생각외로 electron이 어렵지 않고 재미있었다. - 간단한 2시간짜리 유튭 강의를 따라서 만든거였는데, 만드는 재미가 바로바로 느껴져서 좋았다. - 웹만 만들어봤지 desktop app을 만든건 처음이라 신기했다. javascript로 데스크탑 앱도 만들 수 있다니...! 2. 맥북 초기화 - 지인한테 중고로 맥북을 사서 초기화를 해야했는데 평소에 윈도우 놋북 (좀 망가졌지만 아직 쓸만함 ㅠ) 쓰느라고 맥북 초기화를 안 해서... 뒤늦게 초기화 - 맥북 최신 OS에서는 한영전환이 Command + space가 아니라 Ctrl + space네 신기하다 - 초기화하고 쓰기 편하게 이것저것 설정 변경하고... 프로그램 깔고 하는 중

1. Electron shopping list app - Electron으로 데스크탑 앱 만들기 : 50% 완성 - 재미있다 2. Mac 셋팅 - 윈도우 노트북이 고장나서 지인에게 중고로 맥북에어를 샀다. - 다 새로 깔 생각을 하니 다소 막막하다... 하하 그래도 어찌어찌 최소한만 깔아서 오늘 리액트 공부했다. 3. git reset --soft, --mixed, --hard - 잘못 커밋해서 git reset --hard 했다가 실수로 2시간동안 코딩한 파일을 날려먹었다. - 처음에 배운대로 --hard만 생각없이 쓰다가, 오늘 일 덕택에 reset을 다시 검색해보면서, --soft, --mixed, --hard 옵션의 차이점에 대해 배웠다. 1) --soft: commit을 취소하고 해당 파일들은 ..

1. [Oracle/SQL] VIEW - 오늘 배운 VIEW 생각나는 내용 적어보기 (백지복습) - VIEW란, "가상테이블" 1) 사용목적 - (1) 사용자 편의성 : Java에서 sql 구문 길게 적을 필요 없이 VIEW를 쓰면 코드가 짧아진다. - (2) 보안 : Java에 sql 구문에서 컬럼명이 직접적으로 드러나지 않기 때문에 보안이 더 좋다. 2) 종류 - (1) 단순VIEW: 하나의 테이블을 참조하는 VIEW - (2) 복합VIEW: 두 개 이상의 테이블을 참조하는 VIEW - (3) 인라인뷰: 쿼리에서 FROM 뒤에 오는, 서브쿼리. - (4) M-VIEW: 아직 안 배움 3) 생성 CREATE VIEW view명 AS SELECT ~~~~ 4) 수정 CREATE OR REPLACE VIE..

1. Servlet - Servlet에서 include하는걸 배웠고 너무 감동이었다. ㅠㅠㅠㅠㅠㅠㅠ RequestDispatcher rd=request.getRequestDispatcher(sname); rd.include(request, response); - HTML에서 하던 노가다(!)를 Java에서는 안 할 수 있는 것이다!!!! - GNB와 Footer가 싸이트 공통이라면 굳이 매번 코딩할 필요가 전혀 없는 것이다!!! - 감동이다 ㅠㅠㅠㅠㅠㅠㅠ - 이전에도 매번 모든 영역의 HTML CSS를 코딩하지는 않았지만 그때는 외부업체에서 만든 솔루션(?)으로 만들어진 홈페이지였어서 구조를 짐작할 수가 없었다... 그리고 코드가 PHP였는데 당시 PHP를 몰라서 너무 답답했다... - JSP에서도 in..

1. 학원수업 - Servlet, JSP, DAO, VO 2. JavaScript - 키보드 이벤트

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)에 검색창 만듦 - 아이고야... 야들아.... 이러다가 프론트 내가 다 만들것다...