environment setupdevelopmentSQL Developer 다운로드 및 사용법스프링/스프링 부트 웹 프로젝트 준비하기 (5) DBMS 클라이언트데이터베이스(database, DB)를 사용하려면 데이터베이스 관리 시스템(Database Management System, DBMS)이 필요하고, DBMS를 사용하려면 DBMS…더보기
environment setupdevelopmentDBMS 설치하기(오라클 21c XE, MySQL)스프링/스프링 부트 웹 프로젝트 준비하기 (4) DBMS 서버데이터베이스(database, DB)를 사용하려면 데이터베이스 관리 시스템(Database Management System, DBMS)이 필요합니다. DBMS란 DB 사용자들의 …더보기
environment setupdevelopmentSTS 다운로드 및 환경 설정하기(STS 3, STS 4)스프링/스프링 부트 웹 프로젝트 준비하기 (2) IDESTS(Spring Tool Suite)란 이클립스(Eclipse)에 스프링 프레임워크(Spring framework) 사용을 도와주는 플러그인이 장착된 통합 개발 환경(Inte…더보기
environment setupdevelopment아파치 톰캣(Apache Tomcat) 다운로드 및 환경설정하기스프링 웹 프로젝트 준비하기 (3) WAS자바 서블릿(Java Servlet)이나 자바 서버 페이지(Java Server Page, JSP)로 동적 웹 사이트(dynamic websites)를 구축하려면 웹 어플리케이션…더보기
data sciencevisualizationECharts 사용법과 예제자바스크립트 데이터 시각화아파치 이차트(Apache ECharts)는 아파치 소프트웨어 재단(Apache Software Foundation, ASF)에서 지원하는 자바스크립트(JavaScript) 오픈…더보기
environment setupdevelopment파이썬 다운로드 및 설치하기파이썬 사용 준비하기이번 시간에는 파이썬을 다운로드 및 설치하고, 설치한 파이썬을 실행하는 법을 알아보겠습니다. 다운로드하기 먼저 파이썬 공식 홈페이지 에 들어갑니다. 여기서 다음 화면에서와 같이…더보기
environment setupdevelopment이클립스(Eclipse) 다운로드 및 환경설정하기자바/코틀린을 위한 IDE 준비하기이클립스(Eclipse)는 IBM에서 만든 통합 개발 환경(Integrated Development Environment, IDE)입니다. 이번 시간에는 이클립스를 다운로드하고 …더보기
environment setupdevelopmentcmd에서 자바 파일 컴파일하고 실행하기javac로 컴파일하고 java 인터프리터로 실행하기자바(Java) 프로그래밍을 할 때 최소한으로 필요한 도구는 편집기(editor)와 컴파일러(compiler)입니다. 자바 프로그램을 실행하려면 자바 가상 머신(Java Virt…더보기
data sciencevisualization파이썬 데이터 시각화 Seaborn 사용법 심화편다차원 데이터 시각화지난 시간에는 파이썬의 Seaborn 라이브러리를 이용해 변수가 1개인 단변량 데이터(univariate data)를 시각화하는 법을 살펴보았습니다. 이번 시간에는 변수가 2개인…더보기
environment setupdevelopmentJDK 다운로드 및 환경변수 설정 방법(JDK 1.8, JDK 11)스프링/스프링 부트 웹 프로젝트 준비하기 (1) JDK자바(Java)나 코틀린(Kotlin)으로 프로그램을 개발하거나 스프링(Spring) 또는 스프링 부트(Spring Boot)와 같은 웹 프레임워크(framework)를 이용하여…더보기
environment setupdevelopmentKotlin 코틀린 프로그래밍 환경 설정하기(JDK, IDE 설치)JDK와 IntelliJ IDEA 설치하기이번 시간에는 코틀린(Kotlin)을 위한 프로그래밍 환경 설정법을 알아보겠습니다. 코틀린으로 개발하기 위해서는 자바 개발 키트(Java Development Kit, JDK)와…더보기
programming languagekotlinKotlin 코틀린 소개와 기초 문법 알아보기코틀린의 기초 사용법을 알아보자코틀린(Kotlin) 기초 시리즈의 첫 번째 시간입니다. 이번 시간에는 코틀린을 소개하고 코틀린 프로그래밍을 위한 개발 환경을 설정하는 법 그리고 코틀린의 기초 문법을 알아보겠습…더보기
web developmentreactReact 컴포넌트와 props 개념 이해하기Components와 Props지난 시간에는 React JSX와 엘리먼트란 무엇일까? 에서 JSX와 엘리먼트를 알아보았습니다. 이번 시간에는 컴포넌트(Components)와 props를 알아보겠습니다. 컴포…더보기
web developmentreactReact JSX와 엘리먼트란 무엇일까?JSX와 리액트 엘리먼트의 개념 알아보기지난 시간에는 에서 create-react-app 을 이용해 리액트(React)를 설치하는 법과 리액트의 기본 폴더 구조를 알아보았습니다. 또 각 폴더에 속한 파일의 종류와 …더보기
computer sciencebasic컴퓨터 과학과 알고리즘, 프로그래밍이란 무엇일까?프로그래밍 기초 다지기 1컴퓨터 과학(computer science)이란 어떤 학문이며 컴퓨팅 사고(computational thinking)란 무엇일까요? 또 알고리즘(algorithm)란 무엇이고 알…더보기
computer sciencebasic프로그래밍 언어 종류와 언어별 특징프로그래밍 기초 다지기 2지난 시간에는 프로그래밍 언어 기초 다지기의 첫 번째 시간으로 를 살펴보았습니다. 글의 마지막 부분에서는 프로그래밍 언어가 필요한 이유를 살펴보았죠. 프로그래밍 언어(progr…더보기
programming languagecC 언어 for문, while문, do while문 사용법과 실생활 예제흐름제어 2 - 반복문지난 시간에는 를 알아보았습니다. 이번 시간에는 C 언어의 반복문(iterative statements)을 알아보겠습니다. C언어의 반복문에는 for문, while문, do w…더보기
programming languagecC 언어 if문, switch문 사용법과 실생활 예제흐름제어 1 - 조건문지난 시간에는 을 알아보았습니다. 이번 시간에는 C 언어의 조건문(conditional statements) 사용법을 알아보겠습니다. 조건문이란 특정 조건에 따라 각기 다른 명…더보기
environment setupdevelopmentC언어를 위한 Visual Studio 2022 환경 설정하기C 실습 환경 준비하기이번 시간에는 C언어의 실습을 위해 Visual Studio 2022 를 설치하고 환경 설정하는 법을 알아보겠습니다. Visual Studio 설치 다운로드 먼저 비주얼 스튜디…더보기
programming languagecC언어 기초 개념 다지기C언어 소개와 기본 코드 구조, 기초 문법C언어는 프로그래밍 언어 중에서 가장 오래된 언어이자 현재도 많은 분야에서 사용되는 언어입니다. 저수준(low level)에서 고성능을 발휘해야 하는 분야에서는 대부분 C를 사용…더보기
data sciencevisualization파이썬 데이터 시각화 Seaborn 사용법 기초편1차원 데이터 시각화파이썬(Python)에는 Matplotlib(맷플롯립) , Plotly(플로틀리), GGplot(지지플롯) 등 다양한 시각화 라이브러리들이 있습니다. Matplotlib은 전 …더보기
mathematicsstatistics확률과 통계 핵심 개념과 용어기술통계학과 추측통계학 주요 개념통계는 현명한 의사결정을 하는데 도움을 줍니다. 불확실한 현실 세계에서 보이지 않던 것들을 보게 해주고, 과학적 근거의 틀을 마련해 미래에는 과거보다 더 나은 선택을 할 수 있도…더보기
data sciencedata preprocessingPython pandas 데이터 재형성, 연산, 집계하는 법데이터 분석 4단계지난 시간에는 을 살펴보았습니다. 이번 시간에는 DataFrame을 재형성하고, DataFrame 간 연산하기, 그리고 데이터를 집계하는 법을 알아보겠습니다. 준비하기 실습을…더보기
data sciencedata preprocessingPython pandas 데이터 병합, 정제, 변형하는 법데이터 준비 3단계지난 시간은 Python pandas 사용법의 두 번째 세션으로 을 알아보았습니다. 이번 시간에는 Python pandas에서 데이터 프레임(DataFrame)을 합치는 법과 …더보기
data sciencedata preprocessingPython pandas 데이터 확인, 정렬, 선택하는 법데이터 준비 2단계지난 시간에는 파이썬 pandas 사용법의 첫 번째 시리즈로 데이터 생성, 로딩 및 저장, 색인 관리하는 법 을 알아보았습니다. 이번 시간에는 DataFrame(데이터 프레임)…더보기
data sciencedata preprocessingPython pandas 데이터 생성, 로딩과 저장, 색인 관리하는 법데이터 준비 1단계지난 시간에는 을 알아보았습니다. Python pandas에서 시리즈(Series)가 1차원 자료 구조라면 데이터 프레임(DataFrame)은 2차원 자료 구조입니다. 2차원이…더보기
data sciencedata preprocessingpandas Series 사용법Series 다루는 법 살펴보기pandas(판다스)는 파이썬의 데이터 분석 라이브러리입니다. pandas는 데이터를 간편하게 처리할 수 있도록 도와줍니다. 엑셀에서 데이터를 행과 열로 다루는 것과 같은 방식으…더보기
data sciencedata collection파이썬 웹 크롤링? 웹 스크래핑 개념과 실습 예제Python 웹 스크래핑 코드로 실습하기업무를 하시다가 우리가 원하는 정보를 깔끔하게 정리해서 결과만 가져오는 도구가 있으면 좋겠다는 생각 해보신 적 있으신가요? 한동안 유행했던 '알아서 잘 딱 깔끔하게 센스있게' 라…더보기
environment setupdevelopment주피터 노트북 환경 설정하기설치, 실행 폴더 변경, 단축키이번 시간에는 주피터 노트북을 설치하는 법과 시작 폴더의 위치를 변경하는 법, 그리고 단축키를 알아보겠습니다. 가이드는 다음과 같습니다. 주피터 노트북 설치를 미리 마쳤고 실행 …더보기
environment setupdevelopment통합 개발 환경(IDE), 텍스트 에디터 인기 순위 (2022년)개발자들이 선택한 IDE 및 텍스트 에디터 비교어떤 통합 개발 환경(IDE) 또는 텍스트 에디터(text editors)를 사용하면 좋을지 고민되시나요? 다른 개발자들은 어떤 프로그램을 사용하는지 궁금하신가요? 저도 궁금해졌…더보기
web developmentreactReact 설치 create-react-app (2022년 기준)React 환경 설정하기이번 시간에는 React 앱을 설치하는 법과 create-react-app 사용법을 알아보겠습니다. React를 시작하기 위해서는 먼저 몇 가지 환경 설정이 필요합니다. 환경…더보기
web developmentreactReact 의미와 장점React는 웹 페이지의 퍼즐 조각을 만든다React는 무엇일까요? React의 의미와 장점에는 또 어떤 것들이 있을까요? React란 한마디로 웹 페이지라는 그림의 퍼즐 조각을 만드는 기술 입니다. 여기서 그림은 웹 …더보기
web developmenthtmlHTML 태그와 요소의 차이태그와 요소는 다르다HTML 태그(tags)와 HTML 요소(elements)는 자주 같은 단어로 사용됩니다. 태그와 요소는 같은 말일까요? 결론부터 말씀드리면 다릅니다. 태그는 요소의 시작과 끝을…더보기
web developmenthtmlHTML 언어 의미와 본질웹 페이지를 만드는 언어 HTML웹 개발을 시작하시거나 웹을 공부하실 때 가장 자주 접하셨던 단어는 아마도 HTML일 것입니다. 그만큼 HTML은 웹을 이루는 가장 기본적인 요소이며 중요한 부분입니다. 하지만 …더보기
natural languagekorean당황, 황당과 다른 당혹당황(?!), 당혹(...), 황당(-_-)'당황하다', '당혹하다', '황당하다'? 비슷해 보이는 이 단어들은 사실 다릅니다. 특히 '황당하다'는 '당황하다', '당혹스럽다'와 많은 차이가 있습니다. 단어들이 어떻게 쓰…더보기
natural languagekorean모욕, 치욕, 굴욕 어감 차이모욕 < 치욕 < 굴욕모욕, 치욕, 굴욕? 비슷해 보이는 이 단어들. 다른 점은 무엇일까요? 결론부터 말하면 모욕, 치욕, 굴욕의 순서로 감정의 세기가 깊어집니다. 모욕보다는 치욕이, 치욕보다는 굴욕…더보기
natural languageenglish영어 약어(abbreviations) 종류와 차이abbreviations vs acronyms vs initialism영어 줄임말을 공부할 때 약어(略語, abbriviations)와 두문자어(頭文字語, acronyms/initialism)라는 용어를 접해보신 경험이 있을 것입니다. 하지만 선뜻…더보기
natural languageenglish삼전도 굴욕으로 공부하는 영어 단어 humiliation굴욕 대신 죽음을. Better death than humiliation.삼전도의 굴욕은 조선의 왕 인조가 병자호란 때 피신했던 남한산성에서 나와 삼전도에서 청나라 태종에게 항복의 예를 갖춘 일을 말합니다. 인조는 삼궤구고두례(三跪九叩頭禮)를 합니다.…더보기
natural languageenglishembarrassed는 당황하다가 아니라 당혹하다내가 다 부끄럽다. I'm secondhand embarrassed.'당황하다'와 '당혹하다'라는 의미를 자주 들어보셨을 것입니다. 두 단어는 유사하지만 실제로는 다른 의미로 사용됩니다. 예를 들어보겠습니다. 중요한 자리에 갔습니다. 그 자리를 …더보기
natural languageenglish죄책감 영어로 말하면? guilt죄책감 콤플렉스. A guilt complex.죄책감을 영어로 말하면 무엇일까요? guilt입니다. <감정 52가지 영어로 공부하기 시리즈>의 두 번째 시간입니다. 지난 시간에는 수치심(shame)을 살펴보았는데요, 이번 시…더보기
natural languageenglish수치(shame) 영어로 표현하는 법부끄러운 줄 알아. Shame on you.수치 또는 수치심은 영어로 shame입니다. 수치심이란 어떤 감정일까요? 또 수치나 수치심을 영어로는 어떻게 표현할까요? <감정 52가지 영어로 공부하기 시리즈>의 첫 번째 시간…더보기
web appdashboard지진 모니터링 상황판 프로젝트MySQL + Express.js + Gatsby + Node.js개요 대한민국의 규모 3.0이상 지진과 전 세계 규모 7.0 이상인 지진 현황(발생 빈도, 진원 깊이, 규모 등)을 차트로 제공하는 대시보드입니다. URL: https://earthquakearchive.kr 사용 기술 언어: JavaScript…더보기
web appdashboard코로나19(COVID-19) 상황판 프로젝트Express.js + React + Node.js (+ ChartJS)개요 코로나19(COVID-19) 확진자 현황을 실시간으로 모니터링하는 상황판입니다. 사용 기술 언어: JavaScript 백엔드: Node 프런트엔드: React 시각화: ChartJS 자료 출처 공공데이터포털 깃허브 주소 버전2: - 버전…더보기