티스토리

jam 블로그

검색하기

블로그 홈

jam 블로그

blog.jmkim87.com/m

다양한 것을 공부해보고파 하는 개발자입니다.

구독자: 0

방명록 방문하기

주요 글 목록

HTTP/3 (HTTP Protocol 발전 과정) HTTP/3 2019년 9월 정도에 새로운 웹 표준인 HTTP/3에 대한 지원을 발표하였습니다. 파트 내에서 웹 로딩 및 접근 속도를 위해서 조사를 하였습니다. HTTP Protocol 발전 과정 요약 HTTP/0.9 HTTP 초기 버전에는 버전 번호가 없지만 추후 버전과 구별을 위해 붙여졌습니다. 특징 GET 메소드만 존재 HTTP 헤더가 존재하지 않음 HTTP/1.0 0.9버전에서 브라우저와 서버 모두 융통성을 가지도록 확장되었습니다. 특징 버전 정보가 각 요청 사이내로 전송되기 시작 (HTTP/1.0 GET ~) HTTP Status code가 라인 또는 시작 부분에 붙어 전송 브라우저의 요청에 대한 성공 실패 여부 확인 및 그에 따른 동작 HTTP 헤더 개념이 요청, 응답 모두에 도입 메타 데이터.. 공감수 0 댓글수 0 2023. 12. 10.
[React] React 18 React 18은 React 프레임워크의 새로운 버전입니다. 이번 버전에서는 기존의 React와 비교하여 많은 기능 개선 및 업그레이드가 이루어졌습니다. 예를 들어, 성능을 개선하고 안정성을 확보하기 위해 다양한 업그레이드가 이루어졌습니다. 주요 기능 서버 사이드 렌더링 개선: 이번 버전에서는 기존에 있었던 서버 사이드 렌더링의 성능 이슈가 해결되었습니다. 이로 인해 더욱 빠르고 안정적인 서버 사이드 렌더링이 가능해졌습니다. 이 기능의 개선으로 인해, 사용자들은 더욱 빠른 웹 페이지 로딩 시간을 경험할 수 있게 되었습니다. 새로운 이벤트 모델: 기존의 이벤트 모델에서 발생하던 문제점들을 개선하였습니다. 예를 들어, 이제 이벤트 처리가 더욱 직관적이고 유연해졌습니다. 이로 인해, 사용자 경험과 개발자 경험.. 공감수 0 댓글수 0 2023. 2. 24.
#3. Longest Substring Without Repeating Characters [Medium] [Javascript] 문제 Given a string s, find the length of the longest substring without repeating characters. Example 1: Input: s = "abcabcbb" Output: 3 Explanation: The answer is "abc", with the length of 3. Example 2: Input: s = "bbbbb" Output: 1 Explanation: The answer is "b", with the length of 1. Example 3: Input: s = "pwwkew" Output: 3 Explanation: The answer is "wke", with the length of 3. Notice that the .. 공감수 0 댓글수 0 2022. 4. 14.
#2. Add Two Numbers [Medium][Javascript] 문제 You are given two non-empty linked lists representing two non-negative integers. The digits are stored in reverse order, and each of their nodes contains a single digit. Add the two numbers and return the sum as a linked list. You may assume the two numbers do not contain any leading zero, except the number 0 itself. Example 1: Input: l1 = [2,4,3], l2 = [5,6,4] Output: [7,0,8] Explanation: 34.. 공감수 0 댓글수 0 2022. 4. 3.
#1. Two Sum [Easy] [javascript] 문제 Given an array of integers nums and an integer target, return indices of the two numbers such that they add up to target. You may assume that each input would have exactly one solution, and you may not use the same element twice. You can return the answer in any order. Example 1: Input: nums = [2,7,11,15], target = 9 Output: [0,1] Explanation: Because nums[0] + nums[1] == 9, we return [0, 1]... 공감수 0 댓글수 0 2022. 3. 31.
기술 블로그 모음 입니다. 이래저래 모아둔 기술 블로그 링크 모듬입니다. 보이거나 링크 변경될 때 수정할 예정입니다. 카카오 http://tech.kakao.com 네이버 http://d2.naver.com VCNC http://engineering.vcnc.co.kr 우아한형제들 기술 블로그 https://woowabros.github.io SK플래닛 http://feeds.feedburner.com Amazon Web Services 한국 블로그 https://aws.amazon.com/ko/blogs/korea/ 스타일쉐어 https://styleshare.github.io Spoqa https://spoqa.github.io 이음소시어스 http://bigmatch.i-um.net 토스랩(잔디) https://tosslab.. 공감수 0 댓글수 0 2021. 5. 17.
[React] React 기초 React의 전반적인 것 Created: Feb 14, 2020 4:08 PM React React는 Facebook에서 만든 SPA(Single Page Application)을 만들기 위해 고안된 언어입니다. 비슷한 것으로는 Vue, Angular가 있습니다. 설치 및 실행 # node를 먼저 설치 후 진행해야합니다. # node 설치 후 # create-react-app은 그간 설정하기 어려웠던 webpack 등을 자동으로 만들어주는 명령어 입니다. npm create-react-app project-name cd project-name # 실행 시 localhost:3000으로 가상 서버가 띄워집니다. yarn startReact 기초 해당 글은 16.12 최신 버전을 기반으로 작성하였습니다. p.. 공감수 0 댓글수 0 2020. 2. 18.
React Webpack (babel4 + typescript) 작성하기 Webpack이란? Webpack은 최신 javascript application을 위한 정적 모듈 번들러입니다. 좀 더 설명하면 es6를 쓰는 javascript들을 모아서 하나의 파일로 만듭니다. 설정에 따라서 sass나 이미지 등도 bundle 시킬 수 있습니다. 주 목적은 다중 파일들을 하나로 묶어서 웹 로딩 시 파일 다운로드 되는 것들 최대한 줄여보자입니다. Webpack에 넣을 패키지들 호환성 문제가 되지 않는 선에서 최신 버전으로 설치할 예정입니다. (최신을 사랑합니다.) webpack typescript babel 설정하기 필요한 package들을 다 설치해 봅시다. # npm 대신 yarn을 설치하고 사용할 수 있습니다. # webpack 설치 npm install -D webpack w.. 공감수 0 댓글수 0 2019. 11. 11.
[es6] const, let const, let javscript ES6 버전에서는 변수 선언시 이전 버전의 var 말고도 const, let 키워드가 추가되었습니다. let 블록 스코프 변수로써 자신을 정의한 블록에서만 접근 가능하며 블록 밖에서는 볼 수 없습니다. function letTest() { let x = 10; console.log(x); //10 if(true) { let y= 20; console.log(y); //20 } console.log(y); //Reference Error Exception } const 읽기 전용 변수, 즉 값을 다시 할당할 수 없는 상수를 선언 const도 블록 스코프 변수라 let으로 선언한 변수와 규칙은 동일 다만, 객체 자신이 아닌 참조값이 저장하므로 객체 내부는 변경 가능 fu.. 공감수 0 댓글수 0 2019. 10. 20.
[es6] destructuring assignment destructuring assignment (해체 할당) 이터러블이나 객체의 값/프로퍼티를 각각 배열이나 객체 생성자 리터럴과 비슷한 구문으로 변수에 할당하는 표현식 // es5 var arr = [1, 2, 3]; var a = arr[0]; // 1 var b = arr[1]; // 2 var c = arr[2]; // 3 // es6 const arr = [1, 2, 3]; let a, b, c; [a, b, c] = arr; // [1, 2, 3] let [d, , e] = arr;console.logbconsole.logb console.log(d); // 1 console.log(e); // 3 let [f, ...g] = arr; console.log(a); // 1 console.log(.. 공감수 0 댓글수 0 2019. 10. 20.
[es6] parameter function parameter 기본값 es6에서 es5와 다르게 함수에서 파라미터 값에 기본값을 설정할 수 있습니다. //es5 function myFunc(x, y, z) { x = x === undefined ? 1 : x; y = y === undefined ? 2 : y; z = z === undefined ? 3 : z; } myFunc() // 1, 2, 3 //es6 function myFunc(x = 1, y = 2, z = 3) { console.log(x, y, z); } myFunc(x,4,z); // 1, 4, 3 펼침 연산자 (spread operator) 이터러블(iterable) 객체를 개별 값으로 나누는 펼침 연산자(spread operator) ... 로 표기합니다. /.. 공감수 0 댓글수 0 2019. 10. 20.
지긋지긋한 CORS 파헤쳐보자 CORS (Cross Domain) 서버와의 통신을 위해 ajax나 XMLHttpRequest를 사용하다보면 CORS 에러가 나오는 경우가 종종 발생합니다. 할때마다 설정 방법이나 우회 방법을 항상 찾다보니 매번 고생하는거 같아 정리해봅니다. CORS 란? CORS는 Cross-Origin Resource Sharing의 약자로 보안상의 이유로, 브라우저들은 스크립트 내에서 초기화되는 cross-origin HTTP 요청을 제한합니다. 예를 들면 다음과 같습니다. # 사이트 도메인이 www.a.com 일 경우 const xhr = new XMLHttpRequest(); xhr.onreadystatechange = () => { if (xhr.readyState === xhr.DONE) { if (xhr... 공감수 0 댓글수 0 2019. 10. 20.
Center를 장악해보자 Element의 Center를 찾기 화면 레이아웃을 만들고 스타일 잡다보면 vertical, horizontal center 만드는게 여간 까다로운게 아닙니다. 한번 정리를 해봅니다. horizontal center는 간단한 부분이 많지만 vertical center가 까다롭고 parent element의 영향이 많습니다. Horizontal Center Text를 horizontal center 하는 것 Text는 horizontal center는 간단합니다. text-align을 사용하면 되는데 text를 둘러싸고 있는 element가 block인지 inline 속성인지에 따라 text-align을 하는 부분이 달라집니다. Text를 둘러 싸고 있는 tag가 inline 속성이라면? text 위와 같.. 공감수 0 댓글수 0 2019. 10. 20.
[PHP] 로컬 환경 PHP 서버에서 CURL 사용시 SSL certificate error: unable to get local issuer certificate 나온다면? curl 은 기본적으로 https 사이트의 SSL 인증서를 검증한다. 인증 기관의 인증서 목록이 없거나 모르는 기관에서 발급한 인증서일 경우 다음과 같은 인증서 검증 에러를 발생시키고 동작을 중지하게 된다. https://curl.haxx.se/docs/caextract.html에서 cacert.pem을 다운받고 php.ini에서 다음 문구 추가 curl.cainfo="[절대 경로]/cacert.pem"openssl.cafile="[절대 경로]/cacert.pem" 공감수 0 댓글수 0 2018. 10. 8.
[HTML] How to fix video tag using amazon s3 in ie 9 or ie 10 If your mp4 video file upload in amazon s3, that file's Content-type is "application/octet-stream".So, you have to change from "application/octet-stream" to "video/mp4". (There is option in meta data category.) If there are a few video file in amazon s3, you just delete and add content-type, but if there are too many video file, this site link of under can be help for you. https://foliovision.co.. 공감수 0 댓글수 0 2016. 6. 19.
[javascript] form 타입을 json으로 변형하기 form data를 json으로 변경해주는 소스 예제파일입니다. /* form data to json */ $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) { if (!o[this.name].push) { o[this.name] = [o[this.name]]; } o[this.name].push(this.value || ''); } else { o[this.name] = this.value || ''; } }); return o; }; var json_val = JSON.stringify($("Formdata").s.. 공감수 0 댓글수 0 2014. 7. 21.
[php] phpmyadmin 2002 MySQL 서버에 로그인할 수 없습니다. 해결법 2002 MySQL 서버에 로그인할 수 없습니다. 와 같이 phpmyadmin에서 접속이 되지 않을 경우 해결 방법입니다. php.ini 안에 다음과 같이 변경해줍니다. mysql.default_socket =/var/lib/mysql/mysql.sock mysqli.default_socket =/var/lib/mysql/mysql.sock 그다음 apache 또는 php-fpm을 재시작 해주시면 해결됩니다. 공감수 0 댓글수 0 2014. 5. 13.
[php] 웹에서 안드로이드 앱버전 가져오기. 안드로이드 앱을 개발 중에 업데이트 되면 자동으로 팝업을 띄워줘야 하는데 서버쪽에서 항상 바꿔주기 그래서 앱에서 특정 주소를 부르면 서버에서 마켓에 등록된 앱의 버전을 들고오는 소스입니다. url에 앱 마켓 주소를 넣으면 그 앱의 버전이 나옵니다. 출력 결과는 1.1.0 이런식으로 나옵니다. 공감수 0 댓글수 0 2014. 1. 16.
[html] 한글 줄바꿈 방법 ie에서는 한글을 줄바꿈할 때 css에서 word-wrap:keep-all이 가능하나, 다른 브라우저에서는 동작하지 않습니다. 따라서 다음과 같이 하시면 됩니다. 예제 나는 자랑스런 태극기 앞에 조국과 민족의 이런식으로 있을 시에 나는 자랑스런 태극기 앞에 조국과 민족의 위와같이 바꾸어 주시고 title 클래스에 width를 지정해주시면 됩니다. 공감수 0 댓글수 0 2013. 11. 6.
[jquery] iframe 페이지 reload 하기. jQuery에서 iFrame 페이지를 Reload 하는 방법입니다. $("#id").attr("src",$("#id").attr("src")); 다음과 같이 사용하면 됩니다. 공감수 1 댓글수 0 2013. 7. 11.
[php] 배열들의 키값 같을때 값만 더하기 function array_same_key_sum($arr1,$arr2) { foreach ($arr1 as $key => $value) { $arr2[$key] += $value; } return $arr2; } * arr1 : 키값이 같고 값만 다른 배열. * arr2 : 최종 결과물 배열. 예) function array_same_key_sum($arr1,$arr2) { foreach ($arr1 as $key => $value) { $arr2[$key] += $value; } return $arr2; } $test = array(array("a"=>0,"b"=>1),array("a"=>10,"b"=>11)); $arr2 = array(); for($i=0;$i 0 [b] => 1 ) * test[.. 공감수 0 댓글수 0 2013. 7. 2.
[C++] 013. 예외처리(Exception Handling) I. 기존의 예외처리 방식 예외를 처리하지 않는 프로그램의 오류 #include using namespace std; int main() { int a,b; couta>>b; cout 공감수 1 댓글수 0 2013. 5. 12.
[C++] 012. 템플릿(Template) I. 템플릿에 대한 이해 간단히 말해서 템플릿을 쓰는 이유는 함수의 리턴 값이나 받는 인자값에 대한 자료형을 정해주지 않는 다는 것이다. #include using namespace std; template T add(T a,T b) { return a+b; } int main() { cout 공감수 0 댓글수 0 2013. 5. 12.
[C++] 011. string 클래스 디자인 I. C++ 표준 라이브러리 책을 읽어보시오 II. 표준 string 클래스 #include #include using namespace std; int main() { string str1 = "Good"; string str2 = "morning"; string str3 = str1+str2; cout 공감수 0 댓글수 0 2013. 5. 12.
[C++] 010. 연산자 오버로딩 I. 연산자를 오버로딩한다는 것은 어떤 의미인가? operator+라는 이름의 함수 #include using namespace std; class Point { private: int x,y; public: Point(int _x=0,int _y=0):x(_x),y(_y){} void ShowPosition(); void operator+(int val); }; void Point::ShowPosition() { cout 공감수 0 댓글수 0 2013. 5. 12.
[C++] 009. virtual의 원리와 다중 상속 I. 클래스의 멤버 함수는 사실 어디에 #include using namespace std; class Data { int data; public: Data(int num) { data = num; } void ShowData() { cout 공감수 0 댓글수 0 2013. 5. 12.
[C++] 008. 상속과 다형성 I. 상속의 조건(미완성) 상속은 만병통치약이 아니다. 잘못된 상속의 경우 클래스의 관계를 복잡하게 만드는 단점이 있다. IS-A 관계에 의한 상속 is a 관계라는 것은 ~은 ~이다. 라는 뜻으로 class Student : public Person 이면 Student class는 public Person 이다. 라는 것이다. Has-A 관계에 의한 상속! 그리고 대안 상속은 소유를 표현하기 위해서도 사용된다. II. 상속된 객체와 포인터의 관계 객체 포인터 : 객체의 주소 값을 저장할 수 있는 포인터 #include using namespace std; class Person { public: void Sleep() { cout 공감수 0 댓글수 0 2013. 5. 12.
[C++] 007. 상속(Inheritance)의 이해 I. 상속의 기본 개념 아래의 소스를 보자 class Person { int age; char name[20]; public: int GetAge()const { return age; } const char* GetName() const { return name; } Person(int _age=1,char* _name = "noname") { age = _age; strcpy(name, _name); } }; class Student : public Person { char major[20]; public: Student(char* _major) { strcpy(major,_major); } const char* GetMajor()const { return major; } void ShowData() .. 공감수 0 댓글수 0 2013. 5. 12.
[C++] 006. static 멤버와 const 멤버 I. 클래스와 const const 키워드에 대한 복습 첫째. const 키워드는 변수의 선언 앞에 붙어서 변수를 상수화한다. 둘째. const 키워드는 포인터가 가리키는 데이터를 상수화 한다. 셋째. const 키워드는 포인터 선언 시 이름 앞에 붙어서 포인터 자체를 상수화한다. 멤버 변수의 상수화, 그리고 초기화 #include using namespace std; class Student { const int id; int age; char name[20]; char major[30]; public: Student(int _id, int _age, char* _name, char* _major) { id = _id; age = _age; strcpy(name,_name); strcpy(major,_.. 공감수 0 댓글수 0 2013. 5. 12.
[C++] 005. 복사 생성자 I. C,C++ 스타일 초기화 C 에서의 스타일 초기화 int val = 10; C++에서의 스타일 초기화 int val(10); or int val = 10; II. 복사 생성자의 형태 #include using namespace std; class AAA { public: AAA() { cout 공감수 0 댓글수 0 2013. 5. 12.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.