개인이 끄적끄적 거리는 블로그

아이폰(iPhone) 15 출시

쇠주는참이슬 — Wed, 13 Sep 2023 10:44:47 +0900

애플사에서 발매한 아이폰 15는 새로운 기능과 향상된 성능으로 많은 사람들의 관심을 받고 있는 최신 스마트폰입니다.

아이폰 15의 주요 스펙과 가격, 그리고 추가 정보에 대해 알아보겠습니다.

디자인:
아이폰 15는 이전 모델보다 더 얇고 경량화된 디자인을 갖추었습니다.
전면부와 후면부 모두에 내구성이 높은 특수한 유리 재질을 사용하여 보다 견고하게 제작되었습니다.
다양한 색상 옵션 중에서 선택할 수 있어 개성적인 디자인을 만들 수 있습니다.

디스플레이:
아이폰 15는 OLED 기술을 사용한 고해상도 디스플레이를 탑재하였습니다.
더 크고 선명한 화면으로 콘텐츠를 즐길 수 있으며, HDR10 및 ProMotion 기술 지원으로 시각적 경험을 향상시켜줍니다.

카메라:
카메라 성능 역시 크게 향상되었습니다. 듀얼 또는 트리프로 카메라 시스템을 탑재하여 보다 정교하고 생생한 사진과 동영상 촬영이 가능합니다.
낮은 조도 환경에서도 우수한 성능을 발휘하는 나이트 모드와 함께 다양한 사진 및 비디오 효과가 제공됩니다.

성능:
A16 Bionic 칩셋과 함께 동작하는 아이폰 15는 이전 모델보다 월등한 속도와 처리력을 자랑합니다.
RAM 용량 및 저장 공간 역시 선택 가능하며, 사용자의 요구에 맞춤형 구성이 가능합니다.

추가 기능:
Face ID 얼굴 인식 시스탬은 보안성과 사용 편의성 면에서 계속해서 발전되었습니다.
배터리 수명 및 충전 속도가 개선되어 긴 사용 시간 동안 안정적인 작동을 제공합니다.

또한 아이폰15 시리즈는 모두 기존의 라이트닝 포트 대신 USB-C 충전단자가 도입됐습니다.

가격:

아이폰 기본 모델은 799달러(128GB),

플러스는 899달러(128GB),

프로는 999달러(128GB),

프로맥스는 1천199달러(256GB)부터 시작

아이폰15, iphone15, 아이폰

[아.달.금] 2화 다중채무 예방을 위한 대출관리

쇠주는참이슬 — Tue, 12 Sep 2023 14:47:05 +0900

대출관리는 꼼꼼하게 !

https://shinhan-easy.hunet.co.kr/Edu/Imagine/Detail?goodsId=Y00216525&IsSeries=N

신한이지 금융교육 플랫폼

금융체험관, 생애주기별 금융교육, 잼테크, 경제신문읽기특훈

shinhan-easy.hunet.co.kr

#신한이지#금융교육#영상콘텐츠

HTML5 DataList

쇠주는참이슬 — Thu, 31 Aug 2023 10:40:24 +0900

<datalist> 요소는 입력 필드 (<input>)와 함께 사용되어 사용자가 값을 입력할 때 미리 정의한 옵션들을 드롭다운 목록으로 제공하는 HTML5 요소이다.

사용자가 값을 입력하는 동안에도 드롭다운 목록의 값들을 보여줌으로써 사용자의 편의성을 높이고 입력 오류를 줄일 수 있다. jquery autocomplete 와 흡사

연동되는 인풋 컨트롤: <datalist> 요소는 <input> 요소의 list 속성과 연동됩니다. 사용자가 <input> 요소에 값을 입력하면 <datalist>에서 정의한 옵션 중에서 일치하는 값을 드롭다운으로 보여줍니다.
사용자 선택 가능: 사용자는 드롭다운에서 제공되는 옵션 중 하나를 선택하여 입력 필드에 삽입할 수 있습니다. 이로써 사용자의 편의성을 높일 수 있습니다.
커스텀 옵션: <datalist> 요소에 나열된 값 이외에도, 사용자가 직접 입력할 수 있습니다. 이를 통해 입력 필드는 제시된 값 외에도 다른 값을 입력할 수 있습니다.

[사용예]

<label for="browser">Choose a browser from the list:</label>
<input list="browsers" id="browser" name="browser" />

<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
  <option value="Microsoft Edge">
</datalist>

위의 예제에서 <input> 요소의 type은 text로 설정되어 있고, list 속성은 browsers로 설정되어 있습니다. 이렇게 하면 사용자가 입력 필드에 값을 입력하면, <datalist> 요소에서 정의한 옵션 값들 중에서 입력과 일치하는 값이 드롭다운으로 표시됩니다.

사용자는 드롭다운에서 제공되는 옵션 중에서 선택하거나, 직접 값을 입력할 수 있습니다. 만약 입력 필드에 드롭다운 목록에 없는 값이 입력되면, 브라우저는 해당 값을 입력 필드에 그대로 표시합니다.

<datalist> 요소를 사용함으로써 다양한 입력 폼에서 사용자의 편의성을 높일 수 있습니다. 예를 들어, 검색어 입력, 국가 선택, 카테고리 선택 등 다양한 상황에서 사용할 수 있습니다. 그러나 <datalist> 요소는 모든 브라우저에서 완벽하게 지원되지는 않을 수 있으므로, 사용 시 브라우저 호환성을 고려하는 것이 중요합니다.

실제 구현 및 테스트는 아래에서 확인 (브라우저 호환성 포함)

> https://developer.mozilla.org/ko/docs/Web/HTML/Element/datalist

닷넷 4.8에서 카프카 컨슈머 구성하기 (Kafka Consumer)

쇠주는참이슬 — Tue, 29 Aug 2023 15:15:28 +0900

1. NuGet 패키지 설치:
프로젝트에 Confluent.Kafka NuGet 패키지를 추가합니다. 이 패키지는 Kafka 클라이언트를 제어하는 데 사용

2. Kafka 클라이언트 구성:
ProducerConfig 및 ConsumerConfig 클래스를 사용하여 Kafka 클라이언트를 구성. 여기에는 Kafka 브로커, 토픽, 그룹 ID 등의 설정이 포함된다.

샘플소스

using Confluent.Kafka;
using System;

class Program
{
    static void Main(string[] args)
    {
        // Kafka 클라이언트 설정
        var producerConfig = new ProducerConfig
        {
            BootstrapServers = "localhost:9092", // Kafka 브로커 주소
            ClientId = "sample-producer"
        };

        // Kafka Producer 생성
        using (var producer = new ProducerBuilder<Null, string>(producerConfig).Build())
        {
            // 메시지 전송
            producer.Produce("sample-topic", new Message<Null, string> { Value = "Hello Kafka" });
        }

        // Kafka Consumer 설정
        var consumerConfig = new ConsumerConfig
        {
            BootstrapServers = "localhost:9092",
            GroupId = "sample-consumer-group",
            AutoOffsetReset = AutoOffsetReset.Earliest
        };

        // Kafka Consumer 생성
        using (var consumer = new ConsumerBuilder<Ignore, string>(consumerConfig).Build())
        {
            // 토픽 구독
            consumer.Subscribe("sample-topic");

            // 메시지 수신 루프
            while (true)
            {
                var consumeResult = consumer.Consume();
                Console.WriteLine($"Received: {consumeResult.Message.Value}");
            }
        }
    }
}

해당부분은 컨슈머에 대한 구성으로

Kafka 클러스터 및 브로커가 미리 구성되어 있어야 함.

TestDriven.NET 닷넷 유닛테스트

쇠주는참이슬 — Fri, 26 Feb 2016 17:42:06 +0900

TestDriven.NET

유닛테스트용 오픈소스

공식 홈페이지는 여기에 : http://www.testdriven.net/quickstart.aspx

사용방법은 아주 간단하다.

다운로드 받은 후 설치를 하고 테스트할 클래스라이브러리 프로젝트를 생성한 후 해당 메소드에서 오른쪽버튼을 클릭하면 아래와같이 테스트할 수 있는 기능들이 보인다.

Run Test(s) 를 실행하면 하단 출력페이지에 해당 메소드 실행결과가 표시된다.

더 많은 기능들이 있지만 간략하게 소개는 여기까지 진행하고, 상세내용은 공식사이트에서 확인!

※ 참고로 NUnit 을 이용한 TDD 방법도 있으니 참고하면됨

TestDriven : http://www.testdriven.net/quickstart.aspx

프로시저 사용시 기본선언문 (SET NOCOUNT ON, 트랜잭션격리수준)

쇠주는참이슬 — Sat, 20 Feb 2016 14:53:34 +0900

프로시저 사용시 아래 두가지 를 같이 선언해서 사용하자.

1. 프로시저 실행시 서버의 부하를 주게될수 있는 결과 메시지를 OFF

-> 프로시저를 생성하고 실행하면 "(N개 행이 영향을 받음)" 이라는 메시지가 노출된다.

테이블에 SELECT, INSERT, UPDATE, DELETE 등 트랜잭션이 발생한 결과를 사용자에게 알려주는 기능이지만 서버에 부하를 줄 수 있다고 한다.

SET NOCOUNT ON;

2. 트랜잭션 격리수준 설정

-> SELECT 문장을 수행하는 경우 해당 데이터에 Shared Lock이 걸리지 않는 수준, 따라서 어떤 사용자가 A라는 데이터를 B라는 데이터로 변경하는동안,

다른 사용자는 B라는 아직 완료되지 않은 데이터를 읽을 수 있다.

SET TRANSACTION ISOLATION LEVEL READ UNCOMMITTED;

간단하게 사용하는 JSONP

쇠주는참이슬 — Mon, 25 Jan 2016 18:46:27 +0900

ASP.NET 에서 JSONP 사용하기.

데이터를 호출하는 도메인과, 반환하는 도메인이 다르면 ajax를 이용할 수가 없다.

허나 아래와같이 JSONP를 이용한다면 사용가능하다.

WebAPI를 이용하는 방법과,

그렇지 않은경우 두가지 방법을 간단하게 설명하려고 한다.

1. WebAPI 사용

-> Global.asax 에 아래 JsonpMediaTypeFormatter 한줄만 추가해주고,

Client 단에서 jsonp로 호출하면된다.

var config = GlobalConfiguration.Configuration; config.Formatters.Insert(0, new JsonpMediaTypeFormatter());

$.ajax({     url: 'http://myurl.com',     type: 'GET',     dataType: 'jsonp',     success: function (data) {         alert(data.MyProperty);     } })

2. 일반적인 서비스에서 사용시

ajax 호출시 해당 웹 서비스에 파라미터로 myCallback 이 넘어간다.

jsonp 의 myCallback 을 함수로 싸서 리턴하면 간단하게 jsonp를 사용할 수 있다.

- Client 영역

$.ajax({     url: 'http://myurl.com',     type: 'GET',     dataType: 'jsonp',     jsonp:'myCallback'     success: function (data) {         alert(data.MyProperty);     } })

- Server 영역

client 에서 호출한 jsonp myCallback 을 아래와같이 처리해서 넘겨주면 된다.

string response = context.Request.Params["myCallback"];        response += "({'result':'json문자열'})" context.Response.Write(response);

조금더 응용하려면 아래 사이트를 참고하면 된다.

http://stove99.tistory.com/10

CORS 상황에서 ajax response로 쿠키(cookie)를 생성할 때 생성되지 않는 경우

쇠주는참이슬 — Wed, 9 Dec 2015 20:06:10 +0900

SSO 환경에서 쿠키정보를 기반으로 로그인이 되어있는 상황

ajax 를 이용하여 크로스 도메인상태에서 해당 서비스를 호출을 하면 쿠키정보가 전송되지 않는다.

아래 해결방법

* ajax option에 xhrfields : {withCredentials : true} 를 주자

* 서버사이드에서는 (ex: 웹서버) 아래의 Http Header 설정도 필요하다.
Access-Control-Allow-Credentials : true
Access-Control-Allow-Origin : http://aaa.com
=> withCredentials의 true인 경우에는 asterisk(*)를 사용할 수 없고 도메인을 명시/나열해야 한다.

* 쿠키를 생성했다고 해도, CORS 요청일 경우에는 쿠키가 전혀 전송되지 않음에 주의하자.

출처 : http://itpsolver.com/ajax-response%EB%A1%9C-%EC%BF%A0%ED%82%A4cookie%EB%A5%BC-%EC%83%9D%EC%84%B1%ED%95%A0-%EB%95%8C-%EC%83%9D%EC%84%B1%EB%90%98%EC%A7%80-%EC%95%8A%EB%8A%94-%EA%B2%BD%EC%9A%B0/

웹 서비스에서 GZIP 압축해서 데이터 보내기

쇠주는참이슬 — Fri, 2 Oct 2015 14:05:02 +0900

WebAPI 말고, WebMethod 를 이용하는 경우,

리스폰스 되는 데이터를 GZIP 형식으로 압축해서 보내려고 하면 아래와같이 하면 된다.

Glabal.asax 페이지에 아래 코드 삽입하고

웹메소드에서 JSON 형식으로 데이터를 Response 하면 GZIP 형식으로 압축되어서 전송된다.

public void Init(HttpApplication context)

{

context.PreRequestHandlerExecute += new EventHandler(Application_PreRequestHandlerExecute);

}

void Application_PreRequestHandlerExecute(object sender, EventArgs e)

{

HttpApplication app = (HttpApplication)sender;

string acceptEncoding = app.Request.Headers["Accept-Encoding"];

if (string.IsNullOrEmpty(acceptEncoding))

{

return;

}

if (acceptEncoding.IndexOf("gzip", StringComparison.InvariantCultureIgnoreCase) >= 0)

{

app.Response.Filter = new System.IO.Compression.GZipStream(app.Response.Filter, System.IO.Compression.CompressionMode.Compress);

app.Response.AppendHeader("Content-Encoding", "gzip");

}

else if (acceptEncoding.IndexOf("deflate", StringComparison.InvariantCultureIgnoreCase) >= 0

|| acceptEncoding == "*")

{

app.Response.Filter = new System.IO.Compression.DeflateStream(app.Response.Filter, System.IO.Compression.CompressionMode.Compress);

app.Response.AppendHeader("Content-Encoding", "deflate");

}

asmx, gzip, compression, clinet

[tracert] 네트워크 구간별 경로 추적 유틸

쇠주는참이슬 — Wed, 30 Sep 2015 09:51:40 +0900

서버에는 전혀 부하도 없고 별다른 문제가 발견되지 않았는데, 웹 접속이 유난히 느리다면

접속을 시도하는 PC에서 해당 서버까지 도달하는 네트워크 회선 중 문제가 있지 않을까 의심을 해볼 수 있다.

(쉽게 말해서, 인터넷이 느릴 때 네트워크 상태를 의심하는 경우)

이때 단순히 내부 네트워크망이 문제일 수도 있지만, 중간에 여러 경로를 거치는 과정에서 문제가 있을 수도 있는데,

어떤 경로에서 문제가 있는지를 체크할 수 있는 명령어가 바로 tracert이다.

1. tracert ?

tracert는 trace route의 줄인 말로, 영어 뜻 그대로 'route를 추적한다'는 의미를 가지고 있다.

위키피디아(http://ko.wikipedia.org/wiki/Traceroute)에 나온 정의는 아래와 같다.

traceroute 혹은 tracert는 인터넷을 통해 거친 경로를 표시하고 그 구간의 정보를 기록하고 인터넷 프로토콜 네트워크를 통해 패킷의 전송 지연을 측정하기 위한 컴퓨터 네트워크 진단 유틸리티이다.

그렇다면 라우터는 무엇인가? 라우터 역시 위키피디아(http://ko.wikipedia.org/wiki/%EB%9D%BC%EC%9A%B0%ED%84%B0)에서 정의를 찾아보면 아래와 같다.

라우터(router, 문화어: 경로기)는 패킷의 위치를 추출하여 그 위치에 대한 최상의 경로를 지정하며 이 경로를 따라 데이터 패킷을 다음 장치로 전향시키는 장치이다.

같은 말이지만 좀 더 쉽게 표현하자면, 라우터는 데이터 패킷이 목적지까지 갈 수 있는 길을 검사하고, 어떤 길로 가는 것이 가장 적절한 것인지를 결정한 뒤 그 길로 데이터 패킷을 스위칭해주는 장비이다.

총정리 하자면, 네트워크를 통해 클라이언트에서 서버로 접속하기 위해서는 라우터라는 장비를 꼭 거치게 되는데, tracert 명령어는 이 과정에 있어서 어떤 라우터까지 데이터가 도달하였는지, 그리고 그 구간별 속도를 알려주는 명령어이다.

2. tracert 명령어 사용법

tracert 명령어 사용법은 아주 간단하다. 콘솔 창에서(윈도우라면 시작-실행-cmd를 실행하면 콘솔 창을 열 수 있다) 아래와 같은 명령어를 입력하면 된다.

tracert [IP주소 혹은 도메인주소]

예를 들어 nota.tistory.com를 접속할 때 거치는 네트워크 경로와 각 구간별 속도를 확인하고 싶다면 아래와 같이 입력하면 된다.

>> tracert nota.tistory.com

그러면 각 라우터의 IP나 이름이 나오고, 구간별 속도가 나온다.

(보안 상 막혀있는 경우는 '*'로 나오게 된다.)

3. tracert 명령어 옵션

tracert 명령어에 줄 수 있는 옵션들은 아래 표와 같다.

(콘솔 창에서 tracert -/? 라고 입력하면 나온다.)

옵션	내용
-d	주소를 호스트 이름으로 확인하지 않는다.
-h maximum_hops	대상 검색을 위해 최대 홉 수를 설정한다.
-j host-list	host-list에 따라 원본 라우팅을 완화한다(IPv4에만 해당).
-w timeout	각 응답의대기 시간 제한(밀리초)을 둔다.
-R	왕복 경로를 추적한다(IPv6에만 해당).
-S srcaddr	사용할 원본 주소를 설정한다(IPv6에만 해당).
-4	IPv4를 사용한다.
-6	IPv6를 사용한다.

출처 : http://nota.tistory.com/39