분류 전체보기
-
[Pipeline] 프로그램의 전체적인 흐름, Web 용어back end 2022. 2. 26. 00:13
내가 알고 싶었던 것! 큰 틀 이해하기 프로그램 전체적인 흐름 클라이언트가 서버에게 httpRequest를 한다. 이 때 소켓을 통해서 하는데 ip와 port가 필요하다. 서버는 그에 맞는 HttpResponse를 한다. DB에는 정형데이터와 비정형데이터가 있는데 데이터베이스에서 배운 정형화된 entity 형태로 데이터가 저장된다. 비정형 데이터는 xml, json, csv, tsv 등이 있다. 그 중 json은 dictionay형태로 되어있다. 이런 데이터들을 스토리지라는 곳에 저장을 하는데, 스토리지는 공용저장소를 공유하는 저장 공간을 뜻한다. 정형데이터는 데이터웨어하우스, 비정형데이터는 하둡을 사용하여 저장한다. web에 대한 구문을 이해 및 구현 정적페이지(html)와 동적페이지(jsp)를 포함하..
-
ThreadJava 2022. 2. 20. 18:51
2월 19일 토요일 보강으로 스레드 관련 강의를 들었다. Process Process란 실행중인 program을 말한다. 프로그램을 실행시키려면 OS로부터 resource를 할당받아야 한다. Resource 4가지 Code Data(static variable) Heap(동적 할당 메모리 영역) Call Stack(method 호출에 대한 지역변수 관리) resource만 가지고 프로그램을 실행시킬 수는 없고, 프로그램을 수행시키는 주체가 필요한데 그게 Thread ! Thread Process는 resource와 thread로 구성되어 있는데, 그 중 thread는 single thread program과 multi thread program으로 만들 수 있다. Java에서 Thread는 Instanc..
-
Object (2/9, 2/10)Web front/JavaScript 2022. 2. 10. 01:58
1/ object 다양한 활용 방법 let hunbu = new Object(); hunbu.name = '흥부'; hunbu.kor = 100; hunbu.eng = 95; hunbu.total = hunbu.kor + hunbu.eng; hunbu.avg = hunbu.total / 2; console.log(`${hunbu.name}님의 총점은 ${hunbu.total} / ${hunbu.avg}`); // new object 사용안하고 바로 가능 let angie = { name: '앤지', kor: 100, eng: 90, total: this.kor + this.eng,// this 아닌데 뭐지,,? avg: this.total / 2, } console.log(angie); // 구조 파악 ..
-
Variable (2/8)Web front/JavaScript 2022. 2. 8. 23:41
1/ 변수 (호이스팅)자바스크립트는 실행하기 전에 먼저 변수들 다 메모리에 저장하고 undefined으로 초기화 되어있다. 그리고 내려와서 초기화하면 그 때 값을 넣음. 2/ console에 출력하는 코드 3/ javascript를 다른 파일에 작성하고 src로 불러올때 4/ 각종 기능 warn, error, info console.warn('Warning Warning') console.error('Error Error') console.info('안내 메세지가 필요한 경우 똑같은디?') 5/ operator x = 10; y = 20; result = ++x + y++; console.log(x, y, result); console.log(''); // 11 21 31 6/ ceil, floor Ma..
-
-
-
CSS 기본문법 (2/3, 2/4)Web front/CSS 2022. 2. 5. 18:48
1/ CSS를 작성하고 링크로 연결하기 href는 작성한 CSS 파일명 2/ css 파일 import 하기 3/ 우선 적용. 덮어씌여지지 않음 !important .table-three tfoot tr { background-color: orange !important; color:white; } 4/ box기준으로 width 정할 때. box-sizing: border-box; content 기준일때 box-sizing: content-box; 5/ float부터 해야함 6/ attributeSelecter abbr[title] { text-decoration: underline;} input[type="text"] { border : 1px solid lightgray; padding: 5px; ..
-
LinkedList, 재귀알고리즘, 퀵정렬(1/26)DataStructure & Algorithm 2022. 1. 30. 11:46
자료구조: 컴퓨터가 어떻게 데이터를 저장하는지 알고, 더 효율적으로 데이터를 가져다 사용하고 프로그램을 짠다. 1/ LinkedList LinkdedList의 CRUD 2/ 재귀알고리즘 Factorial 최대공약수 EightQueen + 하노이의 탑 게임 3/ 퀵정렬 pl과 pr 의 중간에 피벗을 정하고, 양 끝에서 한 칸씩 오면서 피벗과 숫자 비교를 한다. 피벗 중심으로 왼쪽은 피벗보다 작은 수, 오른쪽은 피벗보다 큰 수를 정렬해야한다. pl이 오른쪽으로 오면서 피벗보다 큰 수가 있으면 stop, pr이 왼쪽으로 오면서 피벗보다 작은 수가 있으면 stop. 그리고 plr과 pr의 숫자를 바꾼다. 그렇게 pl과 pr이 피벗에서 만나도록 한다. 그런 다음, 피벗을 중심으로 각각 왼쪽과 오른쪽에서 다시 피벗..