휘의 단칸방

리눅스를 쓰는 이유1. 오픈소스 - 무료로 제공이 되며 마음대로 커스터마이징이 가능(배포판 기)2. 안정성 - 시스템 다운/오류가 적고 높은 안정성 덕분에 많은 웹 서버/클라우드에서 리눅스를 사용함3. 보안성 - 오픈소스 특성상 리눅스를 사용하는 사람이 많기 때문에 신속하게 문제가 해결 가능함그리고 다양한 아키텍쳐를 지원함   Linux System리눅스 시스템은 커널, 쉘, 사용자 프로그램 세 가지의 구성 요소로 이루어져 있음사용자 프로그램 - 우리가 일상적으로 사용하는 프로그램으로 커널의 리소스를 활용해서 수행되고 사용자와 상호작용하는 인터페이스는 쉘을 통해서 이루어짐쉘 - 사용자가 커널에 명령을 내리기 위해 사용하는 인터페이스로 CLI(명령줄)과 GUI로 나뉨커널 - 리눅스 운영체제의 핵심으로 하드..

오늘 학원에서 신입개발자 모의면접을 봤다기술면접 / 인성면접으로 나눠져있고 각 30분씩 3~4명이 한 조로 면접을 봤음  기술면접의 경우 따로 준비하지는 않았고 평소 공부했던 개념 + SQLD 준비하면서 공부한 거 + 1주전부터 점심시간 끝나고 강사님이 주시는 면접스터디를 바탕으로 면접을 대비했다. 기술면접 들어가기 전에 마이크로 녹음하려했는데 갑자기 3분 남았는데 입장하라 그래서 녹음기를 헐레벌떡 키려고 했지만 폰을 하면서 들어가는 모습으로 보일까봐 그냥 주머니에 넣었다... 기술면접 start[여, 여, 본인, 남] 이런 식으로 앉아서 면접이 진행됐고 왼쪽부터 질문을 받았다.첫 질문이 아마 "객체지향에 대해서 설명해보세요" 였던 거 같다. 질문 받은 분 대답 못했음...들으면서 생각해봤는데 이거 아마..

사실 세미가 끝난지는 좀 됐는데 그래도 쓰는 게 좋을 거 같아서 작성함 세미 동안의 과정과 느낀점세미프로젝트를 회상해보면 피그마부터 마지막 끝까지 어려웠던 거 같다. 피그마는 오래걸렸고 HTML, CSS도 직접 처음부터 작성하는건 처음이여서 disply: flex; 가 진짜 너무 헷갈려서 고생을 계속했었고, 바로 뒤 작성한 JSP에서 서블릿으로 데이터를 전달하고 받는 것도 막상 해보니까 오래걸렸다. jsp, setvlet 각각은 알겠는데 연결하려하니까 뇌정지옴..그러고나서는 MVC패턴으로 DB까지 연결하고 DB는 또 myBatis로 연결이 돼있어서 맵핑도 해줘야하는데 여기서도 막혔었다. 진짜 막막한 벽의 연속이였던 것 같다 거기에 mapper.xml에 sql문도 오랜만에 하려니까 ㅋㅋ 개고생을 했었다.근..

@Controller먼저 @Component는 Bean에 Class를 등록시키는 가장 기본적인 어노테이션이며@Component의 기능과 Controller객체가 가질 수 있는 예외처리등이 추가된 어노테이션이 바로 @Component이다 @Autowired의존성을 주입할 때 사용하는 어노테이션클래스 내에서 필요한 객체를 직접 생성하지 않고 Spring컨테이너가 관리하는 객체(Been)을 주입받아 사용할 수 있게 해줌 필드주입방식과 생성자주입방식으로 나뉜다필드주입방식: 스프링컨테이너가 객체를 생성한 후, @Autowired이 붙은 필드에 의존성을 주입생성자주입방식: 스프링컨테이너가 객체를 생성할 때 @Autowired이 붙은 생성자를 통해서 필요한 의존성을 주입Lombok의 장점: 반복적인 코드작성을 줄여주..

@RequestMapping: 클라이언트의 요청(url)에 맞는 클래스나 메서드를 연결시켜주는 @어노테이션 사용 예)@RequestMapping("list.bo")public String selectList() { //코드}list.bo가 호출 됐을 때 해당 메서드를 실행하도록 맵핑하는 것+ 해당 메서드가 @Controller로 지정되어있다면 메서드가 String을 반환했을 때 반환 값은 view이름으로 인식됨.+ @RestController로 지정되어있으면, Rest API요청에 대한 응답(JSON)을 반환한다. ex) URL 다중설정@RequestMapping("list.bo","detail.bo")public String selectList() { //코드}이렇게 URL을 여러개 설정도 가능함 그런..

@ResponseBody"ajax요청에 대한 응답을 위한 controller에는 @ResponseBody어노테이션을 작성해줘야한다. 기본적인 세팅이 jsp응답으로 되어있기 때문에 @ResponseBody를 작성해주면 반환값을 http응답 객체에 직접 작성하겠다라는 의미를 가지고 있다."  : 스프링에서 비동기 처리를 위한 어노테이션으로MVC패턴에서 클라이언트에게 응답할 때 데이터만 직접 반환할 수 있게 해준다.# 비동기 처리: 웹에서 화면전환 없이 이루어지는 동작들을 처리하기 위한 방식 비동기통신을 하기 위해서는 클라이언트에서 서버로 요청을 보낼 때, 본문에 데이터를 담아서 보내야하고, 서버에서 클라이언트로 응답을 보낼 때에도 본문에 데이터를 담아서 보내야한다.여기서 "본문"이 Body 이다. 그래서 @..

처음엔 블루투스 이어폰으로 소리가 잘 들리다가 어느새부터 연결은 됐다고 뜨는데소리는 이어폰으로 들리지 않았다..소리설정 들어가보면 출력리스트에 이어폰이 뜨지도 않고... 연결끊었다가 다시해보고 컴퓨터 껐다켜보고 드라이버 업데이트해보고 별 짓을 다 해도 안됐었는데드디어 해결했다[해결방법]설정 - Bluetooth 및 장치 - 장치 - 더 많은 장치 및 프린터 설정더 많은 장치 및 프린터 설정으로 들어가자여기서 내가 쓰려는 이어폰의 속성을 클릭 서비스 - 핸즈프리 전화 통신을 해제하면 잘 된다!!!소리출력에도 잘 뜨고 해제하자마자 소리가 잘 들린다 ㅠㅠ

useEffect컴포넌트가 랜더링 될 때 특정 작업을 실행할 수 있게 해주는 react hook클래스형 컴포넌트의 생명주기 메소드의 역할을 대신한다컴포넌트가 마운트 됐을 때 (처음 나타났을 때),언마운트 됐을 때(사라질 때)업데이트 됐을 때(특정 state, props가 바뀌었을 때)[사용법]useEffect(effect, [])첫번째 인자(effect) : 함수 => 특정 상황이 왔을 때 실행되는 함수두번째 인자 : => 의존성 배열 1. 의존성 배열이 없는 useEffectuseEffect(() => { console.log("의존성 배열이 없는 useEffect호출") })이 코드를 실행해보면 다음 2가지 경우에 실행이 됐다랜더링이 되었을 때state가 변경 될 때 이는 각각 co..

Hook: 함수형 컴포넌트에서 react state와 생명주기 메서드의 기능을 사용할 수 있게 해주는 함수이다. state : 컴포넌트의 상태값useState() : 컴포넌트의 상태(state)를 생성하고 관리할 수 있게 해주는 함수(react hook)=> 컴포넌트는 state값이 변경되면 이를 확인하고 요소를 리랜더링 해준다. [사용법]const [변수명, setState변수명] = useState(초기값);- 변수명 : 원하는 state명을 설정- set변수명 : 해당 state값을 변경할 함수const [num, setNum] = useState(0); const onClick1 = () => { // num += 1; setNum(num + 1); // 상태를 업데..

useCallBack:메모이제이션 기법으로 컴포넌트 성능을 최적화 시켜주는 도구함수를 메모이제이션해서 불필요한 재생성을 방지한다 ( 재사용한다는 뜻 )컴포넌트가 리랜더링 될 때, 의존성 배열에 있는 값이 변경되지 않으면 이전의 함수를 반환함자식컴포넌트가 불필요하게 리랜더링 되는 것을 방지하는데 유용함. useCallback 사용법useCallback(() => { 코드}, []) 예시 코드   단어 설명# 메모이제이션 기법: 동일한 작업을 반복할 때, 그 작업의 결과를 저장해 두었다가 다시 사용함으로써 불필요한 중복 연산을 피하는 최적화 기법