전체 글

자바스크립트 - setTimeout, setInterval

setTimeout, setInterval setTimeout 일정 시간이 지난 후 함수 실행 setTimeout(함수, 시간ms) setTimeout(함수, 1000) 1초 후 함수실행 setTimeout(함수, 시간ms, 인수) setTimeout(함수, 1000, 'abc') 1초 후 함수에 'abc'를 인수로 넘기고 실행 const tID = setTimeout(함수, 시간ms, 인수) tID를 반환함. clearTimeout(tID); tID를 이용하여 스케줄링 취소 setInterval 일정 시간 대기하며 계속 함수 반복 실행 setInterval(함수, 시간ms) setInterval(함수, 1000) 1초 후 함수실행 setInterval(함수, 시간ms, 인수) setInterval(함수..

자바스크립트 - 클로저 (closure)

클로저 (closure) 클로저는 함수와 Lexcial 환경의 조합이다. 함수가 생성될 때의 외부 변수를 기억하는 것이다. 생성 후에도 그 변수에 접근 가능하다. 자바스크립트는 변수에 함수를 담을 수 있다는 것을 알 것이다. const x = sub(5); 그런데 그 함수의 반환값이 익명함수라면? x라는 변수에 익명함수가 저장되며, 인수로 넘긴 5는 sub 함수의 내부 Lexical 환경에 등록된다. (a=5) x함수를 호출했을 경우 x함수 안에 a란 변수는 없으므로 sub 함수의 내부 Lexical 환경에서 참조해온다. function sub(a){ → 5)a=5를 가져옴 return function(b){ → 3)b=10으로 인자를 받음 return a-b; → 4)a가 없으니 상위 함수에서 참조해옴..

자바스크립트 - 진수 변환, Math 라이브러리

변환 toString() 숫자를 문자열로 변환한다. (진수 변환 가능) let a = 10; a.toString(); 10 → "10" a.toString(2); 10 → "1010" a.toString(255); 16 → "ff" parseInt() 숫자+문자열 형태를 숫자만 뽑아서 반환 (진수 변환 가능) let b = "100cm"; parseInt(b); 100 Number(b); NaN let c = "f1"; parseInt(c); NaN parseInt(c, 2); 2진수로 변환 parseInt(c, 16); 16진수로 변환 parseFloat() 숫자+문자열 형태를 (소수점 포함한) 숫자만 뽑아서 반환 (진수 변환 가능) let b = "100.5cm"; parseFloat(b); 100...

자바스크립트 - 심볼

심볼 (Symbol) 유일성을 보장하는 식별자 원본 객체 건드리지 않고 새 프로퍼티/메소드 추가해야하는 경우에 사용할 수 있다. const a = Symbol(); const b = Symbol('bob'); 설명 붙여주기 b.description; 심볼 id값 가져오기 const user = { name : "bob", age : 10, [id] : 'id' 심볼로 만든 키를 가진 프로퍼티 } Object.keys(user); ['name','age'] 심볼은 보이지 않는다. Object.getOwnPropertySymbols(user); 심볼만 보여준다. Relfect.ownKeys(user); 심볼 포함하여 모든 키 보여준다. 전역 심볼 Symbol.for() 전역 심볼 : 반드시 하나의 심볼만 보..

자바스크립트 - 배열

배열 (Array) 배열에는 숫자, 문자열, 객체, 함수 모두 포함가능함. 자바스크립트에서 배열은 객체로 인식된다. let stduents = ['짱구','철수','훈이','맹구','유리']; # 접근 방법 stduents[0]; (짱구) stduents[1]; (철수) stduents[2]; (훈이) stduents[3]; (맹구) stduents[4]; (유리) # 수정 방법 stduents[0] = "액션가면" stduents[1] = "흰둥이" # 추가 방법 stduents.push('값') # 배열 맨끝에 값 추가 stduents.push('값1','값2') # 배열 맨끝에 여러 값 추가 stduents.unshift('값') # 배열 맨앞에 값 추가 stduents.unshift('값1','값..

자바스크립트 - 객체

객체 (Object) const student={ name='bob', age=10, } # 접근 방법 student.name student['age'] student['hobby'] # undefined 반환 # 존재 확인 방법 'hobby' in student # boolean(true/false) 반환 # 추가 방법 student.name = 'sam' student['age'] = 15 # 삭제 방법 delete student.age delete student['age'] 반복 const student={ name='bob', age=10, } # for in 문 : 객체의 key값을 차례로 반환 for(key in studnet){ console.log(studnet[key]) } 'bob' 1..

자바스크립트 - 함수

함수 함수 선언문 자바스크립트는 코드 실행 전 초기화 단계에서 미리 함수 선언문을 모두 찾아서 선언+초기화한다. 그래서 함수 호출이 선언보다 앞에 와도 미리 찾아둔 함수 선언문을 보고 호출 가능하다. (호이스팅) function show(val){ console.log(val); } show('hi'); 'hi' show('bye'); 'bye' # return 명시하지 않아도 자동으로 return 들어감 # return 값이 없으면 undefined 반환 function show(){ console.log('hihi'); } a = showSomething(); console.log(a); 'undefined' # 매개변수 디폴트 값 (매개변수 없을때 기본값으로 들어감) function show(val..

자바스크립트 - 기본문법

입출력 사용자에게 입력받기 const val = prompt("입력해주세요") "입력해주세요" 문구 출력 비어있는 사용자 입력창 (취소/확인) 1. 취소 선택시 null 반환 2. 확인 선택시 입력창 내용 문자형으로 반환 const val = prompt("입력해주세요", "abc") "입력해주세요" 문구 출력 "abc"가 들어있는 사용자 입력창 (취소/확인) 사용자에게 확인받기 const val = confirm("선택하시겠습니까?") "선택하시겠습니까?" 문구 출력 (취소/확인) 1. 취소 선택시 false 반환 2. 확인 선택시 true 반환 사용자에게 경고창 보여주기 const val = alert("경고") "경고" 문구 출력 (확인) 콘솔창에 내용 출력 console.log("출력 내용") "..

HTML - form 태그

태그 폼 이란 사용자 아이디/패스워드 같은 정보를 입력받을 때 사용된다. 태그 안에 , 등의 여러 입력칸을 작성하여 입력 폼 만들기 여러 폼 요소 속성 method : 사용자가 입력한 내용을 서버 쪽 프로그램으로 어떻게 넘겨 줄 지 지정 - get : 입력길이 제한있음, 주소 표시줄에 내용드러남 - post : 입력길이 제한없음, 주소 표시줄에 내용안드러남 name : JS로 폼 제어 시 사용할 이름 actiotn : form 태그 안의 내용 처리할 서버 프로그램 지정 target : action 속성에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록 함 autocoplete : 자동 완성 기능 (default=on) / 중요한 정보 입력은 off해줘야 함 예시 ... , 태그 폼 요소를 ..

2021.08.12 사는 이야기

정말 오랜만에 블로그 포스팅을 한다. 개인 Confluence를 만들고 나서 거기에 계속 글을 쓰다보니 비교적 블로그에 소홀해졌다... 아무래도 Confluence는 APP이 있어서 쓰기가 편하다. 거기에 엄청나게 포스팅을 많이했지만 나 혼자만의 세상에 갇혀서는 안되고, 이 블로그는 취업용 포트폴리오 겸으로 링크를 올릴거라 다시 열심히 포스팅할 예정이다. 최근 1~2달은 파이썬에 꽂혀서 라이브러리 찾고 정리하고.. 미니 프로젝트하고 회사에서 써먹었다. 라이브러리들은 나중에 천천히 하나씩 블로그에 포스팅 예정이다. 내가 천재가 아닌이상 대중적이면서 수요가 많은 걸 해야 먹고살 수 있다... 파이썬 너무너무 편하고 강력하고 쓰면 쓸 수록 매력적이지만. 이제 정도껏 하고 취업을 위해 다시 HTML/자바스크립트..

파이썬(python) 라이브러리 - sphinx (docstirng 자동 문서화)

python 코드 내에 작성한 docstirng을 자동으로 문서화 해주는 아주 강력한 라이브러리다. def 함수명(): ''' 내용 ''' → 주석안에 특정 규칙에 맞게 작성해둔 docstring을 파싱한다. 예시 아래 예시는 Goolge Style 의 docstring 이다. (Napoleon 이라는 확장을 사용하여 파싱해야 함) 기본 docstring 형태는 알아서 찾아보도록.. 나는 개인적으로 Google Style이 가독성이 좋아서 선호한다. def convert_worksheet_to_df(workbook, sheet_name=['Sheet'], include_index=False, include_column=False): """ Excel 파일에서 원하는 Sheet를 지정해 list(Dataf..

파이썬 온라인 컴파일러 (trinket.io)

trinket 이란? Trinket을 사용하면 모든 브라우저, 모든 장치에서 코드를 실행하고 작성할 수 있습니다. 로그인하거나 플러그인을 다운로드하거나 소프트웨어를 설치할 필요없이 즉시 작동합니다. 완료되면 변경 사항과 함께 코드를 쉽게 공유하거나 포함 할 수 있습니다. trinket은 무료이고, 임베디드 링크를 통해 자신의 웹 사이트에 게시가 가능하다. 심지어 Publish(배포)하여 APP 처럼 사용할 수도 있다. (배포하면 URL 생김) 가격 Plan 무료 버전으로도 충분하다 ! Java를 쓰려면 업그레이드 필요한 것 같다. 기능 Email : 온라인 IDE URL 주소와 Embed 주소를 보낸다. 네모 박스를 클릭하면 해당 주소로 접속한다. 소스 코드도 볼 수 있고 직접 실행도 가능하다. Link..

프로젝트 관리 방법론

프로젝트 관리 방법론 방법론 방법론이란 어떤 철학/방법으로 프로젝트를 관리할 것인가를 말하는 것이다. 워터풀(waterfall) 이전 단계가 진행완료되면 다음 단계가 진행되는 순차적인 방식 에자일 방법론 이전의 전통적인 방식이다. 에자일(Agile) ★ 프로세스를 유연하고 변화에 빠르게 적응할 수 있도록 짧은 주기의 개발단위를 반복시켜서 전체를 완성시켜 나감. 변화에 빠른 적응을 위해 우선순위 시스템 채택 아래의 주요 3가지에 기반한다. - 고객 중심 - 반복 (작지만 점진적 발전) - 진행 전 검증/테스트 린(Lean) 고객 가치 극대화하면서 8가지 낭비를 최소화 → Wait, Defect, Transport, Movement, Excess Inventory, Excess production, Unne..

Jira 사용법 - 팀에서 관리하는 프로젝트

팀에서 관리하는 프로젝트 Jira 지라 사용법 잡소리 내가 있는 부서는 2~30년 된 인프라 부서고, SW개발과 접점이 없는 직원들이 대다수다. 아래와 같은 이유로 지금까지도 문서 작성, 일정 관리 등의 모든 업무가 Excel/PPT 로만 진행 되고있다. 11001.tistory.com 프로젝트 생성 프로젝트 템플릿 소프트웨어 칸반 데드라인 없이 계속해서 진행되며 화이트보드에 백로그들을 현재 Step에 맞는 위치에 붙였다 뗐다 하며 진행됨 스크럼 일정 기간(1-4 weeks) 동안 진행되는 스프린트를 반복적으로 수행하며 진행됨 전체 백로그 중 이번 스프린트 동안 수행할 백로그 선정하여 진행하는 방식 아래는 스크럼에서 사용되는 용어이다. 용어 설명 스프린트 정해진 기간 동안 진행되는 반복적인 개발 주기 백..

Jira 사용법 - 회사에서 관리하는 프로젝트

회사에서 관리하는 프로젝트 Jira 지라 사용법 잡소리 내가 있는 부서는 2~30년 된 인프라 부서고, SW개발과 접점이 없는 직원들이 대다수다. 아래와 같은 이유로 지금까지도 문서 작성, 일정 관리 등의 모든 업무가 Excel/PPT 로만 진행 되고있다. 11001.tistory.com 결론부터 말하자면, 프로젝트는 회사/팀 관리에 따라 기능이 상당히 달라진다. (매우 중요) 템플릿은 어떤 것으로 만들어도 크게 의미 없다. 칸반/스크럼 어떤 것으로 만들어도 나중에 사용자 설정이 가능하니 걱정할 필요없다. 프로젝트 생성 프로젝트 템플릿 소프트웨어 개발 프로젝트 관리 목적으로 사용된다. 작업 관리 일반적인 사무용/개인용 일정관리 목적으로 사용된다. Trello, notion 같은 앱과 거의 유사한 것을 찾..