소소한 기록

터미네이터 2를 보면 1997년 스카이 넷이 출현했고, 그 후 기계와의 전쟁이 시작됐습니다. 다행히 2023년인 지금도 스카이넷이라고 불릴만한 인공지능은 나타나지 않았고, 기계와의 전쟁은 아직 일어나지 않았습니다. 알파고가 이세돌을 이겼을 때, 알파고의 후세들이 스카이 넷으로 불릴지 모른다는 생각을 했었습니다. 그 후 역시 7년이 지났지만 바둑에서 대적할 자가 없다는 얘기는 들렸지만, 인간을 상대로 전쟁을 일으키진 않았습니다. 처음 chatGPT에 대해 알게 된 건, 12가지 인생의 법칙의 저자 조던피터슨의 유튜브 소개 영상을 통해서였습니다. https://www.youtube.com/watch?v=ya-fUBldJio AI 시대에 우리는 뭘 해야 살아남을 수 있나라는 질문들이 이슈가 되었던 때가 있었습..

해킹 피해 사고가 기승을 부리고 있습니다. 최근에는 중국 해커그룹이 공공연히 공격하겠다고 엄포를 놓고 있는 상황이죠. 원격 데스크톱을 사용하면 편리합니다. 내 컴퓨터를 원격에서 그대로 사용할 수 있으니까요. 그런데, 편한만큼 보안에는 상당히 취약합니다. 내가 아무데서나 접속할 수 있다는 건, 해커도 아무데서나 접속할 수 있다는 뜻이니까요. 항상 원격 설정을 열어놨었는데, 문을 닫아놓으려고 합니다. 1. '설정'(settings)로 이동 - 윈도우의 좌측 하단에 '설정'이나 'settings'를 치면 '설정'앱을 실행합니다. 2. 좌측 상단 '시스템'을 선택합니다. 3. 좌측 메뉴에서 '원격 데스크톱'을 선택합니다. 4. 원격 데스크톱 활성화 클릭 5. '확인'을 클릭하여 원격 데스크톱 활성화 '끔'으로 변경

이론 업무를 잘하기 위해서는 문서를 잘 만드는 것이 필수입니다. 문서를 만들 때 한타라도 줄이면 시간을 늘릴 수 있어, 문서의 퀄리티를 높일 수 있습니다. 오늘은 한글에서 삭제를 빠르게 하는 법을 알아보겠습니다. 1. 한 단어 삭제 Ctrl + Del : 커서 뒤쪽에 있는 단어가 삭제됩니다. 단어 뒤쪽 공백(개수 상관없이)까지 전부 삭제됩니다. Ctrl + Back : 커서 앞쪽에 있는 단어가 삭제됩니다. 커서 앞에 공백이 있으면 공백과 단어가 같이 삭제됩니다. 2. 한 줄 삭제 Ctrl + Y : 한 줄이 그냥 삭제됩니다. 실습 Ctrl + Del : 한 단어 삭제(뒤쪽) Ctrl + Back : 한 단어 삭제(앞쪽) Ctrl + Y : 한 줄 삭제

1. 퀵타임 플레이어로 동영상을 연다.(맥에서 동영상을 열면 보통 퀵타임 플레이어로 열린다.) 2. 캡처할 위치로 이동한다. 3. Command + C 키를 눌러 해당 프레임을 복사한다. 4. 미리보기(preview) 앱을 연다. 5. Command + V로 붙여 넣는다. 6. 저장한다. 참고로 블로그에 이미지를 넣을 때. 1. 퀵타임 플레이어로 동영상을 연다. 2. 캡처할 위치로 이동한다. 3. Command + C 키를 눌러 해당 프레임을 복사한다. 4. 블로그 글쓰기로 가서 Command + V를 눌러 붙여넣는다. 너무 간단하네요. 맥 쓰는 분들은 다 알고 계실것 같은데, 제가 몰랐어서 정리해봅니다.

JSX는 리액트에서 화면을 표시할 때 사용하는 문법입니다. const element = Hello, world!; 구조는 이렇게 생겼죠. 윗줄이 다 JSX가 아니고 Hello, world! 이 부분만 JSX문법입니다. HTML과 똑같이 생겼죠? HTML과 다른 점은 JSX내에 중괄호({})를 이용해서 값을 입력할 수 있다는 것입니다. const name = 'Josh Perez'; const element = Hello, {name}; 이렇게 사용할 수 있습니다. function formatName(user) { return user.firstName + ' ' + user.lastName; } const user = { firstName: 'Harper', lastName: 'Perez' }; cons..

문자열 인사말 ; 정수 나이 = 16; 만약 (나이 < 20) 참이면 { 인사말 = "안녕!"; } 그렇지 않으면 { 인사말 = "안녕하세요~"; } 출력하라(인사말); 애플, 마소, 구글, 아마존이 미국에서 생기는 이유가 있다. 왠지 억울하다.

※ 이 튜토리얼은 리액트 지식이 없다고 가정한다. 튜토리얼 시작에 앞서 우리는 이 튜토리얼에서 작은 게임을 만들것이다. 당신이 게임을 만드는 것이 아니기 때문에, 건너뛰고 싶을 수도 있다. 그러나 그것은 기회를 줄 것이다. 당신이 이 튜토리얼에서 배울 테크닉은 어떤 종류의 리액트 앱이라도 만들 수 있는 기본적인 것이고, 그것을 마스터하는 것은 리액트에 대한 깊은 이해를 얻게 해 줄 것이다. 팁 이 튜토리얼은 실습하면서 배우는 것을 선호하는 사람들을 위해 디자인 되었다. 당신이 기초부터 컨셉을 배우는 것을 선호한다면, 여기 step-by-step을 확인하라. 당신은 이 튜토리얼과 가이드가 서로 보완재라는 것을 발견할지도 모른다. 이 튜토리얼은 몇개의 섹션으로 구분된다. '튜토리얼을 위한 셋업'은 뒤 따르는..

공식 사이트 : https://reactjs.org/docs/thinking-in-react.html 리액트는 우리생각에 가장 빠르고, 크게 웹앱을 개발할 수 있는 최상의 방법입니다. 페이스북과 인스타그램에서 우리를 위해 아주 잘 확장되었습니다. 리액트의 많은 훌륭한 부분들 중 하나는 앱을 빌드할 때 앱을 생각하게 만드는 방법입니다. 이 문서에서 우리는 검색가능한 물품데이터 테이블을 만드는 절차를 생각해보면서 살펴볼 것입니다. 임시 디자인으로 시작 생각해보세요. 우리가 이미 디자이너로부터 JSON API와 mock을 받았다고 말이죠. 임시 디자인은 다음과 같습니다. 우리의 JSON API는 아래와 같은 데이터를 리턴합니다. [ {category: "Sporting Goods", price: "$49.99..

공식 사이트 : https://reactjs.org/docs/composition-vs-inheritance.html 리액트는 파워풀한 구성 모델을 가지고 있습니다. 그래서 컴포넌트들 사이에 코드 재사용을 위해 상속을 사용하기보다는 구성을 사용하는 것을 추천합니다. 이번 섹션에서는 리액트를 처음 접하는 개발자가 종종 상속에 도달하는 문제를 고려해보고, 이를 구성으로 어떻게 해결하는지를 보여줄 것입니다. containment 몇몇 컴포넌트들은 자식을 미리 알지 못합니다. 이것은 특히 Sidebar나 Dialog와 같이 일반적인 박스를 표현하는 컴포넌트에 공통적으로 나타납니다. 리액트에서는 컴포넌트가 자식 앨리먼트를 직접 그들의 출력으로 전달하기 위해서, 특별한 자식 prop를 사용하는 것을 추천합니다. f..

공식 사이트 : https://reactjs.org/docs/lifting-state-up.html 종종 몇몇 컴포넌트들은 같은 데이터 변화를 반영할 필요가 있습니다. 이때는 state를 가장 가까운 공통 조상으로 올려서 공유하는 것을 추천합니다. 그럼 어떻게 작업하는지 알아보겠습니다. 이번 섹션에서는 주어진 온도에서 물이 끓는지 알아보는 온도 계산기를 만들어볼 겁니다. 섭씨온도를 프로퍼티로 받고, 그 온도에서 물이 끓을 수 있는지 출력해주는, BoilingVerdict라는 컴포넌트에서부터 시작해보겠습니다. function BoilingVerdict(props) { if (props.celsius >= 100) { return The water would boil.; } return The water w..