OpenClaw 에이전트를 실제 브라우저 작업에 연결해 처음 제대로 검증해본 사례가 있었다. 테스트 페이지 수준이 아니라, 실제로 수행해야 하는 작업에 에이전트를 붙여본 것이다. 이번 대상은 민방위 인터넷 교육 이수였다.이 작업은 단순 클릭 자동화가 아니라, 브라우저 세션 상태 유지, 화면 전환, 진행 상황 확인이 모두 필요한 흐름이었다. 즉, 에이전트가 "작동한다"는 것과 "실제 작업에 쓸 수 있다"는 것은 다르다는 걸 확인하기에 적절한 사례였다.WSL2 환경과 브라우저 연결 문제작업 환경은 WSL2였다. 문제는 WSL2가 윈도우 호스트와 분리된 실행 환경이라는 점이다. 이 때문에 에이전트가 로컬 브라우저 인스턴스에 바로 연결되기 어렵고, 별도의 브리지 구성이 필요했다. WSL내부에서도 동일하게 크롬을..

다들 에이전트 얘기하길래, 나도 못 버티고 깔아봤다솔직히 말하면 시작은 별로 우아하지 않았다. 주변에서 다들 에이전트, 에이전트 하니까 괜히 위기감이 들었다. "이거 또 나만 늦는 거 아닌가" 싶은 그 감정. 예전 같았으면 보안 때문에 더 쫄았을 텐데, 요즘은 그래도 예전보단 낫다는 얘기도 많았고, 내가 그냥 좀 무뎌진 건지도 모르겠다. 어쨌든 예전처럼 겁부터 먹고 안 건드리진 않았다.그래서 그냥 깔았다. 남들 후기 열 개 읽는 것보다, 내 손으로 한 번 설치해보고 굴려보는 게 훨씬 빨랐다. 이 글은 그렇게 OpenClaw 를 먼저 써보고, 결국 Hermes로 옮겨오게 된 얘기다.써보니까, 이건 프롬프트 몇 줄 치는 도구가 아니었다에이전트를 실제로 써보면서 제일 먼저 든 생각은 명확했다. 이건 그냥 Ch..

개발을 시작하고 작업하고 참여했던 프로젝트와 결과물을한눈에 볼 수 있도록 공유 하기 위해 최근까지 포트폴리오를 제작해왔습니다. 제작된 포트폴리오는 아래 링크를 통해 확인가능합니다. http://portfolio.sanguneo.com/ 1. 제작 계획 수립 필요성을 느끼고 한글파일이나 워드파일로 정리하다가 그 한계를 느꼈습니다. 좀더 자유롭고 직관적이고 싶었기에, 내가 잘 하는것을 이용 해 보자는 생각에 웹 버전으로 제작하게 되었습니다. 2. 제작 방법 우선 작업을 정리하려면 한둘이 아니기 때문에 같은 규격으로 스크린샷을 찍기 시작했습니다. 이전에 작업하면서 업로드한 이미지부터 정리를 위해 찍은 모든 이미지들을 모아, 넘버링 을 하고 이름을 붙인 뒤 트리구조의 디렉토리로 분류했습니다. 그리고 window..

클로저 특성으로, 내부함수에서 외부함수의 지역변수에 접근 할 수 있는데, 외부함수의 실행이 끝나서 외부함수가 소멸된 이후에도 내부함수가 외부함수의 변수에 접근 할 수 있다. -> 함수 안의 내부함수나 그 로컬 변수들은 그 외부함수의 밖에서 접근을 못한다. 잘못 작성된 코드 var arr = [] for(var i = 0; i 클로저의 특성인 내부함수에서 외부함수의 지역변수에 접근을 하는것인데 arr[i] 로 정의된 함수에서 사용하는 i는 외부함수의 지역변수가 아..

1. 문제 발생 (예제) 1000px 로 설정한 div를 다시 150px, 700px, 150px 로 나누고 안쪽의 div에는 display: inline-block 속성을 주었는데 맨 오른쪽 div 영역이 아래쪽으로 밀려내려감 *** div의 padding과 margin, border는 모두 0px 이었음 2. 원인 태그 등으로 다른 태그들을 묶어주는 경우, div 태그 또한 inline-element로 인식을 하기 때문에 div들끼리 마주하는 부분에서 여백이 생김 div 뿐만아니라, span도 마찬가지 3. 해결 방법 1) .container { // 부모 랩퍼 ... font-size: 0px; letter-spacing: 0px; word-spacing: 0px; } .container > div..