분류 전체보기124 [Git, SVN] SVN vs Git : 2020년에 당신에게 적합한 것은? 번역 및 요약본 얼마 전 지인과의 대화해서 회사에서 SVN을 사용하고 있으면서 Git으로 전환할 것을 검토하고 있다는 이야기를 들었습니다. 막연히 이해하는 바로는 Git으로 전환하는 게 좋을 것 같다고 이야기했었는데 상황을 들어보니 마냥 전환하기는 쉽지 않은 여건도 보였습니다. 생각난 김에 SVN과 Git의 장단점을 정리하고 선택할 때 도움이 될 만한 글을 검색하니 2020년 3월에 작성된 글이 있어서 정리해 봤습니다. 0. 원문 https://www.tabnine.com/blog/svn-vs-git/ 1. Git과 SVN SVN과 Git은 소프트웨어 개발에서 워크플로우와 프로젝트 관리를 가능하게 하는 대표적인 VCS(Version Control System: 버전 제어 시스템)입니다. 작업하는 모든 프로젝트에 적합한 .. 2023. 12. 18. [React] React 공식문서 한글 번역 사이트 소개, 공식 및 비공식 사이트 저는 새로운 기술을 접할 필요가 있을 때, 생각하기보다 타이핑하는 게 좀 더 익숙한 접근 방법이라서 먼저 코드를 실행시켜 보고 간단한 Toy 프로젝트를 실행하면서 부딪혀본 다음 문서를 찾아보는 버릇이 있습니다. React도 인터넷의 강좌들을 몇 개 들어보고 간단한 React 애플리케이션을 2개 정도 개발해 보니 구조에 대한 이해가 절실하다는 생각이 들었습니다. 좋은 책을 볼까 생각도 해봤지만 요즘은 유명한 플랫폼들은 공식 문서가 잘 되어있기에 React도 공식문서를 읽기 시작했습니다. 먼저 크롬의 번역 기능으로 빠르게 읽어보고 이상한 번역은 원문을 보는 방식으로 읽었습니다. 그러나 역시 기술문서 번역의 오류와 영어의 압박으로 진도가 잘 나가지 않았습니다. 결국은 잘 번역한 번역본이 절실해 검색해 본 결과.. 2023. 12. 13. [Git] git, github cheat sheet, 깃 깃허브 명령어 요약 + α git, github는 최근 거의 모든 개발 환경에서 기본으로 사용하는 분위기입니다. 그러나 대부분 툴에서 제공하는 환경에서 사용하다 보니 가끔은 최초 설정이나, 툴 사용이 어려운 환경에서 사용할 때 명령어가 생각나지 않는 경우가 있었습니다. 이것도 생각난 김에 정리해 둡니다. 1. Git 설치하기 1.1 Windows 사용자를 위한 GitHub https://windows.github.com/ 1.2 Mac 사용자를 위한 GitHub https://mac.github.com/ 1.3 모든 플랫폼을 위한 Git https://git-scm.com/ 2. Git 환경 설정 모든 로컬 저장소에 적용할 사용자 정보를 설정하는 방법 2.1 자신이 생성한 커밋(commit)에 들어갈 이름을 설정 $ git con.. 2023. 12. 6. [React] 추천 React UI Components - Google Material Design을 지원하는 Material UI Backend 개발자로 혼자서 React 공부를 시작해서 간단한 앱을 만들면서 처음부터 사용하면 본질을 익히기 전이라는 생각에 라이브러리에는 큰 관심을 두지 않고 styled-components만 적용하여 개발을 해왔습니다. 그러나 역시 화면을 배치하고 디자인하는 component 스타일링 부분은 투자한 시간 대비 소득이 크지 않다는 생각이 계속 들었습니다. 물론 개인 역량이 부족하기도 합니다만... ^-^;;; 그래서 조금 찾아보니 구글 Material Design을 지원하는 Material UI Component가 있어서 검토해 보고, 작은 규모의 프로젝트나 개인 프로젝트에는 충분히 사용하면 좋겠다는 생각이 들어서 간단히 정리했습니다. 1. Material UI : MUI 란? https://mui... 2023. 12. 4. [VSC] VSCode : 코드 편집 시 유용한 단축키 모음 - 같은 단어 선택, 여러줄 선택, 멀티 커서, 한줄 복사, 한줄 이동, 한줄 삭제 에디터를 자유롭게 사용할 수 있으면, 코딩이 훨씬 더 즐거운 작업이 됩니다. 반복적인 작업으로 일일이 수정하는 것보다 훨씬 편리한 방법들이 있는데, 에디터를 여러 개 사용하다 보니 자꾸 까먹게 되네요. Visual Studio Code에서 알아두면 좋은 편집 관련 단축키 몇 개를 요약해서 정리했습니다. 1. 같은 단어 수정 1.1 같은 단어를 동시에 모두 선택 후 수정 🪟 Ctrl + Shift + L 🍎 Cmd + Shift + L 수정할 단어 선택 Ctrl + Shift + L 입력 시, 선택한 단어와 같은 단어가 모두 선택됨 선택된 단어는 동시에 수정됨. 1.2 같은 단어를 하나씩 차례로 선택 후 수정 🪟 Ctrl + D 🍎 Cmd + D 수정할 단어 선택 Ctrl + D 키를 누르면 같은 단어가 .. 2023. 12. 2. [React] styled components documenation 번역 및 정리, #1 기초 react를 공부하면서 미니 프로젝트를 진행하고 나서 얻은 조언이 styled components를 적용하는 것이었습니다. 살짝 공부해서 적용해 보니, 좀 더 깊게 파고들면 기본 css를 사용하는 것에 비해 장단점이 존재하지만 사용의 편의성면에서는 styled components를 사용하는 것이 훨씬 작업하기 편리했습니다. 조금 더 깊게 공부를 하려고 홈페이지의 공식 문서를 살펴보다가 나중을 위해 요약 정리했습니다. 1. 동기 부여 (Motivation) styled-components가 React component system에서 스타일을 지정하기 위해 css를 어떻게 향상할 수 있는지 고민한 결과입니다. 단일 사용 사례(a single use case)에 집중함으로써 개발자의 경험과 최종 사용자의 결.. 2023. 12. 1. [VSC] VSCode : 파일 저장할 때 Prettier로 자동 정렬 적용 설정 방법 VSCode로 작업을 하면서 파일을 저장하면 자동으로 소스코드가 정해진 코딩 스타일로 정렬해 주는 Prettier는 거의 표준처럼 사용하게 되었습니다. 새로 개발 환경을 설정하면서 VSCode를 설치하고 마켓에서 확장프로그램을 받아서 설치하는데 그중에 Prettier도 기계적으로 설치하게 됩니다. 그런데 Prettier를 설치했는데도 파일을 저장할 때 코드가 자동 정렬되지 않는 현상이 발생했습니다. 설정을 해주면 동작하는데 자주 설정할 일이 없다 보니 자꾸 까먹게 되네요. 방법을 찾아서 정리해 둡니다. 1. Prettier 설치 소스 코드를 정해진 코딩 스타일과 일치하도록 자동으로 정렬하여 주는 프로그램인, 코드 포맷터(Code Formatter)로 수천만 명이 사용하고 있는 프로그램이 Prettier입.. 2023. 11. 30. [java] jsp에서 forward vs redirect, 포워드와 리다이렉트 비교 Java 기반의 웹 애플리케이션에서 JSP는 forward 혹은 redirect의 두 가지 방법을 사용하여 한 서블릿(Servlet)에서 다른 서블릿 혹은 JSP로 제어를 전달합니다. forward와 redirect는 요청을 전달하지만 완전히 다른 흐름 제어를 사용하고 있습니다. 아래에서 좀 더 상세하게 살펴보겠습니다. 1. Forward와 Redirect 기본 개념 Forward 메서드는 웹 애플리케이션의 한 서블릿에서 다른 리소스로 요청을 전달하며, 이 리소스는 다른 서블릿, JSP 페이지 또는 HTML 파일이 될 수 있습니다. 브라우저로 요청을 전달을 하는 것이 아니라 서버 내의 다른 리소스를 호출합니다. Redirect 메서드는 요청을 브라우저로 전달하여 다른 웹 애플리케이션을 요청합니다. Red.. 2023. 11. 28. [Node, NPM] SQL Bricks, JavaScript로 SQL 구문을 생성하는 패키지 Node 환경에서 Axios를 사용해서 데이터를 크롤링하고서 이 데이터를 어떻게 처리할까 고민할 일이 있었습니다. 이 데이터를 DB로 옮겨야 하는데 어떤 방법이 좋을까 고민하다가 Spring Boot 환경에서 실행 시 데이터를 로드하는 방법이 있어서 SQL문으로 변환하는 방법이 필요했습니다. 직접 생성하는 방법도 있지만, 이미 만들어진 패키지가 있지 않을까 검색해 봤습니다. 1. 패키지 검색 https://www.npmjs.com Node 패키지를 검색할 수 있는 홈페이지 가운데 하나입니다. 여기서 검색어로 'generate sql'로 찾은 패키지입니다. https://www.npmjs.com/search?q=generate%20sql 2. SQL Bricks.js https://www.npmjs.com.. 2023. 11. 26. [JSON] JSON 활용하기 - JavaScript 로 객체(Object) 다루기 JavaScript로 객체 다루기 포스팅입니다. 처음 JSON과 객체를 제대로 이해하지 않고 개발을 하다 보니 객체로 데이터를 편리하게 사용할 수 있는 방법들을 모르는 경우가 있었습니다. 생각난 김에 한 번 찬찬히 살펴보고 정리했습니다. 1. Object (객체) 개요 JavaScript는 간단한 객체 기반 패러다임 위에 만들어졌습니다. 객체는 속성(attribute)의 컬렉션(collection)이고, 속성은 이름(name. 키(key))과 값(value) 사이의 연결 관계입니다. 속성의 값이 함수(function)인 경우에는 메서드(method)라고 부릅니다. 객체는 현실에서 인식 가능한 사물로 이해할 수 있습니다. 객체는 속성과 타입을 가진 독립적인 개체(entity)입니다. 컵을 생각해 보면, 컵.. 2023. 11. 22. 이전 1 2 3 4 ··· 13 다음
