Daisy's IT Blog

# 블록 요소 vs 인라인 요소 - 포함 : 모든 인라인 요소 포함 가능, 다른 블록 요소도 일부 포함 가능 - 넓이 : ★가로폭 전체★의 넓이를 가지는 직사각형 형태. ★한 줄 다 차지★ - 레이아웃 : width, height, margin, padding 등을 사용해서 크기나 위치 지정 가능 → width/height/margin/padding 등 사용해서 크기나 위치를 지정하려면 블록 요소여야 한다. - 줄바꿈 : (O). 블록요소 다음에는 줄바꿈됨 - inline으로 변경하는 방법 : CSS에서 display : inline; - 블록요소 종류 : , , , , , 등 (1) 영역 잡는 애들 (2) 테이블, 리스트 (3) 데이터 입력 (4) 기타 : description list : descri..

CSS는 'Cascading Style Sheet'라는 이름에서부터 알 수 있듯이, cascading(폭포, 단계적으로 행하다.)이라는 특징을 가지고 있다. 'cascading이 뭐야?'라고 묻는다면 '단계적으로 스타일이 적용된다', 즉, '하나의 대상에 여러 가지의 스타일이 중복 적용된다'는 것을 의미한다. 그렇다면, 하나의 태그에 여러개의 충돌되는 스타일이 지정되어 있다면, 태그는 어떤 스타일을 따르게 될까? (예를 들어 어디에서는 p 태그의 font-size=20px, color: #FFFFFF;(흰색)이고, 다른 곳에서는 font-size: 10px; color: #000000;(검정색) 라고 지정해놓았음) 결론은 첫째, 개별성(specificity)이 높은 스타일을 적용하며, 둘째, 개별성이 같..

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..

집합연산자란? - 여러 건의 데이터들(집합)을 연산 연산자 종류 내용 UNION 두 집합의 합집합. 중복제거O. 정렬O. UNION ALL 두 집합의 합집합. 중복제거X. 정렬X. INTERSECT 두 집합의 교집합. MINUS 두 집합의 차집합. - 집합연산자를 사용할 때는 1) 두 집합의 SELECT절에 오는 컬럼의 갯수가 같아야하고 2) 두 집합의 SELECT 절에 오는 컬럼의 데이터형이 같아야하며 3) 두 집합의 컬럼명은 달라도 괜찮음 - UNION, INTERSECT, MINUS는 성능이 좋지 않다 ==> 데이터 양이 많거나 집합연산자를 많이 사용할 경우 속도가 느려짐 ==> 집합 연산자 보다는 다른 방법의 사용을 권장함. - MINUS 연산자는 결과값이 큰 집합을 먼저 적어야 한다. UNION..

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 - 키보드 이벤트