전체 글 썸네일형 리스트형 [CS기초] 컴퓨터 구성, 메모리 계층 구조, 운영체제(커널과 쉘) 안녕하세요 인포돈 입니다. 컴퓨터 구조 컴퓨터 공학에 앞서서 우리는 컴퓨터가 어떻게 구성되어 있는지 전체의 틀을 이해해보아야 한다! 컴퓨터는 크게 8가지의 구성으로 되어있다. 🖥️ 전원 공급 장치 🖥️ 메인보드 🖥️ 중앙처리장치 🖥️ 주기억장치 🖥️ 보조기억장치 🖥️ 입력장치 🖥️ 출력장치 🖥️ 그래픽 카드 모든 장치의 세세한 내용보다는 전체적으로 컴퓨터가 어떻게 동작하고 흐르는지를 반듯이 이해해야 한다. 차례대로 이해해보자 CPU - 중앙 처리 장치 CPU는 중앙처리장치를 의미한다. CPU는 기억, 해석, 연산, 제어라는 4대 주요 기능을 관할하는 장치를 의미한다. 이때 사람으로 비유하자면 뇌에 해당이 된다. POWER (전원 공급 장치) 컴퓨터 자체가 전기로 굴러가는 장치이다. 반듯이 전기를 넣어줄 .. 더보기 [타임리프]org.thymeleaf.exceptions.TemplateInputException: An error happened during template parsing 안녕하세요 인포돈 입니다. 타임리프 템플릿을 랜더링 할 때, 자원을 찾지 못하는 오류 프로젝트에서 타임리프를 활용하면서, Model에 값을 넣어주어 활용하였다. 오류가 나는 부분은 아래와 같다. 오류 내용 org.thymeleaf.exceptions.TemplateInputException: An error happened during template parsing (template: "class path resource [templates/chatbot/chat.html]") Caused by: org.attoparser.ParseException: Could not parse as expression: "favoriteKeyword : ${favoriteKeywords}" (template: "cha.. 더보기 [윈도우11 업데이트 후 Virtual Box 어뎁터 오류]Nonexistent host networking interface, name 'VirtualBox Host-Only Ethernet Adapter' (VERR_INTERNAL_ERROR). 안녕하세요 인포돈 입니다. 윈도우 11 업데이트 후 Virtual Box 오류 Virtual Box로 리눅스를 실험하던 도중 윈도우 11업데이트를 하게되었다. ..... 생각지도 못하게 Virtual Box를 실행 해보니 아래와 같은 문구가 뜨면서, 실행이 되지 않는 것을 알 수 있었다. Nonexistent host networking interface, name 'VirtualBox Host-Only Ethernet Adapter' (VERR_INTERNAL_ERROR). 해당 오류의 이유는 윈도우 업데이트 후 Hosst-Only Ethernet Adapter가 삭제되어버리면서, 연결이 안 되는 오류가 생기는 것이다. 조금 오류에 대해서 찾아보니, 수동으로 Host Only Ethernet Adapt.. 더보기 [JPA Lazy 지연로딩 오류]org.hibernate.LazyInitializationException: 안녕하세요 인포돈 입니다. Spring JPA를 학습해보면서, LazyInitializationException 에러를 만나서 해결해보았다. 오류 코드 org.hibernate.LazyInitializationException: failed to lazily initialize a collection of role: com.example.shadow.domain.shadow.entity.Keyword.flowcharts, could not initialize proxy - no Sessio 우선 Lazy와 Eeager에 대해 이해해야 쉽게 해결할 수 있다. 쉽게 한국말로 표현해 보면, 지연 로딩과 즉시 로딩이라고 부를 수 있다. 하나의 예시를 보자 @Entity @Getter @Setter public .. 더보기 [Spring] Gradle과 Maven의 차이점 및 트렌드 안녕하세요 인포돈 입니다. Spring을 처음 접하면 빌드 도구를 grdle 또는 maven을 선택하여 프로젝트를 실행하게 된다. 이때 그러면 도대체 gradle은 무엇이고 maven은 무엇인가? 또한 빌드 도구는 무엇인가? 하는 의문이 들어 포스팅을 하게 되었다. 빌드 도구는 무엇이고 gradle과 maven의 차이를 알아보자 빌드 도구란? 빌드 도구를 알기 전에 우리가 작성하는 코드가 어떻게 작동되는지 이해를 해야 한다. 우리가 일반적으로 c언어, java와 같은 언어로 프로그래밍을 하게 됩니다. 그러나 이런 코드들은 컴퓨터들은 알아듣지 못하죠. 컴퓨터는 0과 1만을 이해하고 인식하기 때문이죠. 그래서 우리는 이러한 코드들을 컴퓨터가 알아볼 수 있게 변환해 주어야 합니다. 그런데 우리는 그러한 변환을.. 더보기 [React] 팝업 창 만들기 - daum - post - code (회원가입 - 주소 팝업) 안녕하세요 인포돈 입니다. 최근에 변화된 React v6에 의거하여 작성되었습니다. (인텔리제이 활용) react프로젝트를 진행하면서, 회원가입 창을 만들어야 했습니다. 그러던 중 주소의 입력을 넣기 위해서 react에서 재공 하는 daum-post-code에 대해서 간략히 파악해 보고 이를 활용해 파업창을 이해해보자 Daum-postcode란? 다음과 kakao에서 제공하는 우편번호 검색 api로 우리가 쉽게 주변에서 우편번호를 입력할 때 가장 많이 보는 형식이다. 나는 이제 해당 api를 활용하여 회원가입의 주소 입력 칸을 해결할 것이다. 팝업창 이란? 팝업창은 특정 웹사이트가 어떠한 내용을 표시하기 위해서 갑자기 생성되는 창을 의미한다. 여기서 우리는 해당 api를 하나의 컴포넌트로 만들어서 특정 .. 더보기 [React] axios를 활용한 srping연동(get, post) 안녕하세요 인포돈 입니다. 최근에 변화된 React v6에 의거하여 작성되었습니다. (인텔리제이 활용) react와 spring을 활용해 프로젝트를 진행하던 도중 서버와 클라이언트의 통신을 보다 간편하게 할 수 있는 방법이 fetch와 axios를 활용하는 방법이 대중적이라고 파악하였습니다. 그래서 저는 이번에 axios에 대해서 이해해보고 직접 간단한 실습을 통해 프로젝트에 적용해보려고 합니다. 언제나 그렇듯이 저는 정말 쉽게 누구나 이해할 수 있도록 axios에 대해서 조사해 보았습니다. 물론 더 딥하게 들어간다면, 완성도 높은 프로젝트가 되겠지만, 누구나 그렇듯 step1부터 차례대로 적용해보며 구현해보도록 하겠습니다. 간단히 axios에 대해서 이해해보고 적용해봅시다. Axios란? axios는 .. 더보기 React useEffect, useState (Hook의 이해) 안녕하세요 인포돈 입니다. 최근에 변화된 React v6에 의거하여 작성되었습니다. (인텔리제이 활용) Hook이란? hook은 react v16.8에서 새롭게 출시된 기능으로 함수형 컴포넌트에 state를 제공하여 로직의 재사용성을 높여주는 기능이다. 여기서 컴포넌트는 리액트에서 가장 기본이 되는 단위 컴포넌트이며, java의 객체와 유사한 개념이다. hook 이전에는 여러 컴포넌트들의 재사용하기 위해서 HOC나 Render Props패턴을 주로 이용하였지만, hook을 활용해여 함수 컴포넌트의 state나 lifecycle을 보다 쉽게 접근하고 사용할 수 있게 해줍니다. 우리는 그 중 Hook에서 제공하는 useEffectm useState API에 대해서 이해해하고 활용해보겠습니다. - useSta.. 더보기 이전 1 2 3 4 5 ··· 16 다음
