전체 글113 파이썬 & 아나콘다 설치 아나콘다 다운로드 https://www.anaconda.com/products/distribution Anaconda | Anaconda Distribution Anaconda's open-source Distribution is the easiest way to perform Python/R data science and machine learning on a single machine. www.anaconda.com 아나콘다 설치 pycharm 다운로드 커뮤니티 버전을 사용한다. https://www.jetbrains.com/pycharm/download/#section=windows Download PyCharm: Python IDE for Professional Developers by JetBr.. 개발·실습환경 2023. 1. 27. 추천링크 >> 코딩앙마 > 자바스크립트 기초 강좌 : 100분 완성 https://www.youtube.com/watch?v=KF6t61yuPCY&t=1510s 코딩앙마 - 자바스크립트 기초강좌 : 100분 완성 핵심내용만 정리된 동영상이 있어서 추천합니다. 이 정도 내용만 이해하고 반복숙지하면 개발에 전혀 문제가 없어 보입니다. 프로그램 기본언어요소는 많지 않습니다. 결국 데이터구조를 얼마나 자신의 생각대로 자유자재로 다뤄서 웹등의 인터페이스에 표현하느냐가 중요합니다. https://www.youtube.com/watch?v=4_WLS9Lj6n4&t=5481s 코딩앙마-자바스크립트 중급 강좌 : 140분 완성 중급강좌라서 저도 모르는 내용이 많네요. 군더더기없이 학습에 도움이 될 겁니다. 반복해서 따라하면서 요약해서 문서로 정리하다보면 기억에 오래남을 겁니다. 코딩은 .. 유튜브·추천 2023. 1. 27. POSTGRESQL 11 다운로드 및 설치 실습용으로 윈도우버전을 사용하며, 윈도우에서는 튜닝옵션제한이 있어서 서비스용으로는 어렵다. 웹서비스용이 아닌 수십기가이상의 대용량의 데이터를 조인하거나 할 때는 work_mem 설정값을 32기가이상으로 최대한 올려줘야 한다. OLTP서비용으로도 성능설정이 필요할 때가 있다. 이때는 리눅스버전을 설치해야 한다. 일반적인 개발할 때는 설정조정없이도 잘 동작한다. ■ POSTGRESQL 다운로드 타버전에 인스톨이 안되는 경우가 많아 링크 9.X버전은 구버전으로 변경사항이 많아 10버전 이상으로 설치 최신버전이 아니어도 됨. https://get.enterprisedb.com/postgresql/postgresql-11.2-1-windows-x64.exe ■ POSTGRESQL 설치화면 패스워드 잊지 말길 기본.. 개발·실습환경 2023. 1. 27. jsfiddle.net에서 html css javascript 테스트 실습이 필요 해보이는 html, javascript에 jsfiddle을 연결시켜 두었습니다. 포스팅에서 소스와 함께 아래와 같이 보이는 JSFiddle 바로가기를 클릭하시면 창이 뜨면서 실습이 가능합니다. 서비스를 주로 api형태로 개발하고 프레임웍기반으로 단순화되면서 사용자 다양성에 맞춘 비지니스 모델이 생성되는 프론트앤드 파트의 업무가 훨씬 많아졌다. 서버사이드 랜더링이 최소화된 상황에서 프론트앤드가 분리되어 개발이 가능해졌고 이에 따라 온라인 실습환경이 많아졌다. 그 중에 jsfiddle이 좋아 보여서 추천한다. jsfiddle.net에서 테스트 https://jsfiddle.net/ html, css, javascript영역에 해당 코드를 작성하고 좌측 상단의 Run을 실행하면 테스트가 가능하다... 개발·실습환경 2023. 1. 26. postgis 공간 SQL 제가 사용하는 공간 쿼리는 특정 사업에 관여된거라 공식문서를 참조하여 올립니다. postgis는 설치했는데 공간필드를 생성할 수 없는 경우 sql창이 psql 프롬프트에서 다음과 같이 extension을 생성해야 합니다. 마지막으로 select postgis_full_version(); 버전을 확인하면 됩니다. create extension postgis; create extension postgis_topology; select postgis_full_version(); 공간함수에는 많은 종류가 있으나 그 동안 작업에서는 st_area(면적계산), st_contains(포함관계), st_intersects(교차관계)을 주로 많이 사용했습니다. 그 외에도 데이터작업 시에는 st_makevalid, st_.. GIS 2023. 1. 26. 리눅스에서 텍스트파일 라인수 확인하기 cat total.txt | wc -l wc명령어는 해당 파일의 단어 수를 세어주는 명령어이다. cat으로 파일을 불러오고 불러온 파일을 '|' 파이프를 사용해서 자식 프로세스로 워드카운트 wc -l 라인 옵션을 실행시키면 라인을 세어주게 된다. 실무·운영 팁 2023. 1. 26. 한국 주요 좌표계 EPSG코드 및 PROJ4 인자 정리 좌표는 공간정보에서 제일 중요한 요소입니다. 공간정보는 점, 선, 면(point, line, polygon)등의 요소로 구성되지만 어디에 있느냐가 중요합니다. 어디를 결정하는 것은 좌표계입니다. 포털사이트도 기관들도 다른 좌표계를 사용하는 경우가 많습니다. 이 경우 좌표계를 알아야 상호 맞출 수 있습니다. 경우에 따라서는 몇미터에서 몇백미터 오차가나서 나중에 큰 문제가 발생할 수 있습니다. 좌표계는 변환 후 오차가 나는지 반드시 확인해야 합니다. 다음은 한국에서 사용하는 주요 좌표계입니다. 개발시에는 EPSG코드를 주로 사용하여 자신의 사이트에 사용하는 EPSG코드들은 외어야 합니다. 한국 주요 좌표계 EPSG코드 및 PROJ4 인자 정리 출처 : OSGeo(Open Source GeoSpatial) 한.. GIS 2023. 1. 26. 크론탭 수정권한 부여하기 crontab –e 명령 수행하던 중에 crontab: you are not authorized to use cron. Sorry. 혹은 crontab: 귀하는 cron 사용 권한이 없습니다. 라는 에러가 뜨는 경우 [ root권한으로 ] LINUX /etc/cron.allow 에 로그인ID를 기록 실무·운영 팁 2023. 1. 26. 리눅스에서 특정 프로세스를 찾아 죽이기 sudo kill -9 $(pgrep -f `찾고자하는 프로그램`) kill -9 명령어는 프로세스를 죽이는 명령어이다. pgrep 은 ps와 grep을 합친 명령어로 pgrep -f 프로세스명 : 프로세스를 찾는다. 실무·운영 팁 2023. 1. 26. React 기초 정리 React는 사용자 인터페이스를 구축하기 위한 자바스크립트 라이브러리이다. 페이스북에 의해 개발되었으며 일반적으로 싱글 페이지 애플리케이션(SPA)을 구축하는 데 사용되며, 개발자들이 웹 페이지의 상태를 효율적이고 효과적으로 구축하고 관리할 수 있게 한다. ○ 재사용을 위한 컴포넌트 기반의 개발: React는 복잡한 UI 요소를 만들기 위해 쉽게 구성할 수 있는 재사용 가능한 컴포넌트기반으로 개발한다. ○ Virtual DOM: 컴포넌트의 상태가 변경되면 React는 먼저 가상 DOM을 업데이트한 다음 최소한의 비용으로 실제 DOM을 업데이트한다. ○ 단방향 데이터 흐름: 응답은 데이터가 부모 컴포넌트에서 속성을 통해 자식 컴포넌트로 전달된다. ○ 서버사이드 랜더링: 웹 애플리케이션의 성능과 SEO를 향.. 핵심정리 2023. 1. 26. jQuery 핵심 정리 유튜브 동영상 링크 - https://www.youtube.com/watch?v=dKOmNOR5D7I jQuery는 HTML 문서 작업 프로세스를 간소화하는 자바스크립트 라이브러리이며, jQuery 셀렉터는 DOM(Document Object Model)에서 요소를 선택하고 이에 대한 작업을 수행할 수 있다. REACT VIEW등의 등장으로 사용성이 거의 사라졌지만 레거시 사이트에서 사용하는 경우가 있어서 알아두면 매우 편하게 페이지를 개발할 수 있다. 본 포스팅의 내용정도만 이해하면 개발하는데 문제가 없다. jQuery 셀렉터를 사용하여 태그 이름, 클래스 또는 ID를 기준으로 요소를 선택한 다음 jQuery 메서드를 사용하여 선택한 요소에 대해 작업을 수행할 수 있다. jQuery 셀레터만 알아도 절.. 핵심정리 2023. 1. 25. 스프링으로 웹개발 기초 초창기 자바 웹개발에서는 jsp도 없었고 서블릿 클래스만 있었다. 클래스로 개발자가 직접 웹브라우저 요청을 받아 처리하고 리턴할 스트림을 만들어야 했다. jsp가 나왔지만 이 역시 내부적으로는 서블릿클래스로 컴파일되어 서비스되는 것이다. 모델2라는 아키텍쳐가 나오면서 모델과 서비스를 분리하고 개발하기 시작했다. 프레임웍이라는 개념이 도입되면서 여러 프레임웍이 경쟁하다 살아남은게 스프링이다. 스프링 기반 MVC아키텍쳐로 개발자가 직접 서블릿코드를 만들어내지 않고 콘트롤러와 서비스와 뷰에 집중하여 개발하면 , 스프링이 설정을 통해 조합해서 특정 경로로 요청하면 해당 콘트롤러가 실행되면서 서블릿으로 서비스를 하게 된다. 스프링에서 지원하는 자동화 설정에 따라 DB정보, SQL매핑쿼리, 공통설정을 해 놓고 @어.. 핵심정리 2023. 1. 25. SQL 기초 정리 by postgres 쿼리는 postgres를 기준으로 작성되었습니다. DBMS마다 다른 부분이 존재하나 기본적인 골격을 이해하면 적응하는데 크게 이슈가 없습니다. 시간이 되면 maria db, sqlLite 버전도 만들어 볼 예정입니다. 전체적으로 직원, 부서, 고객, 매출 테이블을 기반으로 구성되어 있고, 꾸준히 샘플데이터를 넣어서 테스트해보면서 쿼리를 심화해서 이 포스팅을 갱신할 예정입니다. 포스트그레스 SQL 설치 https://itcamp24.tistory.com/190 POSTGRESQL 11 다운로드 및 설치 실습용으로 윈도우버전을 사용하며, 윈도우에서는 튜닝옵션제한이 있어서 서비스용으로는 어렵다. 웹서비스용이 아닌 수십기가이상의 대용량의 데이터를 조인하거나 할 때는 work_mem 설정값을 itcamp24.ti.. 핵심정리 2023. 1. 25. postgresql 메타 정보 조회 테이블목록을 조회하고 컬럼리스틀 조회하고 논리명을 조회하는 쿼리 -- 테이블 목록 조회 SELECT RELNAME AS TABLE_NAME FROM PG_STAT_USER_TABLES; -- 컬럼 목록 조회 SELECT * FROM INFORMATION_SCHEMA.COLUMNS WHERE TABLE_CATALOG = '데이터베이스명' AND TABLE_NAME = '테이블명' ORDER BY ORDINAL_POSITION; -- 기본키 조회 SELECT CC.COLUMN_NAME AS COLUMN_NAME FROM INFORMATION_SCHEMA.TABLE_CONSTRAINTS TC ,INFORMATION_SCHEMA.CONSTRAINT_COLUMN_USAGE CC WHERE TC.TABLE_CATA.. 실무·운영 팁 2023. 1. 25. CSS(Cascading Style Sheets) CSS(Cascading Style Sheets)는 마크업 언어로 작성된 문서의 프레젠테이션을 설명하는 데 사용되는 스타일 언어이다. CSS를 사용하려면 스타일시트를 작성하고 HTML 문서에 연결해야 한다. 스타일은 규칙으로 정의되며, 규칙을 적용할 element를 지정하는 선택기와 선택한 element의 스타일을 정의하는 하나 이상의 선언이 있다. CSS 규칙의 기본 구문은 다음과 같다. selector { property: value; property: value; ... } HTML 문서의 HTML element의 스타일 속성을 사용하여 특정 HTML element에 CSS 스타일을 적용할 수 있다. This text will be blue. 개발자가 직접 디자인하기에는 한계가 있다. 디자인을 의뢰.. CSS 2023. 1. 25. font style CSS에서 글꼴 스타일 속성을 사용하여 텍스트의 글꼴 스타일을 제어할 수 있다. 글꼴 스타일 속성은 글꼴을 기울임꼴 또는 사선으로 설정하는 데 사용된다. p { font-style: italic; } 이렇게 하면 태그 내의 모든 텍스트가 기울임꼴이 된다. 글꼴 가중치 속성을 사용하여 텍스트의 굵기를 제어할 수도 있다 또한 태그 내의 모든 텍스트가 20px로 지정할 수 있다. p { font-weight: bold; } p { font-size: 20px; } 글꼴 패밀리 속성은 텍스트에 대한 글꼴 패밀리를 설정하는 데 사용된다. p { font-family: Arial, sans-serif; } 이것은 태그 Arial 글꼴 내의 모든 텍스트를 만들 것이다. 또한 @font-face 규칙을 사용하여 서버에.. CSS 2023. 1. 25. 상대위치 , 절대위치 CSS에서 위치 속성은 웹 페이지에서 element의 레이아웃과 위치를 제어하는 데 사용된다. 위치 속성은 다음 네 가지 가능한 값 중 하나를 가질 수 있다: static: 기본값이며, 문서의 정상적인 흐름에 따라 element가 배치됨을 의미한다. relative: element는 정상 위치에 상대적으로 배치되며, 위쪽, 오른쪽, 아래쪽 및 왼쪽 특성을 사용하여 위치를 조정할 수 있습다. [Example] element는 20px 오른쪽으로 이동하고 10px 정상 위치에서 아래로 이동한다. p { position: relative; left: 20px; top: 10px; } absolute: element는 가장 가까운 위치에 있는 상위 항목에 상대적으로 배치되지만(고정된 것처럼 뷰포트에 상대적으로 .. CSS 2023. 1. 25. z-index CSS에서 z-index 속성은 element의 적층 순서를 제어하는 데 사용된다. 키보드 탭키를 사용할 때 이동순서이기도 하다. 인덱스가 높은 element는 z 인덱스가 낮은 element 앞에 나타난다. z-index 속성은 정적이 아닌 위치 값을 가진 element에만 적용할 수 있다. 즉, 절대, 상대 또는 고정 값의 element는 z-인덱스를 가질 수 있다. 예를 들어, 한 페이지에 두 개의 element가 있고 한 element가 다른 element 앞에 나타나도록 하려면 z-index 속성을 사용하여 쌓기 순서를 제어할 수 있다. [Example] #element1 { position: absolute; z-index: 1; } #element2 { position: absolute; z.. CSS 2023. 1. 25. width와 height , 마진과 패딩 width와 height CSS에서 width와 height 속성은 element의 크기를 제어하는 데 사용된다. width는 element의 너비를 설정하는 데 사용됩니다. 값은 픽셀(px), 백분율(%) 또는 기타 단위로 지정할 수 있다. p { width: 500px; } element의 폭이 상위 컨테이너의 80%로 설정된다. p { width: 80%; } 높이는 element의 높이를 설정하는 데 사용됩니다. 값은 픽셀(px), 백분율(%) 또는 기타 단위로 지정할 수 있다. p { height: 200px; } element의 높이가 상위 컨테이너의 50%로 설정된다. p { height: 50%; } 너비 및 높이 특성에는 패딩, 테두리 또는 여백이 포함되지 않는다. element의 전체 .. CSS 2023. 1. 25. div 스타일 HTML의 element는 다른 element를 함께 그룹화하고 스타일을 적용하는 데 사용할 수 있는 컨테이너 element이다. CSS에서 element 선택기를 사용하여 element를 선택하고 스타일을 적용할 수 있다. 예를 들어, ID가 "컨테이너"인 element가 있고 배경색을 파란색으로 지정하고 너비를 500픽셀로 지정한다고 가정해 보면 다음 CSS를 사용할 수 있다: #container { background-color: blue; width: 500px; } 클래스 셀렉터를 사용하여 동일한 클래스를 가진 여러 div에 스타일을 적용할 수도 있다. .box { background-color: blue; width: 500px; } "box" 클래스가 있는 모든 div에 스타일이 적용된다 e.. CSS 2023. 1. 25. 이전 1 2 3 4 5 6 다음 반응형
