풀스택개발자로 살아남기

전체 글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.

이전 1 2 3 4 ··· 6 다음

티스토리툴바