기타16

• 

  [Google]개발자가 구글링하는 방법 개발자가 구글링하는 방법 인터넷에는 수많은 정보가 존재하지만 내가 원하는 정보를 찾는 것은 쉽지 않습니다. 개발자는 하루의 절반을 Google에서 원하는 정보(API 문서, 에러 해결, 프레임워크 등)를 찾기 위해 노력합니다. 다행스럽게도 Google은 검색 결과에 대한 정확한 결과를 제공하기 위해 다양한 기능을 제공합니다. 이번 포스팅은 개발자가 필수적으로 알아야 하는 구글링 방법을 소개합니다. 특정 키워드 및 문장 포함 특정 키워드 및 문장이 포함된 검색 결과를 얻고 싶다면 따옴표(")를 사용합니다. 따옴표를 사용하면 Google은 해당 키워드와 가장 적합한 정보를 제공합니다. 예를 들어, "how to split string in javascript"를 검색하면 키워드와 관련된 검색 결과를 제공합니.. 기타 2022. 12. 8.

• 

  모듈 번들러(module bundler)란? JavaScript 프레임워크인 React, Vue, Svelte, Angular 등을 사용하다 보면 모듈 번들러(module bundler)는 필수적으로 언급되는 내용입니다. 모듈 번들러는 개념적으로 생각보다 쉬운 내용이지만 웹팩, 롤업, 파셀, 모듈, 번들러, 종속성, 로더 등 해당 용어는 무엇이고 어떻게 동작하는지 잘 모르기 때문에 대부분 이해하지 않고 넘어가게 됩니다. 하지만, FrontEnd 개발자라면 모듈 번들러의 개념과 필요성을 꼭 알아야 한다고 생각하고 개인적으로 헷갈리는 부분이 있어서 이번 포스팅에서 모듈 번들러에 대해 정리하고자 합니다. 모듈(Module) 모듈 번들러는 Module + Bundling이 혼합된 단어인데, 모듈은 '분리된 코드 조각'을 의미하고 번들링은 '묶는다'는 의미.. 기타 2022. 7. 7.

• 

  REPL이란? REPL 개념 정리 REPL이란? REPL은 Read-Eval-Print-Loop의 약자로 애플리케이션 실행 상태에서 사용자가 입력한 명령어(소스코드)를 읽고(Read) 명령어를 평가(Eval)하고 결과를 출력(Print)한 다음 다시 입력을 기다리는 상태로 돌아가는 과정을 반복(Loop)합니다. REPL의 필요성 REPL은 주로 개발자들이 소스 코드 실행 결과를 빨리 확인해야 하는 경우 사용합니다. 특정 개발자들은 더 나은 단위 테스트를 작성하기 위해 REPL을 사용하기도 합니다. 테스트뿐만 아니라 프로그래밍 언어를 입문하는 경우에도 유용합니다. C#을 배우기 위해 컴퓨터에 VisualStudio를 설치하거나 Java를 배우기 위해 Eclipse 또는 Intelij를 설치하는 과정은 입문자에게는 어려울 수 있으며, 설치 .. 기타 2022. 7. 5.

• 

  [Google]전문가처럼 구글 검색하는 방법 현재 구글(Google)은 검색 엔진 시장에서 가장 우수한 기업으로 기본 엔진이 되었습니다. 단순한 검색을 넘어서 제품, 음악, 가사, 파일 또는 여러 정보들을 찾기 위해 사용되는 검색 상자의 중심이 되었습니다. 구글은 심플한 검색 상자를 추구했으며 현재까지 심플한 디자인을 유지하고 있습니다. 아주 심플하면서 훌륭하게 동작합니다. 그러나 대부분의 사람들은 구글의 검색 능력을 모르고 있습니다. 이번 포스팅은 전문가처럼 구글에서 검색하는 방법들을 소개합니다. 이 방법들을 숙지한다면 앞으로 검색 시간을 줄일 수 있으며 더 정확한 정보를 찾을 수 있습니다. 따옴표("") 사용 정확한 문구를 찾으려면 문구를 따옴표 안에 작성합니다. 예를 들어 "전문가처럼 개발"을 검색하면 해당 문구가 존재하는 결과만 출력됩니다... 기타 2022. 4. 15.

• 

  [VSCode]Visual Studio Code 유용한 단축키 이번 포스팅은 Visual Studio Code의 유용한 단축키를 소개합니다. 코딩 속도를 향상하는데 도움이 되기를 바랍니다. 파일 검색 윈도우/리눅스: Ctrl + P Mac: CMD + P 파일 검색 후 파일로 이동하려면 위 명령어를 사용합니다. 검색창에 파일 이름을 입력 후 클릭 또는 Enter키를 누릅니다. 참고로 크롬 개발자 도구의 Sources 탭에서 파일을 찾는 단축키와 동일합니다. 일치하는 항목 다중 커서 윈도우/리눅스: Ctrl + Shift + L Mac: CMD + Shift + L 이 단축키를 사용하면 문서에서 일치하는 모든 항목에 커서를 설정할 수 있습니다. 다중 커서 기능을 활용하여 동일한 문자열을 한 번에 변경할 수 있습니다. 일치하는 항목 선택적 다중 커서 윈도우/리눅스: C.. 기타 2022. 4. 13.

• 

  내가 GitHub를 안 하는 이유 내가 GitHub를 안 하는 이유 이 글은 뻘글이고 개인적인 내용이 많이 들어가 있어서 편의상 반말체로 작성하겠다. 나는 컴퓨터공학과임에도 불구하고 취업연계형 프로그램에서 개발 교육을 받고 취업한 케이스다. 교육 과정에서 팀 프로젝트와 개인 프로젝트를 관리하기 위해서는 어쩔 수 없이 형상관리를 사용할 수밖에 없었고 형상관리 중 GitHub를 사용하게 되었는데... 이때까지 USB로 파일을 관리하던 나에게는 좀 새롭기도 했고 신선하기도 했다. 그 이후 Git 명령어들을 공부했고 현재 Git Bash로 기본적인 명령어는 사용할 줄 안다고 생각한다. 하지만, 그게 전부였다. Git 명령어 조금 사용할 줄 아는 수준 그 이상도 그 이하도 아니었다. 최근에 Git에 대한 호기심이 생겨서 「프로 Git 2판」 책을.. 기타 2022. 2. 17.

• 

  자바 온라인 컴파일러 사이트 추천 Java를 사용하여 프로그램 또는 웹 사이트를 개발하는 경우에는 개발 환경을 셋팅해야 합니다. 하지만, 학습 또는 과제를 목적으로 간단한 코드를 작성하기 위해서 Java를 설치하고 이클립스와 같은 개발 툴을 설치하는 작업은 굉장히 번거롭습니다. 이러한 번거로움을 줄이고자 웹에서 간단한 코드를 작성 후 실행 가능한 온라인 컴파일러 사이트들이 많이 나오고 있습니다. 이번 포스팅에서는 웹에서 자바로 작성한 코드를 컴파일 가능한 사이트를 소개합니다. compilejava Online Java IDE www.compilejava.net 특징 로그인 필요 없음 JAR 파일 생성 여러 개의 클래스 생성 가능 기능 java 파일을 추가하여 여러 개의 클래스를 작성할 수 있습니다. 코드를 실행합니다. 작성한 코드를 UR.. 기타 2021. 9. 14.

• 

  비주얼 스튜디오(Visual Studio) 2019 설치, C# 프로젝트 생성 안녕하세요. 개발이야기입니다. 이번 포스팅에서는 Visual Studio 2019 설치 과정과 C#을 사용하기 위해 설정하는 과정을 포스팅합니다. 제가 이전에 온라인에서 C#을 컴파일 할 수 있는 .NET Fiddle 사이트를 소개 했는데요. ☞ .NET Fiddle 포스팅 보러 가기 나름 C# 개발 2년차라서 작성하고 싶은 글들이 많은데, 온라인 컴파일러에서는 제한되는 기능이 많아서 포스팅 하기가 어렵더라구요. 이번 기회에 Visual Studio를 설치하였습니다. 설치 과정 순서 1. 아래 링크를 클릭 해서 다운로드 사이트로 접속합니다. https://visualstudio.microsoft.com/ko/downloads/ Windows 및 Mac용 Visual Studio 2019 다운로드 Visu.. 기타 2021. 8. 7.

• 

  C# 온라인 컴파일러 .NET Fiddle 안녕하세요. 개발이야기입니다. 이번 포스팅에서는 온라인에서 C# 코드를 작성하고 테스트 가능한 사이트 .NET Fiddle를 소개합니다. 온라인 컴파일러의 장점으로는 Visual Studio가 없어도 온라인에서 C# 코드를 작성하여 테스트가 가능합니다. 단점으로는 작성할 수 있는 코드의 한계와 지원 안되는 기능들이 많습니다. ※ 윈도우 프로그래밍 개발 및 테스트는 불가능합니다. 소개 목록 간단한 사용 방법 티스토리와 연동 크롬에 C# online complier라고 검색을 하면, 최상단에 .NET Fiddle가 나옵니다. .NET Fiddle 이동하기 C# Online Compiler | .NET Fiddle dotnetfiddle.net 기본 기능 로그인하지 않아도 메인 화면에서 코드를 작성하고 Run.. 기타 2021. 7. 24.

• 

  CodePen에서 React 개발환경 구축하기 아주 간단한 React 코드를 작성하는 경우 CodePen에서 작업이 가능합니다. CodePen 간단한 사용방법은 여기서 확인 부탁드립니다. 예제 코드 추가 아래 코드를 복사해서 HTML과 JS에 추가합니다. HTML JS const element = ( Hello, react!!!!! ); ReactDOM.render(element, document.getElementById("root")); CodePen에서 React 설정이 되지 않아 에러가 발생합니다. 아래 순서대로 CodePen에서 React 설정을 합니다. CodePen에서 React 설정 1. Settings 선택 2. JavaScript Preprocessor에서 Babel 선택 Babel 컴파일러는 JavaScript 최신 문법이 모든 .. 기타 2021. 7. 4.

• 

  NodeJS에서 MsSql 연동과 Connection Pool 설정 Node.js에서 MS-SQL 연동 및 Connection Pool 설정 방법입니다. Connection Pool Connection Pool에 대해 간단하게 설명합니다. 일반적인 데이터베이스 연결 방법입니다. 데이터베이스 드라이버를 사용하여 데이터베이스 연결 데이터베이스에서 데이터 읽기 / 쓰기 연결 닫기 데이터베이스에서 데이터 읽기 / 쓰기 작업이 필요한 경우 위 사이클 반복합니다. 일반적인 방법은 데이터베이스에서 데이터 읽기 / 쓰기 작업을 할 때마다 연결 작업이 필요하므로 상당히 비용이 많이 소모됩니다. 리소스와 비용의 소모를 줄이기 위해 Connection Pool 방식을 사용합니다. Connection Pool의 연결 방법입니다. 서버 실행시 데이터베이스 Connection 객체를 미리 생성하.. 기타 2021. 6. 16.

• 

  [CodePen]티스토리와 CodePen 연동 CodePen CodePen은 FrontEnd 디자이너와 개발자를 위한 소셜 개발 환경입니다. 웹 사이트에서 HTML, CSS 및 JavaScript 코드를 작성하여 테스트 및 스니펫 가능합니다. 연동방법 1. 웹사이트 접속 후 아이디가 없으시다면, 생성하시고 아이디가 있으시다면 로그인을 합니다. https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 2. 좌측 상단의 Pen을 클릭합니다. 3. .. 기타 2021. 5. 19.