One more thinking

이제 AI를 활용하는 것은 하나의 능력이 되었습니다. 과거 타이핑을 잘하고 Word를 잘 사용하는 것이 능력인 것처럼, 이제 AI는 현대 사회에서 반드시 필요로하는 능력이 되었습니다. 그것도 활용 능력에 따라 강력한 도구가 되었습니다.그러한 면에서 구글에서 제공하는 Gemini는 기존 구글의 생태계 정보를 기반으로 AI의 강력한 능력을 활용할 수 있는 도구입니다.이 책은 Gemini를 활용하는 거의 모든 분야와 활용 사례를 알려줍니다. 이 "제미나이로 구글·이미지·영상·자동화 진짜 잘함"는 단순히 구글 검색 대용이 아닌 책에서 말하는 멀티모달(이미지, 영상 등)을 모두 활용하여 능력을 극대화할 수 있도록 도와줍니다. 초창기 텍스트 기반의 AI는 검색 응답을 더 명확하게 답변하는 채팅의 영역이었습니..

책 보기 2026. 4. 8. 09:44

AI 시대는 프론트엔드 개발자에게 특히 더 많은 영향이 있다고 느꼈습니다. 실제로는 어떨지 몰라도 이제 AI가 웹페이지는 쉽게 만들어 줄 수 있다고 생각합니다. 실제로 일정 부분 AI는 기대를 충족하고 기술의 발전할수록 이러한 기대는 현실로 이어지리라 생각됩니다.이러한 시대에 프론트엔드 개발자는 어떤 것을 목표로 삼고 나아가야할지 혼란의 시대가 되었습니다. 비단 프론트엔드뿐 아니라 IT의 모든 분야 그리도 많은 분야에서도 비슷한 혼란이 도래하고 있습니다.안티프레질 프런트엔드는 AI시대에 프론트엔드 개발자가 확고하게 나아갈 수 있는 방향을 제시하고 있습니다. AI가 나타나기 이전에도 프론트엔드는 다른 분야와는 다르게 빠르게 변하는 생태계를 갖고 있었습니다. AI로 인해 더욱 가속화된 것 같습니다. 안티프레..

책 보기 2025. 11. 22. 15:50

도서출판 ’인사이트‘의 도서 지원을 받아 작성한 리뷰입니다. 한 입 크기로 잘라 먹는 시리즈는 유명한 개발서 시리즈이기 때문에 한번쯤 접해보고 싶었습니다. 특히 Next.js에 대해 지식을 체계적으로 보완하고 싶었는데 좋은 기회를 통해 를 접하게 되어 리뷰를 작성하였습니다. 한 입 크기로 잘라 먹는 Next.js는 도입부부터 문장이 매끄럽고 설명 자체가 군더더기 없이 깔끔한 문장으로 쓰여졌다고 생각되었습니다.또한 단원 구분이 명확하여 구별하여 읽기 편리합니다. 필요한 부분만 보아도 매우 자연스러운 구성입니다.그리고 Next.js를 배우기 위해 필요한 구성요소를 별도로 배울 수 있는 작가님의 강의나 다른 저서를 추천해서 추가로 배울 수 있도록 했다는 것도 매우 유용할 수 있습니다. 2장부터 주요 기능을..

책 보기 2025. 9. 8. 14:35

위와 같이 코드를 입력했을 때 아래와 같은 에러 발생 In HTML, ‹div> cannot be a descendant of ‹p>.This will cause a hydration error. Q1. 에러의 원인이 뭐야?A1. 코드를 살펴보니 dangerouslySetInnerHTML을 사용하는 부분이  태그 내부에서 를 렌더링하려고 시도하고 있습니다. HTML 명세에 따르면  태그는 블록 레벨 요소인 를 자식으로 가질 수 없습니다.이 문제를 해결하기 위한 가장 간단한 방법은  태그를 로 변경하는 것입니다. 이제 hydration 에러가 해결될 것입니다. 변경사항을 설명하자면:1. 컴포넌트를 일반 로 변경했습니다.2. Material-UI의 sx prop 대신 일반 style 객체를 사용하여 mar..

기술이 된 상상 2025. 3. 13. 19:54

window.history브라우저의 세션 기록 스택을 조작할 수 있는 API를 제공합니다. 이를 통해 사용자는 브라우저의 뒤로, 앞으로 가기 기능을 제어하고, 현재 URL을 변경하지 않고도 히스토리를 조작할 수 있습니다.주요 메서드 및 속성history.length:현재 세션의 히스토리 스택에 있는 항목의 수를 반환합니다.console.log(history.length);history.back():히스토리 스택에서 이전 페이지로 이동합니다.history.back();history.forward():히스토리 스택에서 다음 페이지로 이동합니다.history.forward();history.go(n):히스토리 스택에서 상대적인 위치로 이동합니다. n이 음수이면 뒤로, 양수이면 앞으로 이동합니다.history...

기술이 된 상상/TIL 2024. 8. 8. 17:37

Viewport는 사용자가 웹 페이지를 볼 수 있는 화면 영역을 의미합니다. 이는 브라우저 창 또는 화면의 가시 영역을 나타내며, 특히 모바일 장치에서 중요한 개념입니다. 다양한 디바이스와 화면 크기가 있는 환경에서 웹 페이지가 어떻게 보일지 제어하는 데 사용됩니다.주요 속성width: viewport의 너비를 설정합니다. 값으로 device-width를 사용하면 디바이스의 너비에 맞춰집니다.height: viewport의 높이를 설정합니다. 일반적으로는 잘 사용되지 않습니다.initial-scale: 초기 확대/축소 비율을 설정합니다. 기본값은 1.0입니다.minimum-scale: 사용자가 페이지를 축소할 수 있는 최소 비율을 설정합니다.maximum-scale: 사용자가 페이지를 확대할 수 있는 최..

기술이 된 상상/TIL 2024. 8. 6. 12:08

ArrayBufferJavaScript에서 바이너리 데이터(원시 이진 데이터)를 다루기 위해 사용되는 객체이는 고정 길이의 원시 이진 데이터 버퍼를 나타내며웹 애플리케이션에서 파일 읽기, 네트워크 통신, 그래픽스 등 다양한 용도로 사용될 수 있습니다.기본적으로 ArrayBuffer는 크기만 정해진 연속적인 메모리 블록이를 직접적으로 조작하기 위해 TypedArray와 같은 뷰(View) 객체와 함께 사용됩니다 주요 특징고정 길이: 생성 시 크기를 지정하며, 한 번 생성된 ArrayBuffer의 크기는 변경할 수 없습니다.바이트 단위 접근: 데이터는 바이트 단위로 저장되며, 다양한 형식으로 해석될 수 있습니다.다양한 뷰: ArrayBuffer를 여러 형식으로 해석할 수 있도록 다양한 TypedArray 뷰..

기술이 된 상상/TIL 2024. 8. 5. 11:24

대상 독자플러터를 처음 접하는 모든 분들에게 추천합니다! - 플러터와 다트(언어)에 대해 전혀 모르지만 앱을 개발해보고 싶은 분!(저 포함)- 호기심 또는 유행을 따라 플러터와 다트를 찍먹해보고 싶은 분!- 앱 개발은 해야하는데 시간과 인력이 촉박하여 빠르게 개발을 해야하는 분!  특징책의 제목에서 매우 직관적으로 알 수 있듯이 이 책은 플러터를 요리할 수 있도록 해주는 책입니다.바로 플러터 조리법이라고 할 수 있습니다. 그리고 그 조리법은 매우 꼼꼼하고 조리있게 구성되어 있습니다. 첫번째는 무엇보다 개념을 잘 설명하고 있습니다.요리사는 재료에 대해 그리고 요리도구에 대해 매우 잘 압니다.그런 것처럼 플러터 그리고 다트에 대한 개념으로 시작해 개념에 대해 그림과 비유를 통해 이해하기 쉽게 풀어냅니다.마치..

책 보기 2024. 7. 19. 01:51