반응형 프론트엔드8 10배 빨라진 TypeScript https://dev.to/anthonymax/typescript-7-10x-speedup-and-the-go-language-1mkf TypeScript 7: 10x Speedup and the Go Language 🚨Hello everyone! Today, before our eyes, a truly significant event for web development in general is...dev.to 이 시스템은 Go 언어로 만들어졌고, 병렬 처리를 써서 여러 작업을 동시에 처리해요. 예전엔 node.js 기반이었는데 Go 기반으로 변경 후 빨라졌다고 함 2025. 5. 10. Playwright 알아보기 Copilot에 바로 물어본다.Playwright는 웹 애플리케이션 테스트 자동화를 위한 오픈 소스 프레임워크입니다. 개발자들이 웹 브라우저를 제어하고 테스트를 실행할 수 있게 해주죠.주요 특징으로는:크로스 브라우저 테스트: Chrome, Firefox, Safari 등 여러 브라우저에서 테스트 가능.헤드리스 모드: 브라우저 UI 없이도 테스트 수행 가능.강력한 API: 페이지 상호작용, 파일 업로드/다운로드, 네트워크 요청 인터셉트 등 다양한 기능 제공.이걸 통해 개발자들은 웹 애플리케이션의 다양한 시나리오를 자동으로 테스트할 수 있어 코드 품질과 안정성을 높일 수 있어요.관심이 있다면 좀 더 자세히 설명해 줄까요? 😊 어떻게 사용하는지 물어본다.Playwright를 사용하여 테스트를 작성하는 방법은.. 2025. 1. 26. react 기본 개발 우선 react가 뭔지 물어본다.리액트(React)는 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리입니다. 페이스북에서 처음 개발되었으며, 현재는 개발자들에 의해 유지보수되고 있습니다1. 리액트를 이용하면 웹 애플리케이션이나 모바일 애플리케이션을 개발할 수 있습니다. 이 라이브러리는 다음과 같은 특징을 가지고 있습니다: 1. Component 기반 구조: 리액트는 UI를 여러 컴포넌트로 쪼개서 만듭니다. 각 부분을 독립된 컴포넌트로 만들고 이를 조립해 화면을 구성합니다. 이렇게 기능 단위로 캡슐화되어 코드의 유지보수와 관리가 용이해집니다. 2. Virtual DOM: 리액트는 가상의 Document Object Model(Virtual DOM)을 사용하여 화면을 그립니다. 이를 통해 변경이 필요.. 2024. 8. 3. IntelliJ IDEA 초기 세팅 및 단축키 안드로이드 스튜디오가 IntelliJ 기반 에디터이기 때문에 하지 않을까 하다가 일단 쓰고 있으므로 정리한다.안드로이드 스튜디오 세팅 및 단축키 정리는 아래 글을 참조한다.https://cgdev.tistory.com/49 안드로이드 스튜디오 초기 세팅 및 단축키 정리이클립스만 쓰다가 이제 모바일로 넘어오면서 안드로이드 스튜디오, IntelliJ IDEA, Visual Studio Code를 깔아서 공부하다가 보니 IDE 기능을 찾는데 익숙하지 않아서 피로도가 심해지고 있어서 우선 각cgdev.tistory.com 이제 Copilot에 물어본다물론! IntelliJ IDEA를 처음 설치하고 실행했다면 초기 설정을 진행해야 합니다. 아래 단계를 따라 IntelliJ IDEA를 초기화하고 설정하세요:1. I.. 2024. 6. 10. 비주얼 스튜디오 코드 초기 세팅 및 단축키 일단 예전에 했던 기본 세팅부터 한다. 먼저 Theme, Icon Theme 확장 프로그램부터 설치한다. Material Icon ThemeMaterial Theme 그리고 세팅에서 아래와 같이 세팅한다. Commonly Used -> Files:Auto Save : onFocusChange Editor: Font Size : 16 Editor: Tab Size : 2 Editor: Word Wrap : on Editor: Format On Paste : 체크 Editor > Guides: Bracket Pairs : activeJavaScript > Preferences.. 2024. 6. 8. (실패기) react with typescript + spring boot 웹소켓으로 연계하기 실패기 이므로 과정에 궁금하지 않으면 이 문서보지 말고 다른 문서를 참조한다. 저번에 Gemini에 react with typescript와 spring boot 연계방법을 물었을 때 REST API로 연계하는 방법 말고 웹소켓으로도 연계가 가능하다고 했다. 그래서 이번엔 웹소켓으로 연계해본다. https://cgdev.tistory.com/45 react + spring boot 연계하기먼저 react 환경과 spring boot 백엔드 환경을 구축한다. 아래 글 2개를 참고한다. https://cgdev.tistory.com/43 react + typescript 개발환경 세팅하기먼저 Copilot에 물어보자물론입니다! React와 TypeScript를 함cgdev.tistory.com 이제 다.. 2024. 5. 26. react + spring boot 연계하기 먼저 react 환경과 spring boot 백엔드 환경을 구축한다. 아래 글 2개를 참고한다. https://cgdev.tistory.com/43 react + typescript 개발환경 세팅하기먼저 Copilot에 물어보자물론입니다! React와 TypeScript를 함께 사용하는 개발 환경을 구축하는 방법을 순차적으로 안내해 드리겠습니다. 😊 1. 프로젝트 생성하기: o 먼저, 터미널에서 원cgdev.tistory.comhttps://cgdev.tistory.com/44 spring boot 개발환경먼저 Copilot에 스프링부트 개발 방법에 대해 물어본다.스프링 부트를 설치하고 개발환경을 구성하는 방법은 여러 가지가 있습니다. IntelliJ IDE를 사용하는 방법을 설명해드리겠습니다. cg.. 2024. 5. 23. react + typescript 개발환경 세팅하기 먼저 Copilot에 물어보자물론입니다! React와 TypeScript를 함께 사용하는 개발 환경을 구축하는 방법을 순차적으로 안내해 드리겠습니다. 😊 1. 프로젝트 생성하기: o 먼저, 터미널에서 원하는 프로젝트 경로로 이동합니다. o 아래 명령어를 실행하여 React 프로젝트를 생성합니다. 이때 TypeScript 템플릿을 사용하도록 합니다. 2. npx create-react-app my-app --template typescript 또는 yarn을 사용하시는 경우: yarn create react-app my-app --template typescript 3. Prettier와 ESLint 설치하기: o VSCode에서 Prettier와 ESLint를 찾아 설치합니다. 이 도구들은 코드 스타일.. 2024. 5. 18. 이전 1 다음 반응형
