코딩 196

[JS-중급편-이벤트] 4. 코드 실행의 최적시간

자바스크립트를 작성하다 보면 어떻게 하면 코드가 원하는 시간에 딱 맞게 실행되도록 하는 게 중요합니다. 페이지 하단에 코드를 배치하고 나서 페이지가 로드되면 모든 게 끝이 아닙니다. 때로는 페이지가 로드되기 전에 특정 코드가 실행되지 않도록 해야 될 때도 있고, 때로는 페이지 상단에 코드를 넣는 경우도 있습니다. 페이지 로드 중 발생하는 문제 링크를 클릭하거나 또는 브라우저에서 URL을 입력한 후 Enter 키를 누르면 이 때 페이지가 로드됩니다. 보통은 페이지 완료까지 걸리는 시간은 매우 짧습니다. 페이지 로드와 페이지 로드 사이의 짧은 시간 동안 우리가 모르는 컴퓨터 관련 작업이 많이 발생합니다. 여기서 중요하게 봐야할 점은 HTML 페이지에 있는 모든 자바스크립트 코드가 실행된다는 것입니다. 코드가..

코딩/Javascript 2021.03.06

GoLang, 문자열에서 숫자를 0으로 치환하기

안녕하세요? 오늘은 고랭(Golang)에서 문자열 치환 예제를 살펴 볼까 합니다. 다음 예제는 문자열 str에서 한자리 숫자 또는 두자리 이상 숫자를 모두 0으로 치환하는 간단한 예입니다. 많은 도움이 되셨으면 합니다. package main import "fmt" func main() { str := "abc123465@ahsjf222" newStr := make([]rune, len(str)) i, added := 0, false for _, r := range str { if r >= '0' && r

코딩/GoLang 2021.03.02

최신버전으로 React + Typescript + Electron 개발하기

안녕하세요? 예전에는 React를 그냥 Javascipt로 개발했지만 최근에는 점점 더 Typescript가 대세가 되고 있습니다. 그래서 개인적으로 Electron 앱을 취미로 개발하고 있는데 React와 Typescript를 적용해서 개발하려고 합니다. 그런데 React + Typescript + Electron 이 함께 적용된 보일러플레이트(boilerplate)가 전부 옛날 버전의 React와 옛날 버전의 ElectronJS를 사용하더라고요. 그래서 구글링 좀 열심히 해서 백지상태에서 최신 버전으로 React + Typescript + Electron 보일러 플레이트(boilerplate)를 만들어 봤습니다. React App 설치 일단 npm 또는 yarn이 설치되어 있다는 전제하에 진행하겠습니..

코딩/React 2021.02.14

GoLang, 다차원 배열 및 슬라이스 예제

안녕하세요? 고랭에서 다차원 배열 및 다차원 슬라이스에 대한 예제입니다. 많은 도움이 되셨으면 합니다. 배열을 선언 할 때 길이 대신 점 ...을 사용하면 컴파일러가 길이 선언 대신 세 개의 점을 포함하여 길이를 계산하도록 지시합니다. [:]는 배열의 모든 요소 값을 슬라이스에 할당합니다. package main import "fmt" func main() { println("Simple Array:") var arrayint = [...]int{1, 2, 3, 4} //assign fmt.Println(arrayint, "\n") println("Simple Slice:") var sliceint []int sliceint = arrayint[:] //assign fmt.Println(sliceint,..

코딩/GoLang 2021.02.10

GoLang 강좌 - Slice 와 Map 벤치마크 테스트

고랭에서 자주 쓰는 데이터 객체인 Slice 와 Map 자료형에 대한 벤치마크 테스트입니다. 고랭 공부에 많은 도움이 되셨으면 합니다. package main import ( "fmt" "time" ) type s struct { s []*s } type m struct { m map[int]*m } const ( testLevel = 1000000 testTimes = 600 ) func buildStruct() *s { root := &s{} cur := root for i := 0; i < testLevel; i++ { cur.s = make([]*s, 1) cur.s[0] = &s{} cur = cur.s[0] } return root } func traverseStruct(t *s) int { ..

코딩/GoLang 2021.02.10

GoLang - 파일 만들기 삭제하기 예제

안녕하세요? 고랭으로 파일 만들기, 읽기, 삭제 예제 코드입니다. 많은 활용 부탁드립니다. package main import ( "fmt" "io" "os" ) var path = "test.txt" func main() { createFile() writeFile() readFile() deleteFile() } func createFile() { // check if file exists var _, err = os.Stat(path) // create file if not exists if os.IsNotExist(err) { var file, err = os.Create(path) if isError(err) { return } defer file.Close() } fmt.Println("Fil..

코딩/GoLang 2021.02.07

GoLang - URL에서 이미지 다운로드 하기

안녕하세요? 고랭으로 URL에서 이미지 다운로드 하는 코드 샘플입니다. 많은 활용 부탁드립니다. package main import ( "fmt" "io" "net/http" "os" ) var ( fileName string fullURLFile string ) func main() { fullURLFile = "https://img1.daumcdn.net/thumb/C428x428/?scode=mtistory2&fname=https%3A%2F%2Ftistory4.daumcdn.net%2Ftistory%2F3074371%2Fattach%2F4258cb87d1204cdcbfc2f7ba615b870c" fileName = "download_image.jpg" // Create blank file file ..

코딩/GoLang 2021.02.07

[JS-중급편-이벤트] 3. 마우스 이벤트

사람들이 컴퓨터와 상호 작용하는 가장 일반적인 방법 중 하나는 마우스로 알려진 포인팅 장치를 사용하는 것입니다. 마우스 이벤트 만나보기 JavaScript에서 마우스를 다루는 주된 방법은 이벤트를 이용하는 것입니다. 마우스를 다루는 많은 이벤트가 있지만 여기서 모두 살펴보지는 않을 것입니다. 대신 다음과 같은 자주 사용하는 항목에만 초점을 맞출 겁니다. click dblclick mouseover mouseout mouseenter mouseleave mousedown mouseup mousemove contextmenu mousewheel and DOMMouseScroll 마우스 이벤트의 이름은 이벤트가 수행하는 작업에 대한 좋은 힌트를 제공해서 대충 무슨 작동을 하는지 유추 할 수 있습니다. 다음 섹..

코딩/Javascript 2021.02.07

GoLang 배열 및 배열의 값 복사, 참조 복사

안녕하세요? 오늘은 GoLang에서 배열(Array)에 대해 예제를 통해 알아 보겠습니다. 1. golang(고랭) 배열(Array) 사용 방법 package main import "fmt" func main(){ var x[5] int// Array 선업 x[0]=10// 특정 index에 값 지정 x[4]=20// 순서에 상관없이 특정 index에 값 지정가능 x[1]=30 x[3]=40 x[2]=50 fmt.Println("Values of Array X: ",x) // 배열 선언 및 초기화(특정위치에 초기화 가능) y := [5]int{0:100,1:200,3:500} fmt.Println("Values of Array Y: ",y) // 배열 선언 및 초기화 Country := [5]string..

코딩/GoLang 2021.02.03

GoLang 함수 파라미터에 가변인자 쓰기

안녕하세요? GoLang(고랭) 공부에 도움이 되고자 가변인자 관련 좋은 예제 소개할려고 합니다. 많은 도움이 됐으면 합니다. 1. 함수 파라미터에 가변인자 쓰는 예제 package main import "fmt" func main() { fmt.Println(calculation("Rectangle", 20, 30)) fmt.Println(calculation("Square", 20)) } func calculation(str string, y ...int) int { area := 1 for _, val := range y { if str == "Rectangle" { area *= val } else if str == "Square" { area = val * val } } return area }..

코딩/GoLang 2021.02.03