본문 바로가기

전체 글179

[React, Vue] React와 Vue의 특징, 어떤 차이점이 있을까? React는 원래 많이 사용했지만요즘들어 Vue도 많이 사용하는 추세인 것 같다!어떤 점이 어떻게 다른지 한 번 알아보자. 1. DOM (Document Object Model)먼저 DOM에 대한 이해도가 있어야 Vue와 React의 특징을 더 잘 이해할 수 있다.DOM은 HTML 브라우저가 이해하고 조작할 수 있도록 트리 구조 형태의 객체로 변환한 것이다.HTML 자체는 단순한 텍스트 파일이다.자바스크립트가 웹 페이지의 텍스트를 바꾸거나 스타일을 변경하려면 HTML 요소들을 접근 가능한 객체 형태로 메모리에 올려놓아아야 하는데, 그 인터페이스가 DOM이다.DOM은 문제를 가지고 있다.자바스크립트로 DOM을 조작하면 브라우저는 화면의 위치와 크기를 다시 계산하는 Reflow와 화면을 다시 그리는 .. 2026. 8. 20.

[AI] GPT/제미나이/클로드 명령어 입력 방법 + 질 좋은 답변을 얻어보자! 일상생활에서 빼놓을 수 없는 채팅형 AI어떻게 명령어를 입력해야질 좋은 답변을 얻을 수 있을까? 1. 일반적인 명령어채팅형 AI에게 단순히 "--를 만들어줘.", "--를 작성해 줘."라고 작성하고 있으신가요? 이렇게 작성해도 단순한 질문의 경우 원하는 대답을 얻을 수 있습니다. 그러나 복잡한 작업을 완성도 있게 뽑아내기 위해서는 내가 무엇을 원하는지, 어떤 결과물을 원하는지 자세하게 작성해야 합니다. 그런데 AI는 무작정 구구절절 작성한다고 해서 완성도 있는 결과물을 뽑아내지 않습니다. 그들에게 대화하는 방법이 따로 존재합니다. 이번 블로그에서는 제가 Google 강의에서 배운 프롬프트 작성법을 공유해보려고 합니다. 2. 명령어 작성 방법페르소나 주입먼저 AI에게 어떤 역할을 맡길건지 알.. 2026. 8. 19.

[자격증] 2603회 리눅스마스터 2급 1차_ 5일 공부 | 온라인 시험 보는 방식 자세하게! (오픈북아님) 리눅스 마스터 2급 1차 시험공부기록 남겨보기!! 1. 리눅스 마스터 2급 1차 (온라인)형식: 객관식 4지선다문항 수: 50문항시험 시간: 60분합격 기준: 60점 이상 (30문항 맞추면 됨)응시 방식: 온라인 (모니토앱 필요)노트북(카메라+마이크 혹은 웹캠) + 핸드폰(카메라+마이크)예전에는 오픈북 형식이었습니다. 그런데 2602회부터 온라인으로 시험을 보지만 모니토앱을 통해 시험 보는 과정을 녹화하고 감독관이 지켜보는 형식으로 바뀌었습니다. 여러분 이제는 공부를 하고 봐야합니다!!! 저는 그 사실을 몰랐다가 시험 보기 전에 족보 필요해서 찾아보다가 바뀐 사실을 알았습니다. 다행히(?) 이 사실을 일주일 전에 알아서 충분히 준비할 수 있었습니다. 2. 시험 공부 나의 수준(?)일단 저.. 2026. 8. 2.

[수료증] Google Coursera_ AI Essential 강의와 AI 강의를 수강해보자! Chat GPT, Gemini, Claud부터Figma, Higgsfield, Liner 등다양한 AI 프로그램이 나오고 있다.이렇게 많은 프로그램의 수만큼이제는 대부분의 사람들이 AI를손쉽게 사용하고 있다.그런데 그 중 몇 사람이 AI를 제대로 활용할까? 0. 수료증과 듣게 된 이유Coursera의 강의를 수강하면 수료증을 준다. 개인 포트폴리오에 첨부해도 되고 링크드인에 넣어놔도 된다. 얼마나 효력이 있을지는 모르겠지만, 이력서 한줄이 아쉬운 지금으로써는 굉장히 반가운 강의였다. (그동안 프로젝트만해서 대회 + 자격증이 너무 부족하다ㅜ 올해 하반기부터 내년까지는 자격증을 목표로 가보려고 한다) 물론 처음부터 수료증을 얻으려고 찾은 강의는 아니었다. 단순히 프롬프트에 명령만 적을 줄 알았기에, 프롬.. 2026. 7. 25.

[Spring, React] 바이브코딩 첫 도전, Codex에 3시간을 투자해서 간단한 프로젝트를 만들어보자! 바이브코딩이 엄청난 화제인 만큼처음부터 끝까지 Codex를 이용해서프로젝트를 만들어보자. 1. 프로젝트 소개이 프로젝트는 인턴 모집 공고에서 적혀 있는 내용을 기반으로 프로젝트를 해봤다. 지원용은 당연히 아니고 그냥 HRD, AI 검색 등 해본 적 없는 부분이라서 궁금해서 시작하게 되었다. (대부분 플젝은 호기심에 의해 시작하는 편이다) 모집 내용을 쉽게 이야기하면 직원이 교육을 이수했는지 관리하기 위한 프로그램 제작(HRD_ 직무역량 진단, 교육 이력, 온보딩 완료율 등 구성원의 역량 강화와 성장을 설계하는 데 쓰이는 인재 분석 지표)을 할 예정이라고 했다. 그래서 직원이 교육을 이수했으면 실시간으로 데이터가 변동되는 것처럼 보이도록 만들었고, 실제 AI를 넣기엔 돈이 들어서 Fake AI를 만들.. 2026. 7. 10.

[Spring, React] Web server failed to start. Port 8080 was already in use. 에러 해결하기 변경사항이 없는데도갑자기 프로젝트에 에러가 떴다면?1. 에러Error starting ApplicationContext. To display the condition evaluation report re-run your application with 'debug' enabled.***************************APPLICATION FAILED TO START***************************Description:Web server failed to start. Port 8080 was already in use.Action:Identify and stop the process that's listening on port 8080 or configure this applica.. 2026. 7. 7.

[Java] JVM, JRE, JDK가 무엇인지 알아보면서 차이점을 이해해보자! Java로 개발을 하고 있다면어떻게 Java가 돌아가는지 알아야한다.이번 포스팅으로 한 번 알아보자! 1. JVM_ Java Virtual Machine자바 바이트코드를 실행하는 가상머신이다.컴파일된 바이트 코드를 운영체제(OS)가 이해할 수 있는 기계어로 해석하고 실행하는 역할을 한다.자바는 JVM으로 인해 한 번 작성하면 어디서든지 실행되는 플랫폼 독립성을 가진다.JVM은 실제 하드웨어가 아닌 소프트웨어로 구현된 추상적인 기계이다.JRE나 JDK 내부에 포함되어 실행을 담당하는 가장 작은 단위의 구성요소이다. 2. JRE_ Java Runtime EnvironmentJRE는 자바 프로그램을 실행하기 위해 필요한 최소한의 라이브러리(rt, jar 등)와 JVM을 묶어 놓은 실행 .. 2026. 6. 23.

이전 1 2 3 4 ··· 26 다음

티스토리툴바