풀스택개발자로 살아남기

분류 전체보기113

JAVA 핵심정리 동영상 강좌 JAVA 핵심정리 내용으로 동영상으로 제작하였습니다. https://www.youtube.com/watch?v=MbJYVj_jWV8 유튜브·추천 2023. 3. 12.

제이쿼리 11분 동영상 강좌 제이쿼리를 사용하여 셀렉터와 Ajax를 사용한 예제를 다룬 동영상 강좌 11분짜리 입니다. 예제 설명이 있어서 조금 깁니다. https://www.youtube.com/watch?v=dKOmNOR5D7I 유튜브·추천 2023. 3. 5.

자바스크립트 핵심정리 동영상 강좌 9분 자바스크립트 핵심정리 내용을 동영상으로 만들었습니다. 따라하기 힘든 사람을 위해 빠르게 핵심개념만 잡자는 생각으로 제작하였습니다. 다음은 제이쿼리, 그 다음은 자바, 그 다음은 sql 예정입니다. 자바스크립트 빠른강좌 9분짜리 동영상입니다. https://www.youtube.com/watch?v=393aQ8HZU90 유튜브·추천 2023. 3. 2.

CSS 동영상 강좌 6분 꼭 알아야할 CSS내용을 정리해서 유튜브 동영상으로 만들었습니다. https://www.youtube.com/watch?v=5iPK8G1ilUk&t=26s 유튜브·추천 2023. 3. 1.

HTML 동영상 강좌 7분 https://www.youtube.com/watch?v=c6UipjiKlDc 핵심을 최대한 빠르게 전달하고자 동영상으로 제작하였습니다. 음성을 합성해서 블로그와 싱크를 맞춰서 강좌를 만들었습니다. 유튜브·추천 2023. 3. 1.

git · node.js · vscode 설치하기 git은 프로젝트의 버전관리를 위해 사용되고 있으며 페키지관리 및 테스트상황에서 node.js를 필수적으로 사용하고 있다. vscode는 MS에서 무료로 배포되는 ide툴로 다양한 extension을 사용하여 프론트앤드 및 node와 같은 백앤드 개발에 매우 넓게 사용하고 있다. git 설치하기 https://git-scm.com/downloads standalone 64비트 를 선택하여 다운로드 깃 디폴트로 다음을 계속 진행해서 인스톨 맨 마직막에 Launch Git Gash 하고 Finish 하거나 찾기 창에서 git bash를 입력하면 아래와 같이 사용자 정보 등록을 한다. git config --global user.name "이름" git config --global user.email "이메일.. 개발·실습환경 2023. 2. 5.

자바 핵심 요약 유튜브 동영상 링크 https://www.youtube.com/watch?v=MbJYVj_jWV8 자바에서 카멜케이스 적용 소문자로 시작 - 변수, 매서드, 패키지 ex) isFun 대문자로 시작 - 상수, 클래스, 인터페이스 ex) Pi PiClass 주석달기 싱글라인 주석 // This Method is test 멀티라인 주석 /* comment line 1 comment line 2 */ 자료형 자료 유형 byte(1), short(2), int(4), long(8), float(4), double(8), char(2), String, Boolean(1) 상수 선언 초기 선언만 가능하다. 상수는 final 문으로 고정시킨다. final int J = 10; //단 1회만 값을 입력가능 변수 선언 -.. 핵심정리 2023. 2. 1.

CSS 핵심 정리 CSS(Cascading Style Sheets)는 마크업 언어로 작성된 문서의 프레젠테이션을 설명하는 데 사용되는 스타일 언어이다. 본 포스팅에서는 웹개발에서 이 정도는 알아야 된다고 필수 내용만 정리하였다. HTML 문서의 HTML element의 스타일 속성을 사용하여 특정 HTML element에 CSS 스타일을 적용할 수 있다. 인라인 스타일이리고 한다. This text will be blue. 그리고, 링크태그로 외부 CSS 파일을 링크할 수 있다. 배포 CDN을 사용해서 외부자원을 링크할 수 있다. 포지션 position 속성은 기본적으로 컨테이너 안을 기준으로 한다. position: static => 기본값으로 왼쪽에서 오른쪽 위에서 아래쪽으로 쌓인다. position:relative .. 핵심정리 2023. 2. 1.

Javascript 핵심 요약 정리 유튜브링크 : https://www.youtube.com/watch?v=393aQ8HZU90 주석처리 대소문자 구별 및 카멜케이스(소문자로 시작) 사용한다. 주석 // 단일라인 주석 /* 멀티라인1 멀티라인2 */ let(변수) , const(상수) 선언 var가 function-scouped로 전역적으로 hoisting이 일어나서 변수 선언이전에도 해당 변수를 사용할 수 있었으며 여러 문제를 야기한다. var colorCode = "red"; let, const는 block-scoped단위로 hoisting이 일어난다. 앞으로 var대신에 let, const 문으로 변수를 선언한다. let colorCode = "red"; const pi = 3.14; JavaScript의 타입 1. 원시 값 (일반적.. 핵심정리 2023. 2. 1.

HTML 핵심 요약 정리 유튜브 동영상 링크 - https://www.youtube.com/watch?v=c6UipjiKlDc&t=6s HTML은 DOCTYPE 이 최상단에 선언되고 안쪽으로 메타성 정보들 title, meta, link, script, style 태그 등으로 구성되고 안쪽은 콘텐츠 영역으로 div, ul, form, p, a, img 태그 등으로 구성된다. body태그안에는 콘텐츠영역을 구성하기 위해 header, nav, main, footer같은 영역구분 태그도 있다. : 문서가 HTML5 문서임을 선언한다. : 문서의 모든 상대 URL에 대한 기본 URL을 지정하는 데 사용된다. , , ... 태그 , , 태그는 제목을 정의하는 데 사용된다. 6레벨인 까지 있음. 태그는 페이지에서 가장 중요한 제목, 일반.. 핵심정리 2023. 2. 1.

웹페이지 디버깅 크롬브라우저에서 F12키를 누르면 아래와 같이 디버깅 창이 활성화 된다. 붉은색이 메뉴이며 이 메뉴에서 Element는 위 화면처럼 선택한 엘리먼트의 스타일이 어떻게 적용되었는지, 어떤 셀렉터(selector)로 접근해야 하는지등의 정보를 알 수 있고 Console은 자바스크립트를 변수나 객체정보를 확인하거나 오류메시지를 확인할 때 사용한다. console.log(변수나 객체)등으로 확인이 가능하며 debugger;를 자바스크립트 코드상에 넣었을 경우 그 라인에서 디버그모드로 들어간다. Source는 이 페이지의 소스가 어떤건지, 어느 시점에서 디버그를 위해 브레이크포인트를 걸 지등에 사용한다. 내가 작업한 js파일을 찾아 오류난 부분이나 확인할 곳에 breakpoint를 걸고(라인넘버를 클릭하면 걸림).. 프론트앤드 2023. 1. 31.

QGIS 다운로드와 설치 QGIS는 공간정보에서 사용하는 SHP(SHAPE), GDB등의 파일을 확인할 수 있으며, 공간데이터를 필터하거나 분석하는 용도로 사용할 수 있다. 데이터를 파일이나 공간DB에서 불러올 수 있고 저장할 수도 있다. 오픈소스이며 파이썬과 연동해서 강력하게 사용하기도 한다. QGIS설치하기 https://qgis.org/ko/site/forusers/download.html QGIS 다운로드 여러 가지 유명한 GNU/Linux 바이너리 패키지(rpm 및 deb)나 (사용자의 설치관리자에 추가할) 소프트웨어 저장소에 있습니다. 아래에서 사용자의 distro를 선택해 주십시오: 리눅스 설치 지침 qgis.org 파일사이즈가 크기때문에 시간이 걸린다. QGIS로 공간정보데이터를 확인하고 좌표계를 점건한 뒤 공간D.. 개발·실습환경 2023. 1. 31.

재해위험지구 웹사이트 크롤링 - 크롬드라이버 사용 재해위험지구관련 데이터를 가져오기 위해 만든 크롤링 소스로 크롬드라이버를 사용하였음. 1페이지부터 72페이지를 순환하면서 페이지 셀렉터를 클릭하고 각 지구, 지역, 유형, 날짜드의 값 목록 10개를 셀렉팅해서 리스트에 채우고 판다스 데이터프레임에 담고 최종 csv로 리턴하는 소스임. 크롬드라이버 위치 - D:/chromedriver/chromedriver.exe import requests from selenium import webdriver from time import sleep import pandas as pd url = 'https://www.safekorea.go.kr/idsiSFK/neo/sfk/cs/sfc/fcl/riskUserList.html?menuSeq=314' path = 'D:/.. 백앤드·배치App 2023. 1. 28.

자바스크립트 네임스페이스 패턴 개인적으로 현재 주된 운영환경이 리액트나 뷰js를 사용하지 않는 환경으로 주로 네임스펭스 패턴으로 페이지마다 클래스를 만들어 사용하고 있는데 개인적으로 심플하고 이해하기 쉬워서 예제처럼 틀에 맞춰서 잘 사용하고 있다. javascript 에서 함수 혹은 변수객체를 다룰때 중복된 name 사용으로 인한 문제를 방지하기 위해 주로 namespace 방법이 사용된다. 이는 global 영역에 객체 고유의 영역을 지정하고 변수와 함수 할당을 해당 namespace 하위로 두게 하여 중복된 name 으로 인한 오류를 피하는 방법이다. 각 페이지마다 매개변수로 window객체와 document객체를 받는 즉시실행함수를 선언하고 (function(W,D){ .. }(window,document)); 그 안에 네임스페.. 프론트앤드 2023. 1. 28.

postgresql에서 교차영역의 면적 구하기 걸쳐진 영역을 찾아서 교차영역의 면적만 계산한다. ST_Area(공간필드) : 면적을 구하는 함수 ST_INTERSECTION(공간필드1, 공간필드2) : 두개의 영역이 겹치는 교집합을 리턴 ST_Overlaps(공간필드1, 공간필드2) : 두개의 영역이 겹치는지 여부 select ST_Area(ST_INTERSECTION(geometrya, geometryb)) from table_name WHERE ST_Overlaps(geometrya, geometryb); GIS 2023. 1. 28.

postgresql에 좌표계 추가하기 좌표가 없는 경우에 좌표계를 추가 -- GRS80 타원체의 UTM-K 직각 좌표계 INSERT INTO spatial_ref_sys(srid, auth_name, auth_srid, srtext, proj4text) VALUES (5179, 'EPSG', 5179, 'PROJCS["Korea 2000 / Unified CS",GEOGCS["Korea 2000",DATUM["Geocentric_datum_of_Korea",SPHEROID["GRS 1980",6378137,298.257222101,AUTHORITY["EPSG","7019"]],TOWGS84[0,0,0,0,0,0,0],AUTHORITY["EPSG","6737"]],PRIMEM["Greenwich",0,AUTHORITY["EPSG","8901".. GIS 2023. 1. 28.

data.go.kr에서 버스정류장 정보 가져오기 예제 버스정류장 정보를 가져올 일이 있어서 data.go.kr에 가입하고 해당 정보 사용 신청후 서비스용키를 받아서 간단히 구현하였다. 전국 시도, 시군구 코드를 미리 배열로 만들어 순차 대입해서 csv파일로 저장했다. 필요한 라이브러리를 임포트하고 import requests import json import csv response = requests.get(url) data = response.json() request 객체를 사용해서 url로 정보를 가져와 response로 저장하고 json()매서드로 json데이터를 받아서 원하는 위치의 데이터를 잘라내어 csv로 전환한다. import requests import json import csv all_links = [ '12', '22', '23', '.. 백앤드·배치App 2023. 1. 27.

PYTHON 기초 정리 파이썬기초를 한 포스팅으로 정리하였습니다. 간단한 예제를 열심히 만들어서 따라 해보도록 블로그에 게시할 예정입니다. 예제로 배워보는 게 최선이라 생각합니다. PYTHON 자료형 Numbers (int, float, complex) Strings Lists Tuples Dictionaries Sets Boolean None 변수선언 시 제약사항 1 변수 이름은 문자 또는 밑줄(_)로 시작해야 하며 문자, 숫자 및 밑줄만 포함할 수 있다. Python 키워드가 될 수 없다. 2. 파이썬은 스네이크_케이스라는 명명 규칙을 가지고 있는데, 이는 변수가 소문자로 작성되어야 하고 단어는 `_'로 구분되어야 한다. `age_of_person` 3. 루프 변수 및 임시 변수를 제외한 단일 문자(i, a, b, c)는 .. 핵심정리 2023. 1. 27.

추천링크 >> 코딩알려주는누나 > HTML , CSS 강의, REACT 강의 https://www.youtube.com/watch?v=CpUmhGdUHEA 코딩알려주는누나 HTML https://www.youtube.com/watch?v=sZXr_4fmz5o 코딩알려주는누나 CSS https://www.youtube.com/watch?v=NcI-WJSWdv8 코딩알려주는 누나 JAVSCRIPT https://www.youtube.com/watch?v=MeZ3FCTub3I 코딩알려주는 누나 REACT 강사출신이라 강의를 잘하네요. 집중하기 좋은 목소리톤으로 핵심도 잘 정리해서 강의합니다. 사람마다 귀에 착 감겨서 듣기 좋은 분에게는 강사님의 유료강의도 추천합니다. 눈으로만 보면 안되고 따라 해봐야 합니다. 유튜브·추천 2023. 1. 27.

추천링크 >> 코딩애플 > 깃 , 리액트 https://www.youtube.com/watch?v=sly2u8BIi9E https://www.youtube.com/watch?v=nahwuaXmgt8&list=PLfLgtT94nNq1e6tr4sm2eH6ZZC2jcqGOy&index=2 말이 빠른데 쏙쏙 들리는 독특한 화법을 가지고 있으며 핵심을 골라서 설명을 정말 잘하네요. 동영상이 지루하기 쉬운데 이 분 강좌는 듣다보면 오프라인 강좌보다 더 집중이 되는 분들이 있을 것 같습니다. 유료강좌도 들어보면 갠찮은 게 많아보여요. 유튜브·추천 2023. 1. 27.

파이썬 & 아나콘다 설치 아나콘다 다운로드 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.

이전 1 2 3 4 다음

티스토리툴바