분류 전체보기
![[CSS] position](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F6fKMQ%2FbtruK5DZJsE%2FUL9NDHFKByBmvukOIKt9MK%2Fimg.png)
[CSS] position
position : block요소로 쌓이는 구조 1. static - default 속성 - 위치 임의 설정 불가 2. relative - 원래 있던 위치를 기준으로 좌표 지정 3. fixed - 모든 페이지의 같은 위치에 출력 - 상단의 네비게이션 바 등에 사용 - 띄워서 고정되는 느낌임 -> 겹칠 수 있다는 것을 유의해야 함. 4. absolute - 부모의 위치를 기준으로 좌표 지정 div { position : static; width : 100px; height : 100px; background-color : red; } div span { position : absolute; top : 10px; left : 10px; } 위의 경우, span은 기준이 div인 것을 알 수 있음. 5. st..
![[CSS] box-sizing](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcXBLIm%2FbtruKiX07iO%2FEXlTiNxX3RjRGrdGEwPKG1%2Fimg.png)
[CSS] box-sizing
Box Model 좌) box-sizing : border-box, 우) box-sizing : content-box 우측의 content-box가 default 값이지만, 보통은 border-box로 스타일을 잡는다. content-box로 지정할 경우, 테두리 두께 등으로 원하는 크기를 찾기 어렵고, 후에 디자이너 요청으로 수정하는 데 어려움이 있다. div { width : 100px; height : 100px; background-color : blue; } 디자이너 : 여기에서 박스 크기는 그대로 하고, 가운데 텍스트를 기준으로 padding을 20px 넣어 주세요 ! div { padding : 20px; width : 100px; height : 100px; background-color ..
![[HTML] block, inline](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FsmjgG%2FbtruoL11uHU%2FR7okFk46zPNNJzekulp3n1%2Fimg.png)
[HTML] block, inline
display property - 요소를 어떻게 보여줄지 결정 1. none 2. block 3. inline 4. inline-block block - 언제나 새로운 줄에서 시작, 좌우 양쪽으로 최대한 늘어나 모든 너비를 차지함 - 블록을 쌓는 개념, 부모 요소의 전체 공간 차지 - height, width 값 지정 가능 - margin, padding 지정가능 inline - 요소를 구성하는 태그에 할당된 공간만 차지 - height, width 값 지정 불가능 - 위아래 margin 적용 불가 - 위아래 padding 시각적으로 가능하나, 공간 차지는 없음. -> 영역이 겹침 inline-block - 개행 없음 - block과 동일하게 width, height 지정 가능, 지정하지 않을 경우 in..
[MySQL] Error 2002 해결
맥북 재시동하니까 mysql 이 오류가 떴다. ERROR 2002 (HY000) : Can't connect to local MySQL server through socket '/tmp/mysql.sock'(2) 나같은 경우에는 sql을 재시동하니까 정상적으로 돌아왔다. brew services start mysql brew services restart mysql 좀 더 구체적인 원인을 알고 싶어 검색했던 자료를 첨부한다. https://blog.naver.com/islove8587/221970366883 [MYSQL] 일반적인 오류를 해결하는 유용한 정보들 [참고 사이트] - MySQL 일반적인 오류를 해결하는 유용한 정보들- [MySQL || MariaDB] System,... blog.naver...
JSP와 Servlet에서 DB 접근 프로그래밍
1. JDBC 드라이버 로드 Class.forName("oracle.jdbc.driver.OracleDriver"); Class.forName("com.mysql.jdbc.driver"); Class.forName("com.mariadb.jdbc.driver"); 2. Connection 객체 생성 및 db 연결 java.sql.Connection 객체 이용 String jdbc_url = "jdbc:dbms이름://IP주소:port/db명" // 내컴퓨터에 있을경우 localhost 사용 Connection conn = DriverManager.getConnection(JDBC_url, "아이디", "비밀번호"); 3. Statement 객체 생성 1) java.sql.Statement 객체 - SQL..