나의 개발 아카이브 모음집

Click me!">Click me! 이런 경우에는 this 키워드를 사용하지 않고, addEventListener 함수의 매개변수인 event 객체의 currentTarget 혹은 target 프로퍼티를 사용하여 이벤트가 발생한 요소에 접근    from. https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%99%94%EC%82%B4%ED%91%9C-%ED%95%A8%EC%88%98-%EC%A0%95%EB%A6%AC

const str = ' hello';console.log(str.trim()); //문자열 앞과 뒤의 공백제거const str2 = ' hello work';console.log(str2.trimStart()); //시작 공백제거const str3 = ' hello work ';console.log(str3.trimEnd()); //뒤 공백제거const str4 = '안녕하세요 김보통입니다만 보통 보통보통 보통 보통';console.log(str4.indexOf('보')); //몇번째 위치에서 시작인지 8console.log(str4.indexOf('ㅈ')); //없으면 -1 반환console.log(str4.includes('보')); //해당 문자열 포함하는지 tr..

http : 하이퍼텍스트 전송 프로토콜-클라이언트-서버 구조 : 요청과응답, 서버가 요청에 대한 결과를 만들어서 응답함-무상태프로토콜(스테이스리스-추가적 확장이용이함, 많이 몰렸을때 많은 서버를 확장가능, 응답서버를 쉽게 바꿀 수 있음, 무한한 서버증설가능 !, 스케일아웃이라 칭함), 비연결성(빠른속도로 응답, 수천명이 서비스를 1시간동안 사용해도 동시처리 요청은 적음-검색버튼을 연속해서 누르진 않으므로, 서버자원 효율적 사용가능)*무상태프로토콜, 스테이스리스 : 서버가 클라이언트의 상태를 보존하지 않음-단순하고 확장가능ㄴhttp 메세지에 모든것을 전송함http/1.1 1997년 가장 많이 사용하고, 중요함, 현재사용의 시초, 이후에는 성능만 개선될뿐  http 메세지는 공백라인이 필수임.  응답(sta..

url : 리소스를 식별하는 통합된 방법 리소스 : 우리가 구별할수 있는 모든것들 uri가 url,urn을 포함웹 브라우저 요청 흐름웹 브라우저 - 구글서버1. 애플리케이션 상에서 웹 브라우저에서 http 요청 메세지 생성2. 소켓 라이브러리를 통해서 전달 * tcp/tp 연결(ip,port) * 데이터 전달3. OS 상에서 tcp/tp 패킷 생성,http 메세지 포함 * 패킷 : 하나의 묶음, 출발지ip port, 목적지ip port, 전송데이터, http 요청 메시지(GET POST.. 도메인주소, 쿼리파라미터 등 URL)가 포함됨4. 네트워크 인터페이스 상에서 LAN드라이버, LAN장비를 해서 인터넷 망으로 들어가고 노드(syn, ack)들이 정보를 서버에 전달** 요청 패킷을 웹 브라우저에서 보내..

인터넷 네트워크 > 인터넷통신, ip, tcp/udp, port, dns인터넷 : 클라이언트-서버가 통신하는데, 중간에 인터넷 망을 통함 / 노드들이 정보를 옮겨줌ip : 지정한 ip adr에 데이터 전달, 패킷(출발지ip, 목적지ip, 전송 데이터 등...)이라는 통신 단위로 데이터를 전달-ip프로토콜의 한계(비연결성:도착지가 없거나 서버 꺼져도 패킷은 전송, 비신뢰성:중간에 패킷 실종, 패킷 순서 제각기)..tcp : ip프로토콜의 한계로 인해서 생김, 전송제어 프로토콜, 연결지향(3way handshake-syn ack), 데이터 전달보증, 순서보장udp : 데이터 전달이나 순서보장 안되지만 단순하고 빠름, like IPport : 한번에 둘 이상 연결 할 경우 같은 ip내에서 프로세스를 구분해줌d..

td요소에 클릭이벤트를 넣고싶어 구글링보통의 클릭이벤트는 적용되지 않음을 확인그러던 중 참고 포스팅에서 delegate 사용하는것을 보고 적용하여 완성 # delegate()해당 메서드는 부모 요소에서 이벤트를 위임하고, 특정 자식 요소에서만 이벤트를 처리하도록 설정$(parentSelector).delegate(childSelector, event, function) parentSelector: 이벤트를 위임할 부모 요소childSelector: 이벤트를 처리할 자식 요소의 선택자event: 발생시킬 이벤트 (예: 'click', 'hover', 'keypress' 등)function: 이벤트가 발생했을 때 실행할 함수 위 코드를 사용하여 동적테이블로 작성된 td에 클릭이벤트를 주고  이벤트함수 안에서..

업무 중 마이크로 서비스라는 개념에 대해 듣게 되었고, 처음들어봤는데 내용상 도커의 개념과 비슷해 보였다.검색 결과 둘의 차이가 있고 개념을 정리해두면 좋을거 같아서 기록  도커 : 컨테이너화 기술, 마이크로서비스를 구현하고 배포할수 있게 해주는 도구, 하나의 실행환경을 설정하면 사용하던 애플리케이션을 동일한 환경으로 설정을 고대로 사용가능(컨테이너 동일한 환경으로 생성), 이식성과 일관성을 보장함, VM보다 가벼운 컨테이너를 사용하여 경량화라는 특성도 갖고 있음마이크로서비스 : 소프트웨어 아키텍처, 시스템 설계 방식(원칙), 어플리케이션을 작은 독립적인 서비스로 나누어 개발하는 아키텍쳐 스타일, 각각의 마이크로 서비스는 독립적으로 개발, 배포등이 될 수 있음, 서로 다른 언어나 데이터베이스 사용까지 가..

sqld 사전발표일이면 사람이 몰려 대기열에 걸릴 가능성이 크다,그래서 나는 미리 aplySeq를 추출하여 바로 확인 할 예정, 크롬에서만 가능이리저리 검색하여 나름 알아낸 방법ㅋㅋㅋ먼저 크롬 확장프로그램에서 아래 프로그램 다운종료 후 다시 켜서 아래 사이트 접속https://www.dataq.or.kr/www/main.do > 로그인 > 마이페이지 > 접수조회 > 수험표 출력 수험표 출력 화면에서 우클릭 > 페이지 소스 보기 > 'aplyseq' 검색https://www.dataq.or.kr/www/mypage/accept/score.do?aplySeq=  데이터자격검정데이터자격검정, 빅데이터분석기사, DAP, DAsP, SQLP, SQLD, ADP, ADsPwww.dataq.or.kr위 링크의 끝에 ..