Soo_개발로그

글 목록

• rem과 em 차이점 rem, em 두개 모두 css에서 크기를 나타내는 단위이지만 px처럼 절대적인 단위가 아니라 어떠한 기준을 둔 상대적인 단위이다. 두개의 차이는 무엇을 기준으로 두었냐이다. rem은 최상위 클래스, 즉 html 클래스의 font-size가 기준이고 em은 적용되는 현재 클래스가 기준이다. em의 경우 사용하는 클래스에 따로 font-size가 없다면 그의 상위 클래스의 font-size를 기준으로 삼는다. 예) html{ font-size: 20px; } div{ font-size: 2rem; } /* 2rem = 40px */ 2022.12.03

• 

  inner join과 left outer join의 차이 인생 처음 면접날 위의 제목에 해당하는 질문을 받았고 이런 기초적인 것에 준비를 못한게 분해서 이시간에 글을 올린다.... JOIN에는 대표적으로 Inner Join과 Outer Join이 있다. 우선 Inner Join 이란 데이터의 교집합으로써 아래 왼쪽 사진처럼 표현할 수 있다. Inner Join의 특징으로는 두테이블의 교집합으로써 매칭되는 값으로만 새 테이블이 생성되므로 NULL 값이 존재하지 않는다. Outer Join 두 테이블의 합집합이고 오른쪽 그림과 같이 표현된다. 이 Outer Join은 또다시 크게 3 종류로 나뉜다. - Left Join - Right Join - Full Outer Join 여기서 내가 다뤄볼 내용은 Left Join 이다. 사물의 이름을 저장하고 있는 table.. 2022.10.05

• GC란? (Garbage Collection) Garbage Collection이란 무엇인가? · 메모리 관리 기법 · JVM의 Garbage Collector 는 Unreachable Object 를 우선적으로 메모리에서 제거 => 메모리 공간을 확보 => 메모리 관리라는 까다로운 부분을 자바 가상머신에 모두 맡김 # Unreachable Object 란 Stack 에서 도달할 수 없는 Heap 영역의 객체 Garbage Collection의 장점은? · 유효하지 않은 포인트 접근 · 이중해제 · 메모리 누수 Garbage Collection의 단점은? · 높은 알고리즘 비용(어떤 메모리를 해제할지/메모리 해제 시점) · GC 행동 시점/점유 시간 예측이 어려워 실시간 시스템에는 적합하지 않음 2022.09.19

• MVC1, MVC2란? MVC1 - 브라우저에서 요청이 들어오면 데이터베이스로부터 필요한 데이터를 받은 Model객체를 JSP 페이지 에 담아 응답을 보내는 패턴입니다. - MVC1에서는 JSP가 View/Controller 역할을 모두 담당하여 코드 가독성이 떨어지는 단점이있다. MVC2 - MVC1의 단점을 보완해 Controller 역할을 하는 Servlet을 추가한 패턴이다. - 즉, Servlet이 요청에 대한 비즈니스 로직을 처리하고 View(JSP)에 반영하여준다. 2022.09.18

• MVC 패턴 MVC란? MVC는 어플리케이션을 구성하는 요소를 역할에 따라 Model, View, Controller 로 나누어 구분한 패턴이다. Model - Model은 어플리케이션의 데이터를 가지고 있는 컴포넌트입니다. 사용자가 사용하려는 모든 데이터를 가지고 있고 View나 Controller의 어떠한 정보도 알면 안됩니다. View - View는 말그대로 시각적인 UI를 요소를 가리킵니다. 단순히 Model과 Controller를 표시해주는 역할을 담당합니다. Controller - Controller는 Model과 View를 연결해줍니다. 따라서 Model이나 View의 정보를 알아야합니다. 2022.09.17

• useNavigate() 주소 설정 제대로 알아보지 않고 쓰다보니 useNavigate() 항상 현재 위치한 경로에 괄호안의 경로를 덧붙여주는 줄 알았다. 지금에서야 두가지 방법이 있는걸 알아서 메모해두려한다. 1. 경로 덧붙이기 현재의 경로가 http://localhost:3000/user라고 하자 여기서 아래처럼 하면 const navigate = useNavigate(); return( function view(){ navigate('board/content'); } ) 다음 경로는 http://localhost:3000/user/board/content 가 된다 2.새로운 경로로 시작 navigate()의 아까 주소에서 맨 앞에 ' / '를 추가해 주면 덧붙이기가 아니라 새로운 경로가 된다. const navigate = useNa.. 2022.09.10