전체 글
-
LG 그램 드라이버 업데이트 : 화면 깜빡거림 증상 해결컴퓨터 알아가기/알아두면 편한 팁 2024. 5. 20. 19:28
오랜된 LG 그램 노트북을 사용하다 보니 어느날 회면이 깜빡거리는 증상을 발견하게 되었습니다. 특히 전체 화면이 아닌 엣지나 크롬을 사용할 때 그런 현상이 발생하더군요. 이를 해결하기 위해 다양한 솔루션을 찾아보고 그 방법중에 하나인 노트북을 구성하는 부속품에 대한 최신 드라이버 업데이트를 통하여 해결하는 방법을 공유하고자 합니다. 1. 화면 깜빡거림의 원인 원인을 추정해 보면 깜빡거린다는 것은 상시적으로 노트북에 들어오는 전력이 불안정하다고 추정할 수 있습니다. 불안정한 전력이라는 것은 해당 전력을 수용하는 기계(하드웨어)의 불량을 추정할 수 있고 하드웨어가 이상이 없다면 소프트웨어를 움직이는 운영파일인 드라이버가 업데이트 되지 않았기 때문입니다. 하드웨어의 문제인 경우 서비스를 받는게 가장 효율..
-
일단사일표음 (一簞食一瓢飮) : 바구니 밥과 표주박 물로 행복을 느끼다고사성어 2024. 5. 13. 12:26
일단사일표음에서 일을 빼고 '단사표음'이라는 사자성어가 많이 사용됩니다. 여기서 단(簞)은 대나무로 만든 바가지 그릇을 말하고 표(瓢)는 표주박같이 작은 바가지를 뜻합니다. 즉, 바구니 밥과 표주박에 물을 떠서 먹는 가난한 상황을 일컫는데 공자의 제자 안회가 이런 생활을 했다고 합니다. 물론, 당시 안회의 능력과 자질은 충분히 호의호식을 할 수 있을만큼 출중했다고 하고 공자도 이런 안회의 능력을 인정하였다고 합니다. 안회는 외형적으로 부가 행복을 가져다 줄 수 없다고 판단하고 진정한 행복은 자신이 정진하고 있는 공부와 그에 대한 실천에서 온다고 믿은 듯 합니다. 물질적인 측면에서 가난한 마을에서 먹는 단사표음을 하는 것은 아무런 영향을 끼치지 않고 오히려 그렇게라도 먹을 수 있다는 현실에 감사함을 느끼..
-
[React 기초] 끝말잇기 게임 React로 만들기컴퓨터 알아가기/React 2024. 1. 22. 19:30
바로 지난시간 끝말잇기 게임에 대한 자바스크립트로 과거 공부한 것을 복습해 보았습니다. 이제 이 부분을 React Hooks로 만들어 볼 차례입니다. 지금 참고하고 있는 강좌에서는 좀 더 간단한 예제로 진행을 해서 스스로 만들어 본 자바스크립트를 React로 적용하는 과정에서 많은 시행착오를 겪었내요. 시행착오를 다시 겪지 않기위해 이 곳에 정리해 봅니다. ▒ React 끝말잇기 게임 1. 함수 콤포너트 변수 설정 초보자로서 React를 한다는 것은 어떤 변수가 사용될지에 90%이상 성공확률이 있다고 볼 수 있습니다. 자바스크립트에 사용되었던 변수가 그대로 변수로 된다면 더할 나위 없겠지만 그렇지가 않다는 겁니다. 지난번 자바스크립트로 만든 결과물은 아래와 같았습니다. 위 그림을 기준으로 고민을 해 보면..
-
[React 기초] 끝말잇기 게임 (JS복습) : 클릭하면 게임이 시작됩니다!컴퓨터 알아가기/React 2024. 1. 15. 19:30
이 페이지를 실행하면 참가인원수 입력하는 창이 뜹니다. 참고하세요~ 두번째 React를 공부하기 위해서 지난시간 구구단 게임이후 과거 끝말잇기를 자바스크립트로 공부하였습니다. 강좌의 내용을 그대로 베껴가면서 공부하였는데 이는 거의 암기과목처럼 해서 머리에 거의 남지 않은 상태가 되었네요. 결국 React 또한 자바스크립트가 기본이 되어야 하기때문에 복습하고 자신의 것으로 만들어야 합니다. 이번 시간에는 과거 공부한 끝말잇기 게임에 대한 자바스크립트를 간단히 복습하고 넘어가야 할 것으로 보여집니다. 1. 끝말잇기 구조 하나의 프로그램을 만들기 위하여 과거 순서도를 만들어 진행을 한 기억이 있습니다만, 순서도 그리는데 집중했지 하나하나 어떤 코드가 필요한지는 잘 몰랐던 것 같습니다. 그렇다고 초보자들이 머리..
-
[React 기초] Webpack 설치 및 실행 : 9탄 - Hot Reloading컴퓨터 알아가기/React 2024. 1. 12. 19:30
지난 시간 5탄에서 자체 서버를 설정하여 웹팩 실행결과(build)를 볼 수 있는 환경설정에 대해 알아 본적이 있습니다. 2023.12.31 - [컴퓨터 알아가기/React] - [React 기초] Webpack 설치 및 실행 : 5탄 - 웹팩 개발 서버 (devServer) 설치 [React 기초] Webpack 설치 및 실행 : 5탄 - 웹팩 개발 서버 (devServer) 설치 웹팩과 관련하여 시리즈별로 나누어서 진행을 하고 있는데 보통 개발자가 아닌 초보자들은 한번 따라해도 금방 잊어버리기 일수입니다. 따라서 차근 차근 자기것으로 만들지 않는 한 그냥 모래 happygunja.tistory.com 그런데 이 개발서버는 쉽게 말해서 코드가 수정이 되면 바로 새로고침이 되어 결과를 볼 수 있는 장점이..
-
[React 기초] Webpack 설치 및 실행 : 8탄 - Babel preset-env 환경 설정컴퓨터 알아가기/React 2024. 1. 11. 19:30
지금까지 공부해 온 웹팩으로 기본적인 설치 및 실행은 가능합니다만 가능한 다양한 소스를 통하여 설정하는 법을 정리해 놓으면 향후 발생될 수 있는 에러에 대한 대처능력도 향상될 수 있다고 봅니다. 오늘은 일반 자바스크립트가 아닌 React에서 사용되는 Babel에 대한 플러그인 설정을 확인할 예정입니다. 이런 설정들을 한번 해 놓으면 향후 사용하는 프로그램에 복사하여 좀 더 쉽게 사용할 수 있을겁니다. 이 내용은 제로초 TV의 React강좌를 기본으로 현 시점 현 환경에 맞게 공부하면서 정리한 내용입니다. ▒ Babel / preset-env 설정 1. Babel / preset-env 란 React내 JSX문서를 읽을 수 있는 환경설정을 해주는 역할이 Babel인데 웹에서 표시되는 결과물이 크롬이나 익스..
-
[React 기초] 구구단게임 웹팩으로 실행하기컴퓨터 알아가기/React 2024. 1. 10. 14:05
현재까지 이론적으로 공부해 본 웹팩과 관련하여 실제 예제를 가지고 웹팩을 만들고 실행을 해 보도록 하겠습니다. 구구단게임을 기준으로 만들어 보는게 좋을 듯 합니다. 제로초TV와 코딩앙마 강좌를 혼합하면서 공부한 내역을 바탕으로 만들어 보고 에러가 있을 경우 여러가지 루트로 찾아 수정하는 방식을 갖도록 하겠습니다. 1. React 구구단 게임 React 구구단 게임은 다음과 같이 함수 콤포넌트를 사용하는 Hooks 위주로 만들어 보았습니다. CSS까지 적용한 내용은 필요시 이전글을 참조 바랍니다. 2023.12.25 - [컴퓨터 알아가기/React] - [React 기초] React 간단 예제 - 구구단 게임 : React Hooks [React 기초] React 간단 예제 - 구구단 게임 : React ..