전체 글56 아이폰-맥북 usb연결을 통해 크롬 console.log 확인하기 최근 회사에서 웹사이트는 잘 되는데 아이폰에서만 기능이 제대로 동작하지 않는 현상이 발생해 고치기가 어려웠다 여러 가지 방법을 찾다가 결국 정확히 찾아내기 위해 아이폰-맥북 usb연동을 통해 아이폰 console.log를 볼 수 있는 인스펙터를 활요해 원인을 파악했다 먼저 연동을 하려면 아이폰, 맥 둘 다 설정이 필요하다 아이폰설정 > 앱 > Safari > 고급 > 웹 인스펙터 켜기(크롬을 확인하기 위해서도 사파리를 켜야한다. 이전에 크롬만 켜서 안잡혔는데 이것때문에 좀 고생했다)맥북사파리 켜기 > 상단 Safari > 설정 > 고급 > "웹 개발자를 위한 기능 보기" 켜기이후 사파리 상단에 개발자용 켜져있으면 연결된 아이폰확인하고 아이폰에서 크롬을 키면 해당 url이 나올것이다.그 url을 누르면 개.. 2026. 1. 16. [Composer 설치 오류] OpenSSL failed with a 'certificate verify failed' error. This indicates a problem with the Certificate Authority file(s) on your system, which may be out of date. 해결 composer설치하는데 계속 아래 에러가 발생했다 OpenSSL failed with a 'certificate verify failed' error. This indicates a problem with the Certificate Authority file(s) on your system, which may be out of date. 챗gpt 쳐보고 알아봤는데 알고보니 백신때문이었다... 나는 avast를 쓰는데 이것때문에 계속 설치가 안됐던 것이다 백신 잠시 끄고 다시 설치하니까 성공 2025. 10. 20. PHP, 라라벨 프레임워크(Laravel Framework) 디버깅 vscode에 환경 구축 한국어로 된 라라벨 프레임워크(Laravel Framework) 디버깅 환경 구축 자료가 적어 삽질을 좀 했다나처럼 자료를 찾는 사람이 있을 것 같아 어떻게 구축했는지 작성한다중간의 경로는 PHP설치 경로이니 꼭 본인의 경로에 맞는 path로 수정 필요- vscode launch.json 생성 or 수정vscode에 디버깅을 걸려면 해당 파일에 config 작업을 해줘야한다{ "version": "0.2.0", "configurations": [ { "name": "Laravel Debug", "type": "php", "request": "launch", "port": 9003, ".. 2025. 8. 18. [Spring] 스프링 컨테이너를 다루는 방법 (Bean , Configuration , Component) @Configuration- 클래스에 붙이는 어노테이션- @Bean을 사용할 때 함께 사용해 주어야 한다 @Bean- 메소드에 붙이는 어노테이션- 메소드에서 반환되는 객체를 스프링 빈에 등록한다 언제 @Service , @Repository 를 사용해야 할까개발자가 직접 만든 클래스를 스프링 빈으로 등록하고 싶을 때 언제 @Configuration , @Bean 을 사용해야 할까외부 라이브러리, 프레임워크에서 만든 클래스를 등록할 때 @Component- 주어진 클래스를 '컴포넌트'로 간주한다- 이 클래스들은 스프링 서버가 뜰 때 자동으로 감지된다.- 서비스, 레포지토리 내부를 보면 상속된 인터페이스에 숨어있음 그래서 동작할 때 자동으로 등록 언제 사용?컨트롤서, 서비스, 레포지토리가 아니고, 개발자가 .. 2025. 6. 22. [Spring] 스프링 컨테이너를 왜 사용할까? (DI , IoC) BookMemory / BookDB 메모리에 저장할지 DB에 저장할지 역할만 바꾸고 싶은데(레포지토리는 다른데)서비스의 소스까지 변경을 해야한다. 이걸 바꿀수 없을까? 인터페이스로 활용은 했지만 뭔가 부족하다이걸 컨테이너가 주체 하는 것직접 인스턴스를 만드는게 아니라 스프링 빈으로 활용해서 넣도록 그래서 직접 new를 쓰는게 아니라 컨테이너가 역할 하는 것이 제어의 역전. (IoC)그래서 그 서비스에 객체를 넣어주는 과정을 의존성 주입(DI)라고 한다 그럼 어떤걸 넣어줄지는 어떻게 선택?단순 인터페이스로 넣어버리면 어떤것을 불러올지 모름 이럴 때 쓰는 것이 Primary 어노테이션 당장 예시의 2개로는 효과가 안보이겠지만참조가 100개 500개가 된다면 해당되는 모든 파일을 수정해야함 2025. 6. 22. Cursor AI(커서 AI)를 사용해 바이브 코딩으로 서비스 만들기 결과 및 후기 요즘 바이브 코딩이 유행이고 나도 AI를 꽤 많이 쓰는 편이다 최근에 간단하게 만들어볼만한 기능이 생겨 커서 AI를 이용해 만들어 보았다그 후기를 작성해보려고 한다 # 서비스내가 구현할 서비스를 다음과 같았다위스키를 좋아하는 사람들이 일본에 가서 구매를 많이하는데, 일본 온라인 위스키 구매 사이트가 있다.문제는 검색이 일본어로만 가능하고 한국어, 영어 검색은 안된다는 점이다.그래서 사람들이 위스키 브랜드를 일본어로 일일이 찾아본 후에 검색한다는 것을 알게 되었다.그럼 한국어나 영어로 검색하면 자동으로 일본어로 바꿔서 검색 결과를 보여주면 되겠네? 이게 내 생각이었다. 마침 시간도 여유로워 빠르게 커서를 킨 후 구현을 시작했다 # 기술 스택기술 스택은 다음 목록과 같이 정했다- Next.js 14- Sup.. 2025. 6. 18. 이전 1 2 3 4 ··· 10 다음
