codefactoryglobal의 등록된 링크

키자드에 등록된 총 412개의 포스트를 확인하실 수 있습니다.

Tistory

애플, 폴더블 아이폰 개발 '준비 중', 출시는 2026년

애플은 5년 이상의 연구 개발 끝에 최소 두 개의 폴더블 아이폰 프로토타입을 적극적으로 제작하고 있다고 The Information이 전했다. 애플, 폴더블 아이폰 프로토타입 2종 제작 출처에 따르면 폴더블 아이폰 프로토타입은 클램처럼 가로로 접히는 방식이며, 초기 개발 단계에 있어 2024년이나 2025년에는 양산 계획에 포함되지 않아 최초 출시는 2026년이 될 것으로 예상된다. 다만 애플은 폴더블 아이폰 두 가지 모델에 필요한 부품을 위해 이미 아시아 공급업체 몇몇과 접촉했다. 보고서는 또 폴더블 아이폰은 애플의 기준을 충족하지 못할 경우 출시가 취소될 수도 있다고 덧붙였다. 기술적 어려움과 높은 가격, 출시 장애물로 애플은 수년간 폴더블 아이폰 출시에 대한 관심이 변화해 왔다고 한다. 팀쿡 CEO..

원문보기 내부링크
Tistory

정수 나누기 결과를 부동 소수점 변수에 할당하면 안 됩니다.

int에 대해 나누기가 수행되면 결과는 항상 int입니다. 자동 유형 변환을 사용하여 해당 결과를 double, float 또는 십진수에 할당할 수 있지만 int로 시작한 후에는 결과가 예상한 것과 다를 수 있습니다. int 나누기 결과가 부동 소수점 변수에 할당되면 할당 전에 정밀도가 손실됩니다. 대신, 작업이 수행되기 전에 최소한 하나의 피연산자를 최종 유형으로 캐스팅하거나 승격해야 합니다. 예: decimal dec = 3/2; // Noncompliant decimal dec = (decimal)3/2;

원문보기 내부링크
Tistory

공유 리소스를 잠금에 사용해서는 안 됩니다.

교착 상태 가능성이 높아지므로 공유 리소스를 잠금에 사용해서는 안 됩니다. 다른 스레드는 관련되지 않은 다른 목적을 위해 동일한 잠금을 획득(또는 획득을 시도)할 수 있습니다. 대신 교착 상태나 잠금 경합을 방지하기 위해 각 공유 리소스에 전용 개체 인스턴스를 사용해야 합니다. 다음 개체는 공유 리소스로 간주됩니다. 이것 Type 객체 문자열 리터럴 문자열 인스턴스

원문보기 내부링크
Tistory

스레드는 약한 ID를 가진 개체에 대해 잠그면 안 됩니다.

애플리케이션 도메인 경계를 넘어 액세스할 수 있는 개체에 대한 잠금을 획득하는 스레드는 다른 애플리케이션 도메인의 다른 스레드에 의해 차단될 위험이 있습니다. 애플리케이션 도메인 경계를 넘어 액세스할 수 있는 개체는 약한 ID를 가지고 있다고 합니다. 정체성이 약한 유형은 다음과 같습니다. MarshalByRefObject ExecutionEngineException OutOfMemoryException StackOverflowException String MemberInfo ParameterInfo Thread

원문보기 내부링크
Tistory

예외는 명시적으로 다시 발생되어서는 안 됩니다.

예외를 다시 발생시킬 때는 간단히 throw를 호출하여 수행해야 합니다. ex;를 던지지 마세요. 스택 추적이 두 번째 구문으로 재설정되어 디버깅이 훨씬 더 어려워지기 때문입니다. 예: try {} catch(ExceptionType1 exc) { Console.WriteLine(exc); throw exc; // Noncompliant; stacktrace is reset } catch(ExceptionType2 exc) { Console.WriteLine(exc); throw; // Compliant } catch (ExceptionType3 exc) { throw new Exception("My custom message", exc); // Compliant; stack trace preserved }

원문보기 내부링크
Tistory

예상치 못한 방법으로 인해 예외가 발생해서는 안 됩니다.

일부 메서드는 주의해서 호출해야 하지만 ToString과 같은 다른 메서드는 "그냥 작동"할 것으로 예상됩니다. 이러한 메서드에서 예외가 발생하면 호출자의 코드가 예기치 않게 중단될 수 있습니다. 다음 중 하나에서 예외가 발생하면 문제가 발생합니다. Event accessors Object.Equals IEquatable.Equals GetHashCode ToString static constructors IDisposable.Dispose operator ==, !=, , = implicit cast operators 나쁜 예: public override string ToString() { if (string.IsNullOrEmpty(Name)) { throw new ArgumentException(..

원문보기 내부링크
Tistory

안드로이드15 개발자 프리뷰1(DP1)의 다운로드가 일시 중단

안드로이드15 개발자 프리뷰1(DP1)의 다운로드가 일시 중단됐다. [사진: 안드로이드닷컴] 최근 구글이 출시한 안드로이드15 개발자 프리뷰1(DP1)의 다운로드가 일시 중단됐다고 20일(현지시간) IT 매체 폰아레나가 전했다. 다운로드 중단은 안드로이드15 DP1의 OTA 데이터 파일에 예상치 못한 문제가 발생했기 때문이다. OTA 데이터를 내려받은 후 사이드로드 과정에서 '장치가 손상됐다'는 메시지가 뜨는 문제였다. 이에 따라 구글은 문제가 해결될 때까지 OTA 다운로드를 비활성화했다. 한편 개발자들은 해당 문제를 해결하기 위해 공장 초기화를 진행할 것을 권장받은 것으로 알려졌다. 문제가 발생한 빌드는 일상 사용자가 아닌 앱 개발자가 앱을 테스트하기 위한 것이다. 그러나 구글은 문제 해결 시기와 다운..

원문보기 내부링크
Tistory

CSS 전용 더하기/십자가 아이콘

더하기 아이콘 또는 십자가 아이콘 ️ 만들기 하나의 요소 의사 요소 없음 하나의 그라데이션 크기와 색상을 쉽게 조정할 수 있습니다. .plus { --b: 10px; /* the thickness*/ --c: #0000 90deg,#000 0; /* the coloration */ width: 50px; /* the size */ aspect-ratio: 1; background: conic-gradient(from 90deg at var(--b) var(--b),var(--c)) calc(100% + var(--b)/2) calc(100% + var(--b)/2)/ calc(50% + var(--b)) calc(50% + var(--b)); }

원문보기 내부링크
Tistory

멋진 호버 효과로 간단한 리본 모양 만들기

멋진 호버 효과로 간단한 리본 모양 만들기 단 하나의 요소 CSS 변수로 최적화됨 @property 제공 @property --a { syntax: ""; initial-value: 0deg; inherits: true; } .ribbon { --c: #60b0a7; --r: .8em; --a: 0deg; /* this will get animated */ --d: .5em; padding-inline: .3em; margin: calc(.5lh + var(--r)) calc(1.2lh + var(--d)); background: var(--c); position: relative; transition: --a .6s; } .ribbon:hover { --a: 60deg; } .ribbon:before,..

원문보기 내부링크
Tistory

햄버거 메뉴 아이콘

2개의 그라데이션이 있는 CSS 전용 햄버거 메뉴 아이콘을 만듭니다. 하나의 값을 조정하여 크기를 제어합니다. .menu { width:80px; /* update this to control the size */ aspect-ratio:1; background: radial-gradient(closest-side at 50% 25%,#000 96%,#0000) top/20% 40%, linear-gradient(#000 50%,#0000 0) top/80% 40% repeat-y; }

원문보기 내부링크
Tistory

동적 색상이 포함된 진행률 표시줄

동적 색상을 사용하여 CSS 전용 진행 표시줄을 만듭니다. 값에 따라 색상이 변경됩니다. 자바스크립트 없음 특정 CSS 선택기가 없습니다. progress[value] { --w:200px; /* The width */ /* The background property */ --b: /* static layers */ linear-gradient(#fff8,#fff0), repeating-linear-gradient(135deg,#0003 0 10px,#0000 0 20px), /* dynamic layers */ /* if < 30% "red" */ linear-gradient(red 0 0) 0 /calc(var(--w)*.3 - 100%) 1px, /* if < 60% "orange" */ linea..

원문보기 내부링크
Tistory

CSS 전용 스크롤 그림자

몇 줄의 코드로 CSS 전용 스크롤 그림자 효과를 만듭니다. 자바스크립트 없음 추가 요소 없음 의사 요소 없음 배경 속성만 해당됩니다. .scrollbox { overflow: auto; --g: radial-gradient(55% 20px, #0009, #0000); background: linear-gradient(#fff 10px, #0000 40px calc(100% - 40px),#fff calc(100% - 10px)) local, var(--g) top /100% 200%, var(--g) bottom/100% 200%; }

원문보기 내부링크
Tistory

원형 점선 테두리

대시를 완벽하게 제어할 수 있는 원형 점선 테두리를 만듭니다. 단 하나의 요소와 몇 줄의 코드만 필요합니다. 테두리 디자인을 제어하려면 CSS 변수를 업데이트하기만 하면 됩니다. .box { --n: 20; /* control the number of dashes */ --d: 8deg; /* control the distance between dashes */ --t: 5px; /* control the thickness of border*/ --c: red; /* control the coloration (can be a gradient) */ width: 120px; aspect-ratio: 1; position: relative; } .box::after { content: ""; position..

원문보기 내부링크
Tistory

한 열은 다른 열의 높이를 제어

한 열이 내용에 관계없이 다른 열의 높이를 제어하도록 만듭니다. 아래에서는 왼쪽 열이 오른쪽 열을 제어합니다. JavaScript는 필요하지 않습니다. CSS 세 줄만 있으면 됩니다. .grid { display: grid; grid-template-columns: 1fr 1fr; } .grid .left {/*nothing here*/} .grid .right { height: 0; min-height: 100%; overflow: auto; }

원문보기 내부링크
Tistory

CSS 그라데이션을 사용

CSS 그라데이션을 사용하여 텍스트에 멋진 느낌을 더해보세요 box-decoration-break: clone. .box { display:inline-block; font-weight:bold; font-family:sans-serif; font-size:45px; } .box span { line-height: 1.3em; padding: 0.05em 0.6em; -webkit-box-decoration-break: clone; box-decoration-break: clone; } .one span { color: #fff; --g: #0000 .5em,#f03355 calc(.5em + 1px); background: linear-gradient(115deg,var(--g)) left, linea..

원문보기 내부링크
Tistory

MSSQL - DATETIME TIP

MSSQL - DATETIME TIP -- https://docs.microsoft.com/ko-kr/sql/t-sql/functions/cast-and-convert-transact-sql#date-and-time-styles SELECT CONVERT(VARCHAR, GETDATE(), 120) -- 지정된 두 날짜를 더하여 새 날짜를 반환한다. SELECT DATENAME(날짜부분, 날짜) -- 두 날짜 사이의 간격을 계산하여 지정된 단위(시간, 일, 주 등)로 반환한다. SELECT DATEDIFF(날짜부분,시작날짜, 종료날짜) -- 지정한 날짜 부분을 문자열로 반환한다. SELECT DATENAME(날짜부분, 날짜) -- 지정한 날짜의 지정한 날짜 부분에 해당하는 정수를 반환한다. SELECT ..

원문보기 내부링크
Tistory

MSSQL - 변경된 객체에 종속성이 있는 모든 뷰 업데이트

update all views that have dependencies on a changed object --https://learn.microsoft.com/ko-kr/sql/relational-databases/system-stored-procedures/sp-refreshview-transact-sql?view=sql-server-ver16 SELECT DISTINCT 'EXEC sp_refreshview ''' + name + '''' FROM sys.objects so INNER JOIN sys.sql_dependencies sd ON so.object_id = sd.object_id WHERE type = 'V' AND sd.referenced_major_id = object_id('OBJE..

원문보기 내부링크
Tistory

MSSQL - TIP 모음(tips for mssql)

MSSQL - TIP 모음(tips for mssql) -- https://msdn.microsoft.com/ko-kr/library/ms176007(v=sql.90).aspx -- object의 정의 exec sp_helptext N'NAME' -- object의 종속성 정보 in current DB exec sp_depends N'NAME' -- view의 메타데이터 업데이트 exec sp_refreshview N'VIEW_NAME' -- 테이블 존재시 삭제 IF OBJECT_ID('dbo.Scores', 'U') IS NOT NULL DROP TABLE dbo.Scores; -- 임시 테이블 존재시 삭제 IF OBJECT_ID('tempdb.dbo.#T', 'U') IS NOT NULL DROP T..

원문보기 내부링크
Tistory

Microsoft SQL Server Management Studio에서 직접 실행했던 쿼리

-- Microsoft SQL Server Management Studio에서 직접 실행했던 쿼리들만 보여준다. SELECT db_name(st.dbid) DBName, object_schema_name(objectid, st.dbid) SchemaName, object_name(objectid, st.dbid) SPName, qs.total_elapsed_time, creation_time, last_execution_time, text FROM sys.dm_exec_query_stats qs CROSS APPLY sys.dm_exec_sql_text(qs.plan_handle)st JOIN sys.dm_exec_cached_plans cp ON qs.plan_handle = cp.plan_handle

원문보기 내부링크
Tistory

테이블 생성 시 기본 키를 지정해야 합니다

테이블 생성 시 기본 키를 지정해야 합니다. 기본 키가 없는 테이블은 조인할 수 없기 때문에 관계형 데이터베이스에서 거의 사용할 수 없습니다. 모든 레코드가 기본 키 값을 갖도록 테이블 생성 시 기본 키를 지정해야 합니다. 나쁜 예: CREATE TABLE employee ( employee_id INTEGER NOT NULL, first_name VARCHAR(42) NOT NULL, last_name VARCHAR(42) NOT NULL ); 좋은 예: CREATE TABLE employee ( employee_id INTEGER NOT NULL PRIMARY KEY, first_name VARCHAR(42) NOT NULL, last_name VARCHAR(42) NOT NULL ); 또는 CREA..

원문보기 내부링크
Tistory

"NULL"을 직접 비교하면 안 됩니다.

Zen과 같은 방식으로 "NULL"은 그 어떤 것, 심지어 그 자체와도 결코 동일하지 않습니다. 따라서 같음 연산자를 사용한 비교는 값이 실제로 IS NULL인 경우에도 항상 False를 반환합니다. 이러한 이유로 비교 연산자를 사용하여 NULL과 비교하면 안 됩니다. 대신 IS NULL 및 IS NOT NULL을 사용해야 합니다. 나쁜 예: UPDATE books SET title = 'unknown' WHERE title = NULL -- Noncompliant 좋은 예: UPDATE books SET title = 'unknown' WHERE title IS NULL

원문보기 내부링크
Tistory

"NOT IN" 조건에서는 Null 허용 하위 쿼리를 사용하면 안 됩니다.

하위 쿼리와 함께 NOT IN을 사용하는 WHERE 절 조건은 해당 하위 쿼리가 NULL을 반환하는 경우 예기치 않은 결과를 가져옵니다. 반면에 NOT EXISTS 하위 쿼리는 동일한 조건에서 안정적으로 작동합니다. 이 규칙은 NOT IN이 하위 쿼리와 함께 사용될 때 문제를 발생시킵니다. 규칙 엔진에 테이블 정의에 대한 정보가 없기 때문에 이 규칙은 선택한 열이 Null 허용 열인지 확인하지 않습니다. 열이 Null 허용 여부를 수동으로 검토하는 것은 개발자의 몫입니다. 나쁜 예: SELECT * FROM my_table WHERE my_column NOT IN (SELECT nullable_column FROM another_table) -- Noncompliant; "nullable_column" ..

원문보기 내부링크
Tistory

"COALESCE", "IIF" 및 "CASE" 입력 표현식에는 하위 쿼리가 포함되어서는 안 됩니다

COALESCE 및 IIF(내부적으로 CASE 표현식으로 평가)와 CASE 입력 표현식은 하위 쿼리와 함께 사용하면 안 됩니다. 하위 쿼리는 표현식의 각 옵션에 대해 한 번만 평가되고 각 평가는 옵션에 따라 다른 결과를 반환할 수 있기 때문입니다. 격리 수준. 일관된 결과를 보장하려면 SNAPSHOT ISOLATION 격리 수준을 사용하세요. 일관된 결과 와 더 나은 성능을 보장하려면 하위 쿼리를 표현식 밖으로 이동하세요. COALESCE를 ISNULL로 바꾸는 옵션이기도 합니다. 나쁜 예: CASE WHEN (SELECT COUNT(*) FROM A) > 0 THEN (SELECT COUNT(*) FROM A) + 42 ... ELSE otherExpression END 좋은 예: SET @a = SE..

원문보기 내부링크
Tistory

"NOCOUNT"는 "PROCEDURE" 및 "TRIGGER" 정의에서 활성화되어야 합니다.

NOCOUNT는 기본적으로 서버 수준에서 비활성화(OFF)됩니다. 이는 기본적으로 서버가 실행된 SQL 쿼리의 영향을 받은 행 수를 클라이언트에 전송한다는 의미입니다. 이는 대부분의 경우 아무도 이 정보를 읽지 않기 때문에 쓸모가 없습니다. 이 기능을 비활성화하면 일부 네트워크 트래픽이 절약되고 저장 프로시저 및 트리거의 실행 성능이 향상됩니다. 따라서 쿼리가 처리되기 전에 PROCEDURE 및 TRIGGER 정의 시작 부분에 SET NOCOUNT ON을 정의하는 것이 좋습니다. 이 규칙은 NOCOUNT가 설정되지 않거나 PROCEDURE(또는 TRIGGER) 정의의 시작과 SET, IF 또는 DECLARE가 아닌 첫 번째 문 사이에 OFF로 설정된 경우 문제를 발생시킵니다. 좋은 예: CREATE PR..

원문보기 내부링크
Tistory

"LIKE" 절은 와일드카드 문자로 시작하면 안 됩니다.

LIKE 절의 값이 '%', '[...]', '_'로 시작하는 경우 검색된 컬럼의 인덱스를 무시하고 전체 테이블 스캔을 수행한다. 나쁜 예: SELECT FIRST_NAME, LAST_NAME FROM PERSONS WHERE LAST_NAME LIKE '%PONT'

원문보기 내부링크
Tistory

"CASE" 입력 표현식은 변하지 않아야 합니다

내부적으로는 단순 CASE 표현식이 검색된 CASE 표현식으로 평가됩니다. 그건, CASE @foo WHEN 1 THEN 'a' WHEN 2 THEN 'b' 실제로는 다음과 같이 평가된다. CASE WHEN @foo = 1 THEN 'a' WHEN @foo = 2 THEN 'b' 대부분의 상황에서 차이는 중요하지 않지만 입력 식이 고정되지 않은 경우(예: RAND()가 포함된 경우) 예상치 못한 결과가 발생할 가능성이 높습니다. 따라서 입력 표현식을 한 번 평가한 후 변수에 할당하고 해당 변수를 CASE의 입력 표현식으로 사용하는 것이 좋습니다. 이 규칙은 CASE 입력 표현식에 RAND, NEWID, CRYPT_GEN_RANDOM 중 하나가 사용될 때 문제를 발생시킵니다. 나쁜 예: CASE CONVE..

원문보기 내부링크
Tistory

"@@IDENTITY"를 사용하면 안 됩니다.

@@IDENTITY는 범위에 관계없이 연결에서 생성된 마지막 ID 열 값을 반환합니다. 즉, 사용자가 생성한 마지막 ID 값을 반환하거나 사용자 정의 함수 또는 트리거(삽입으로 인해 실행될 수 있음)에 의해 생성된 값을 반환할 수 있음을 의미합니다. 범위에서 생성된 마지막 ID 값에 액세스하려면 대신 SCOPE_IDENTITY()를 사용하세요. 나쁜 예: INSERT ... SET @id = @@IDENTITY -- Noncompliant 좋은 예: INSERT ... SET @id = SCOPE_IDENTITY()

원문보기 내부링크
Tistory

다음 기능은 더 이상 사용되지 않거나 (버전에 따라) TSQL에서 이미 제거

WRITETEXT, UPDATETEXT, READTEXT 대신 - VARCHAR 사용 GROUP BY ALL 대신 - UNION 또는 파생 테이블 사용 FASTFIRSTROW 대신 - FAST n을 사용하세요. SETUSER 대신 - EXECUTE AS를 사용하세요. CREATE RULE 대신 - CHECK 제약 조건 사용 BACKUP 또는 RESTORE에서 PASSWORD, MEDIAPASSWORD 대신 - 디렉터리에서 액세스 제어를 사용하거나 RESTORE의 경우 WITH RESTRICTED_USER를 사용하세요. DBCC DBREINDEX 대신 - ALTER INDEX REBUILD를 사용하세요. DBCC INDEXDEFRAG 대신 - ALTER INDEX DEFRAG를 사용하세요. DBCC SHO..

원문보기 내부링크
Tistory

루프에서 '+'를 사용하여 문자열을 연결하면 안 됩니다.

StringBuilder는 문자열 연결보다 더 효율적입니다. 특히 연산자가 루프에서처럼 반복해서 반복되는 경우에는 더욱 그렇습니다. 나쁜 예: string str = ""; for (int i = 0; i < arrayOfStrings.Length ; ++i) { str = str + arrayOfStrings[i]; } 좋은 예: StringBuilder bld = new StringBuilder(); for (int i = 0; i < arrayOfStrings.Length; ++i) { bld.Append(arrayOfStrings[i]); } string str = bld.ToString();

원문보기 내부링크
Tistory

카운터 개체 또는 맵 만들기

대부분의 경우, 빈도/발생을 값으로 사용하여 변수를 키로 추적하는 카운터 개체나 맵을 생성하여 문제를 해결해야 합니다. let string = 'kapilalipak'; const table={}; for(let char of string) { table[char]=table[char]+1 || 1; } // Output {k: 2, a: 3, p: 2, i: 2, l: 2} 그리고 const countMap = new Map(); for (let i = 0; i < string.length; i++) { if (countMap.has(string[i])) { countMap.set(string[i], countMap.get(string[i]) + 1); } else { countMap.set(strin..

원문보기 내부링크
Tistory

속도와 효율성을 높이는 20가지 JavaScript 팁

1. 배열 선언 및 초기화 또는 같은 기본값을 사용하여 특정 크기의 배열을 초기화할 수 있습니다 "". 1-D 배열에 이것을 사용했을 수도 있지만 2-D 배열/행렬을 초기화하는 것은 어떻습니까?null0 const array = Array(5).fill(''); // Output (5) ["", "", "", "", ""] const matrix = Array(5).fill(0).map(()=>Array(5).fill(0)); // Output (5) [Array(5), Array(5), Array(5), Array(5), Array(5)] 0: (5) [0, 0, 0, 0, 0] 1: (5) [0, 0, 0, 0, 0] 2: (5) [0, 0, 0, 0, 0] 3: (5) [0, 0, 0, 0, 0] ..

원문보기 내부링크
Tistory

웹 개발 기술을 향상시키기 위해 GitHub에서 PDF 형식 무료 전자책

웹 개발자를 위한 최고의 PDF 가이드 컬렉션에는 HTML5, JavaScript, Google Apps Script, 웹 개발 퀴즈, AJAX, JSON, SEO 등과 같은 주제를 다루는 초보자부터 고급 수준까지의 리소스가 포함되어 있습니다. 보물 창고에는 코딩 및 웹 개발 기술을 향상시키기 위한 자세한 튜토리얼, 실제 연습, 퀴즈가 포함되어 있습니다. 기본 HTML5 부터 고급 JavaScript , Google Apps Script 연습 등에 이르기까지 모든 것을 다루는 보물 같은 PDF 리소스를 공유하게 되어 기쁘게 생각합니다 . 기술을 향상시키려는 초보자와 숙련된 웹 개발자 모두에게 적합합니다 ! 목록은 다음과 같습니다 웹사이트 구축 방법.pdf 운동-객체-JavaScript-.pdf 퀴즈-Ja..

원문보기 내부링크
Tistory

유지 관리 가능한 JavaScript 코드의 기술: 모범 사례

JavaScript는 웹 개발의 핵심인 다재다능하고 널리 사용되는 프로그래밍 언어입니다. 강력하기는 하지만, 깔끔하고 효율적인 JavaScript 코드를 작성하는 것은 유지 관리 가능한 프로젝트를 만드는 데 중요합니다. 이 블로그 게시물에서는 코딩 기술 수준을 높이는 데 도움이 되는 몇 가지 JavaScript 모범 사례를 코드 예제와 함께 살펴보겠습니다. 1. 엄격 모드 사용 "엄격 모드 사용"은 JavaScript 코드에 대한 안전망으로, 일반적인 실수를 포착하고 코드 가독성을 향상시킵니다. "use strict"; let x = 10; y = 5; // This will throw an error in strict mode as 'y' is not declared. 2. 변수를 올바르게 선언하세요 ..

원문보기 내부링크
Tistory

JavaScript 마스터하기: 프런트엔드 인터뷰를 해결하기 위한 필수 주제

JavaScript의 복잡한 환경을 탐색하는 데 도움을 주기 위해 우리는 여러분을 성공으로 이끄는 데 확실한 필수 주제의 포괄적인 목록을 편집했습니다. 각 주제와 함께 우리는 귀하의 이해를 심화하고 기술을 강화할 수 있는 리소스를 제공했습니다. 귀중한 리소스와 함께 마스터해야 할 주요 영역을 자세히 살펴보겠습니다. 기본 사항: 변수, 데이터 유형, 연산자 등 기본 사항부터 시작하세요. 리소스: MDN 웹 문서 - JavaScript 기본 함수: 함수, 범위, 클로저 및 'this' 키워드에 대해 자세히 알아보세요. 자원: JavaScript.info - 함수 ES6 기능: 화살표 함수, 구조 분해, 확산/휴식 연산자, 템플릿 리터럴에 익숙해집니다. 자료: ES6 기능 - 종합 가이드 비동기 JavaScr..

원문보기 내부링크
Tistory

GitHub에서 무료 JavaScript 리소스

GitHub에는 기술과 지식을 연마하는 데 도움이 되는 수많은 무료 리소스가 있습니다. 초보자 친화적인 리포지토리부터 JavaScript를 능숙하게 다루려는 사람들을 위한 최고의 JavaScript 학습 리소스 목록까지. 알고리즘과 데이터 구조, 깔끔한 코드 개념에 관심이 있거나 광범위한 JavaScript 튜토리얼을 탐색하고 싶은 경우 GitHub에서 모두 찾을 수 있습니다. 이 블로그에서는 GitHub에서 무료로 사용할 수 있는 최고의 JavaScript 인터뷰 리소스 중 일부를 탐색하여 다음 JavaScript 인터뷰에서 자신감을 가지고 준비하고 탁월한 능력을 발휘할 수 있도록 돕습니다. 자바스크립트 JavaScript를 사용하여 일반적인 알고리즘 연습 모든 JavaScript 개발자가 알아야 할 ..

원문보기 내부링크
Tistory

인공 지능 대화 모델인 챗GPT가 사용자들의 개인 대화 내용에서 비밀번호를 포함한 민감한 정보를 유출했다는 의혹

인공 지능 대화 모델인 챗GPT가 사용자들의 개인 대화 내용에서 비밀번호를 포함한 민감한 정보를 유출했다는 의혹이 제기되면서 파문을 일으키고 있다. ChatGPT가 사용자들의 비밀번호를 포함한 개인 정보를 유출했다는 의혹이 제기되어 문제가 되고 있다image OpenAI 29일(현지시간) IT 전문 매체 아스 테크니카(Ars Technica)에 독자 한 명이 챗GPT와의 대화 기록을 공개하며 이 같은 의혹을 제기했다. 해당 독자는 자신의 비공개 연구 논문 제목과 프레젠 자료 일부, 심지어는 아직 출판되지 않은 연구 내용까지 챗GPT가 언급하는 것을 확인했다고 전했다. 이와 함께 자신의 이메일 주소와 연결된 암호화된 비밀번호를 챗GPT가 추측해 내는 듯한 상황도 발생했다고 밝혔다. 이 같은 주장은 인공..

원문보기 내부링크
Tistory

모바일 앱 접근성 지침

모바일 앱 접근성 준수사항 지침내용비고 대체 텍스트 이미지 등 텍스트 아닌 콘텐츠의 정보나 의미를 동등하게 인식할 수 있도록 대체 텍스트 제공 시각장애인 등 초점 모든 객체에 초점(focus)을 적용하고, 초점이 순차적으로 이동될 수 있도록 제공 시각·지체장애인 등 운영체제 접근성 기능 지원 각 모바일 운영체제에서 장애인을 위해 제공하는 기능과 호환될 수 있도록 서비스 제공 모든 장애인 누르기 동작 지원 슬라이드, 드래그앤드롭 등의 복잡한 동작을 단순한 방법으로 이용할 수 있도록 제공 시각·지체장애인 등 색에 무관한 인식 색각이상자도 정보를 동등하게 접근할 수 있도록 무늬, 패턴 등을 함께 제공 색각 이상자 등 명도 대비 저시력자, 고령자 등을 위해 전경과 배경을 구분할 수 있도록 고대비를 제공 저시력인..

원문보기 내부링크
Tistory

성능 최적화를 위한 Javascript 팁과 요령

1. 배열 필터 사용 배열 풀에서 요소 버킷을 필터링하는 것은 작은 해킹입니다. 이 메소드는 테스트를 통과한 모든 배열 요소로 채워진 배열을 생성합니다(함수로 제공됨). 요구 사항에 따라 필수가 아닌 요소에 대한 콜백 함수를 만듭니다. 아래 예에서 버킷 요소는 null 이며 필터링할 준비가 되어 있습니다. 예: schema = ["hi","ihaveboyfriend",null, null, "goodbye"] schema = schema.filter(function(n) { return n }); Output: ["hi","ihaveboyfriend", "goodbye"] 이 해킹은 개발자의 시간과 코드 줄을 절약해 줍니다. 2. 문자열 바꾸기 기능을 사용하여 모든 값 바꾸기 String.replace()..

원문보기 내부링크
Tistory

JavaScript 면접 질문 상위 10개

1. 자바스크립트란 무엇인가요? 답변: JavaScript는 주로 프런트엔드 웹 개발에 사용되는 다양하고 널리 사용되는 프로그래밍 언어입니다. 이를 통해 개발자는 웹 페이지에 대화형 기능과 동적 동작을 추가할 수 있습니다. 2. null과 정의되지 않은 것의 차이점은 무엇입니까? 답변: null은 의도적으로 값이 없음을 나타냅니다. 정의되지 않음 은 선언되었지만 값이 할당되지 않은 변수의 기본값입니다. 3. JavaScript의 클로저 개념을 설명하세요. 답변: 클로저는 외부 함수의 실행이 완료된 후에도 외부(인클로징) 함수의 변수에 대한 액세스를 유지하는 함수입니다. 이렇게 하면 내부 함수가 해당 변수를 계속 참조할 수 있습니다. 4. JavaScript에서 this 키워드의 목적은 무엇입니까? 답변:..

원문보기 내부링크
Tistory

일반적인 JavaScript 질문

JavaScript에서 호이스팅이란 무엇이며 어떻게 작동하나요? console.log(hoistedVariable); // 한정되지 않은 var hoistedVariable = '이것은 호이스트된 변수입니다.'; console.log(notHoisted); // 참조 오류: notHoisted가 정의되지 않았습니다. let notHoisted = '이것은 호이스팅된 변수가 아닙니다.'; JavaScript의 클로저란 무엇이며 어떻게 유용합니까? 함수 외부함수(x) { 반환 함수 innerFunction(y) { x + y를 반환합니다. }; } const add5 = 외부 함수(5); console.log(add5(3)); // 8 JavaScript에서 ==와 ===의 차이점은 무엇입니까? consol..

원문보기 내부링크
Tistory

JavaScript 코드에 대한 10가지 팁

=== 대신 == 사용 === 대신 ==를 사용하면 코드에서 예기치 않은 동작이 발생할 수 있습니다. == 연산자는 유형 강제를 수행합니다. 즉, 피연산자를 비교하기 전에 공통 유형으로 변환합니다. 이는 특히 다양한 유형을 비교할 때 의도하지 않은 결과를 초래할 수 있습니다. 예를 들어: console.log(1 == '1'); // 진실 console.log(1 === '1'); // 거짓 이러한 실수를 방지하려면 엄격한 동등 비교를 위해 항상 ===를 사용하세요. 이 연산자는 값과 유형을 모두 비교하므로 피연산자가 동일한 유형이고 동일한 값을 갖는 경우에만 true를 반환합니다. const와 let을 사용하지 않음 var를 사용하여 변수를 선언하면 코드에서 예기치 않은 동작이 발생할 수 있습니다. v..

원문보기 내부링크
Tistory

일상적인 문제를 위한 C# 9 팁

C#에서 사전은 요소 쌍을 연결하기 위한 강력하고 유연한 데이터 구조 역할을 합니다. 이 텍스트에 존재하는 단어의 빈도를 집계하기 위해 사전을 사용하는 것을 고려해 보십시오. 사전의 키는 이 텍스트에서 발견된 개별 단어를 나타내며, 각 단어는 해당 개수에 연결됩니다. 이러한 유형의 구조는 다양한 시나리오에서 매우 유용한 것으로 입증되었습니다. 이제 C#에서 널리 사용되는 몇 가지 사전 작업을 살펴보겠습니다! 두 사전 병합 두 사전을 결합하는 것은 C#에서 데이터 구조로 작업할 때 일반적인 작업입니다. 그러나 사전 병합은 까다로울 수 있으며, 특히 중복 키가 있는 경우 더욱 그렇습니다. 이러한 경우를 처리하기 위한 몇 가지 솔루션은 다음과 같습니다. Dictionary dict1 = new Dictiona..

원문보기 내부링크
Tistory

멋진 장식을 위해 마법을 사용 border-image하고 이미지에 원하는 만큼 테두리를 추가

멋진 장식을 위해 마법을 사용 border-image하고 이미지에 원하는 만큼 테두리를 추가하세요. 추가 요소 없음 및 의사 요소 없음 그라데이션 하나만 CSS 변수로 최적화됨 img { --s: 200px; /* image size */ --b: 14px; /* control the border thickness */ --n: 5; /* number of borders */ --c: #774F38; width: var(--s); --_p:calc(var(--b)*var(--n)); --_d:calc(var(--s)/(2*var(--n)) + var(--b)); padding: var(--_p); border-radius: calc(var(--_p) + var(--b)/4); border-image: r..

원문보기 내부링크
Tistory

모든 요소 주위에 모서리 전용 테두리를 만듭니다.

모든 요소 주위에 모서리 전용 테두리를 만듭니다. 추가 요소 없음 의사 요소 없음 배경 속성만 마우스를 올리면 애니메이션을 적용할 수도 있습니다! img { --b: 5px; /* border thickness */ --c: #0000 25%,darkblue 0; /* define the color here */ padding: 10px; background: conic-gradient(from 90deg at top var(--b) left var(--b),var(--c)) 0 0, conic-gradient(from 180deg at top var(--b) right var(--b),var(--c)) 100% 0, conic-gradient(from 0deg at bottom var(--b) left..

원문보기 내부링크
Tistory

애플, iOS 18 최대 규모 업데이트 예고

애플이 WWDC에서 발표할 iOS 18 업데이트가 역대 최대 규모로 인공지능 기능을 대폭 강화한다는 예측이 나오고 있다 애플이 차기 iOS 18에 큰 기대를 걸고 있는 것으로 보인다. 28일(현지시간), 블룸버그 통신에 따르면, 애플은 iOS 18이 "회사 역사상 가장 큰 iOS 업데이트 중 하나"가 될 것으로 전망하고 있다고 전했다. WWDC 2024에서 공개 예정 iOS 18은 오는 6월에 열리는 세계 개발자 회의(WWDC)에서 공개될 예정이다. 블룸버그는 지난해 11월부터 iOS 18이 "애플의 가장 야심찬 업데이트"가 될 것이라고 예측한 바 있다. 핵심은 인공지능 (AI) 블룸버그의 마크 거먼은 이번 업데이트에서 가장 주목할 점은 인공지능(AI) 기능의 대폭 강화라고 밝혔다. 그는 "애플이 iOS..

원문보기 내부링크
Tistory

구글 어시스턴트, 똑똑한 친구 '바드' 탑재 예고? 유출

구글의 인공지능 비서인 어시스턴트에 대형 언어모델 바드가 합쳐지는 '어시스턴트 위드 바드(Assistant with Bard)'가 얼마나 똑똑할지 궁금한가? 최근 유출된 영상을 통해 바드를 탑재한 어시스턴트의 기능 일부가 공개돼 화제다. 텍스트, 이미지, 음성 모두 지원하는 똑똑한 친구 팁스터 Nail Sadykov는 Pixel Tips 앱에서 이 기능을 발견한 후 X(구 트위터)에 비디오를 게시했다. 유출된 영상에 따르면 어시스턴트 위드 바드는 기존 어시스턴트보다 훨씬 다양한 입력 방법을 지원한다. 텍스트 입력은 기존과 동일하게 작동하며, 음성 입력은 "Hey Google"라고 말하거나 전원 버튼을 길게 눌러 활성화할 수 있다. 흥미로운 기능은 이미지 입력이다. 화면에 있는 물체를 인식하여 관련 정보를..

원문보기 내부링크
Tistory

ChatGPT 4 대신 사용할 수 있는 10가지 무료 AI 도구

유료 AI 도구인 ChatGPT 4의 대안을 찾고 있다면, 다양한 무료 옵션이 있다는 사실에 주목하자. 이 무료 도구들은 각각 고유한 기능과 특성을 갖추고 있으며, 대화형 AI, 번역, 콘텐츠 제작 등 다양한 분야에서 활용할 수 있다. 주요 무료 AI 도구 10가지 Bing AI: 실시간 인터넷 정보와 대화형 AI의 결합 통해 출처 인용, 시사 업데이트, 사실 확인 기능 제공 ChatGPT의 강력한 경쟁자로 떠오르고 있는 Bing AI는 대화형 AI의 강력한 기능과 실시간 인터넷 정보를 결합한 서비스이다. 이 기능은 발언을 뒷받침하는 출처를 인용하고, 시사 업데이트와 칭찬할 만한 사실 확인 기능을 제공한다는 점에서 돋보인다. ChatGPT를 능가하는 점은 실시간 데이터와의 통합이 핵심적인 차별화 요소이다..

원문보기 내부링크
Tistory

일론 머스크, 뉴럴링크(Neuralink)의 뇌 칩.. 인간에게 이식

테슬라 CEO 일론 머스크가 설립한 뇌-컴퓨터 인터페이스(BCI) 스타트업 뉴럴링크가 인간 환자에게 뇌 칩을 이식하는 데 성공했다고 29일(현지시간) 밝혔다. 머스크는 X(구 트위터)를 통해 "첫 번째 인간 환자가 수술을 잘 마쳤고 회복 중"이라고 전했다. 뉴럴링크는 지난해 말 미국 식품의약국(FDA)의 승인을 받아 인간 대상 임상시험을 시작했으며, 이번 환자는 사지마비나 루게릭병을 앓는 것으로 알려졌다. 머스크는 임상시험의 구체적인 내용에 대해서는 밝히지 않았지만, "초기 결과는 뇌 신호 감지에 있어 유망하다"고 전했다. 뉴럴링크는 BCI를 통해 인간이 생각만으로 컴퓨터 커서나 키보드를 조작할 수 있도록 하는 것을 목표로 하고 있다. 이번 임상시험의 성공은 뉴럴링크의 기술 개발에 있어 큰 진전으로 평가..

원문보기 내부링크
Tistory

.NET 7 Blazor Server를 .NET 8로 마이그레이션하는 방법

현재 Blazor Server를 사용하여 애플리케이션을 만들고 있다. NET 7의 샘플 앱에서 점차적으로 개선하여 만들었다. 2023/11/14 에 .NET 8 이 출시 되었다. 바로 Target framework를 '.NET 8'로 변경해보니, 이게 안 되었다. 이미 사내 라이브러리는 .NET 8 로 올려 놓았기 때문에 솔직히 당황스러웠다. 원인을 조사하기에는 시간이 부족해서 한동안은 .NET 7로 개발을 진행했다. 그리고 겨울방학이 되어서야 비로소 차분히 살펴볼 수 있었다. 변경 사항 .NET 8 샘플 앱에서 점차 현재의 애플리케이션에 근접하는 방식으로 조사해 나갔다. 폴더 구성 .NET 7에서는 바로 아래에 Pages 폴더와 Shared 폴더가 있었지만, .NET 8에서는 바로 아래에 Compone..

원문보기 내부링크
Tistory

인터페이스 말고, ‘함수 정의’ 바로가기 Ctrl+F12

인터페이스 말고, ‘함수 정의’ 바로가기 Ctrl+F12 public async Task Get(int id) { var obj = await _db.Products.Include(u=>u.Category).Include(u=>u.ProductPrices).FirstOrDefaultAsync(u => u.Id==id); if (obj!=null) { return _mapper.Map(obj); } return new ProductDTO(); } public interface IProductRepository { public Task Get(int id); } var product = await _productRepository.Get(productId.Value); Ctrl + F12 누르면 함수 정의로..

원문보기 내부링크
Tistory

간단하게 시간대 변환 빠르게 계산 PowerShell

유용하게 써 볼 수 있는 C# 버전의 코드와 PowerShell 버전의 코드를 공유합니다. Console.Out.WriteLine( new DateTimeOffset( // 연, 월, 일, 시, 분, 초 new DateTime(2023, 2, 14, 23, 0, 0), // 원본 시간대 TimeSpan.FromHours(0)) .ToOffset( // 변경해서 보려는 시간대 TimeSpan.FromHours(9) ) ); (New-Object DateTimeOffset @(` (New-Object DateTime @( 2023, 2, 14, 23, 0, 0)), ` [TimeSpan]::FromHours( 0)` )).ToOffset(` [TimeSpan]::FromHours( 9)` ).ToString..

원문보기 내부링크
Tistory

자동 가비지 수집을 피하는 방법

1. 값 타입과 참조 타입 차이점 이해하기 .NET에는 값 타입과 참조 타입 두 가지 데이터 타입이 있다. 이 두 타입의 차이점은 궁극적으로 데이터를 저장하는 방법에 있다. 값 타입의 인스턴스는 자체적으로 데이터를 보유하는 반면 참조 타입의 인스턴스는 데이터의 메모리 위치에 대한 참조를 보유한다. 값 타입은 null일 수 없으며 이를 포함하는 객체가 존재하는 한 존재한다. 따라서 값 타입은 최악의 경우 가비지 수집에 미치는 영향이 미미한다. 실제로 값 타입은 GC의 힙 내에 존재하지 않는 경우가 많다. 적절한 경우 값 타입을 사용하여 GC 할당을 방지하고 GC 수집 속도를 더 빠르게 만들 수 있다. 2. 클래스 대신 구조체 고려 타입, 특히 배열이나 일반 컬렉션에서 사용할 타입을 만들 때 구조체로 만드는..

원문보기 내부링크
Tistory

C#에서 유니코드를 이용한 한글 자모 분리와 결합

완성형 한글의 Unicode 범위는 AC00에서부터 D7AF(정확히는 D79F) 범위에 걸쳐 매핑 되어 있다. 한글 자모의 경우 Unicode 범위는 1100에서부터 11FF 범위에 걸쳐 있다. 유니코드의 자모값의 코드표 http://www.unicode.org/charts/PDF/U1100.pdf 한글 완성형 코드표 http://www.unicode.org/charts/PDF/UAC00.pdf # 한글 처리를 위한 기초 함수 아래 예제는 완성형 유니코드를 이용하여 자음과 모음을 분리, 결합하는 함수이다. 유니코드 표를 보면 한글이 사전순으로 정리되어 있다. 그래서 초성 자음과 종성 자음의 거리 계산하여 각 자음과 모음을 조합할 수 있다. Console.WriteLine(한글도우미.자소결합('ㄷ', 'ㅏ..

원문보기 내부링크
Tistory

.Net 8 새로운 문법

기존에 Class 를 생성하고 Property를 생성하는 방법입니다. public class ClassOld { public string Name { get; set; } public int age { get; set; } public ClassOld(string _name , int _age) { Name = _name; age = _age; } public void Test1() { Console.WriteLine($"{Name} / {age}"); } } 대단히 익숙한 방법일것니다. 8.0에서는 이렇게 되는군요 public class ClassNew(string name, int age) { public void Test1() { Console.WriteLine($"{name} / {age}"); ..

원문보기 내부링크
Tistory

C# 에서는 방법에서 null 매개 변수를 체크

string? info = null; void SayHI(string message ) { Console.WriteLine(value:$"Hello {message}"); } SayHI(info); void SayHI(string message ) { if(message is null) { throw new ArgumentNullException(nameof(message)); } Console.WriteLine(value:$"Hello {message}"); } void SayHI(string message ) { //if(message is null) //{ // throw new ArgumentNullException(nameof(message)); //} ArgumentNullException.T..

원문보기 내부링크
Tistory

C#에서 힙 할당을 줄이기 위한 언어 기능

struct(구조체) 사용 C#의 클래스는 참조형이므로, 클래스의 인스턴스를 너무 생성하면 GC에 부담이 걸린다. 반면에 C#에는 사용자 지정 값 타입을 정의하는 struct 기능이 있다. 이것은 C++의 class/struct와 거의 같고, 스택이나 클래스/배열 안에 직접 인스턴스를 확보할 수가 있다. System.Numerics 네임스페이스에는 이를 이용한 복소수형 Complex 나 3D 벡터형 Vector3 등이 미리 정의되어 있다. 덧붙여 int 타입이나 float 타입 등도 (명목상은) struct의 일종으로 되어 있고, System 이름 공간에 있어서 각각 struct Int32, struct Single 로서 정의되고 있다. 함수에 ref,out으로 전달 C++에서의 포인터나 참조를 사용하는..

원문보기 내부링크
Tistory

달력 날짜 목록을 반환하는 DateTime Extension 메서드

특정 날짜가 속한 달력의 모든 날짜를 반환하는 메서드입니다. 달력의 주는 일 ~ 토 순서로 되어 있습니다. 당월의 1일이 주의 처음(일요일)이 아닌 경우, 이전 달의 마지막 주 날짜들이 목록에 포함되고, 당월의 마지막 날짜가 주의 마지막(토요일)이 아닌 경우, 다음 달의 첫주 날짜들이 포함됩니다. 따라서, 목록의 총 개수는 7의 배수(28, 35, 42 중 하나)입니다. public static IEnumerable ToCalendar(this DateTime date) { var monthfirst = new DateTime(date.Year, date.Month, 1); var monthDays = DateTime.DaysInMonth(date.Year, date.Month); var monthLas..

원문보기 내부링크
Tistory

C# TimeProvider 사용 정보(.NET8)

C#에는 시간을 표현하는 클래스로 DateTime 와 DateTimeOffset 가 있다. .NET 8부터 TimeProvider 클래스가 새로 준비 되었다. TimeProvider클래스는 .NET8 의 새로운 기능의 하나로「시간 추상화 (Time abstraction)」로서 소개되고 있다. 시간 추상화는 코드 테스트에 새로운 이점이 있다. 그 내용을 기록한 글이다. DateTime.Now 와의 차이 TimeProvider 클래스는 현재 시간을 얻을 수 있다. 기존 DateTime 클래스를 사용하여 현재 시간을 얻은 경우와 비교한다. public void Run(string[] args) { var now = TimeProvider.System.GetLocalNow(); var utcNow = TimeP..

원문보기 내부링크
Tistory

갤럭시 S24 시리즈는 갤럭시 S24 울트라 갤럭시 S24 플러스 갤럭시 S24 사전 예약 시작…통신사별 혜택

갤럭시 S24 시리즈는 갤럭시 S24 울트라 갤럭시 S24 플러스 갤럭시 S24 총 3개 모델이다. 갤럭시 S24 울트라는 티타늄 블랙, 티타늄 그레이, 티타늄 바이올렛, 티타늄 옐로우 4가지 색상으로 출시되며, 256GB 모델 가격은 169만 8,400원, 512GB 모델은 184만 1,400원, 1TB 모델은 212만 7,400원이다. 갤럭시 S24 플러스와 갤럭시 S24는 오닉스 블랙, 마블 그레이, 코발트 바이올렛, 앰버 옐로우 4가지 색상으로 출시된다. 갤럭시 S24 플러스 단말 가격은 256GB 모델은 135만 3,000원, 512GB 모델은 149만 6,000원이다. 갤럭시 S24는 256GB 모델은 115만 5,000원, 512GB 모델이 129만 8,000원이다. 삼성전자 MX사업부..

원문보기 내부링크
Tistory

Windows Community Toolit 제공하는 MVVM Kit

Windows Community Toolit은 유용한 도우미 기능, 사용자 지정 컨트롤 및 앱 서비스 모음입니다. 여기서 제공하는 MVVM Kit는 Windows에 종속성이 없어 다양한 플랫폼에서 사용할 수 있는데요, 특히 .NET 5 이상에서 좀 더 최적화 되었다고 합니다. The Windows Community Toolkit is a collection of helpers, extensions, and custom controls. It simplifies and demonstrates common developer tasks building .NET apps with UWP and the Windows App SDK ... MVVM을 사용하기 위해 Windows Community Toolkit에서 ..

원문보기 내부링크
Tistory

2024년에 다운로드할 수 있는 50개 이상의 최고의 무료 부트스트랩 템플릿

무료 Bootstrap 템플릿에 대해 설명합니다. 아직 모르는 분들을 위해 말씀드리자면 Bootstrap은 웹 디자인 프레임워크입니다. 즉, 사용자 인터페이스 와 페이지 레이아웃을 생성하는 데 사용되는 CSS, HTML, JavaScript 코드가 포함된 라이브러리입니다. 이를 통해 특정 설계 작업이 어떻게 실행되는지에 대한 지식이 없어도 전문적인 결과를 얻을 수 있습니다. 대신, Bootstrap에서 제안된 유틸리티를 사용하여 사용하려는 구성 요소를 만드는 방법을 배울 수 있습니다. 여기에서는 다양한 카테고리에서 150,000회 이상 다운로드된 2024년 무료 부트스트랩 HTML5 템플릿 목록을 선별했습니다 . 귀하의 개발 프로세스를 쉽게 하기 위해 비즈니스 및 기업 웹사이트, 관리 및 대시보드 , 랜..

원문보기 내부링크
Tistory

팁 계산기 프로젝트 - HTML, CSS, JavaScript

기본 인터페이스는 두 개의 입력 필드가 있는 "팁 계산기"라는 컨테이너로 구성됩니다. 하나는 청구 금액을 위한 것이고 다른 하나는 팁 비율을 위한 것입니다. 팁 계산기는 CSS를 사용하여 스타일이 지정된 현대적인 디자인을 갖추고 있습니다. 우리는 JavaScript를 활용하여 두 입력 필드의 값을 얻고 이 값을 기준으로 총액을 계산했습니다. index.html Tip Calculator Enter the bill amount and tip percentage to calculate the total. Bill amount: Tip percentage: Calculate Total: index.js const btnEl = document.getElementById("calculate"); const bi..

원문보기 내부링크
Tistory

배열 선언 및 초기화

또는 같은 기본값을 사용하여 특정 크기의 배열을 초기화할 수 있습니다 "". 1-D 배열에 이것을 사용했을 수도 있지만 2-D 배열/행렬을 초기화하는 것은 어떻습니까? const array = Array(5).fill(''); // Output (5) ["", "", "", "", ""] const matrix = Array(5).fill(0).map(()=>Array(5).fill(0)); // Output (5) [Array(5), Array(5), Array(5), Array(5), Array(5)] 0: (5) [0, 0, 0, 0, 0] 1: (5) [0, 0, 0, 0, 0] 2: (5) [0, 0, 0, 0, 0] 3: (5) [0, 0, 0, 0, 0] 4: (5) [0, 0, 0, 0, ..

원문보기 내부링크
Tistory

다양한 조건에 논리 연산자

중첩된 if..else 또는 대소문자 전환을 줄이려면 기본 논리 연산자를 사용하면 됩니다 AND/OR. function doSomething(arg1){ arg1 = arg1 || 10; // set arg1 to 10 as a default if it’s not already set return arg1; } let foo = 10; foo === 10 && doSomething(); // is the same thing as if (foo == 10) then doSomething(); // Output: 10 foo === 5 || doSomething(); // is the same thing as if (foo != 5) then doSomething(); // Output: 10

원문보기 내부링크
Tistory

문자열, 숫자 또는 객체의 배열 정렬

문자열 정렬을 위한 내장 메소드가 있지만 sort()숫자 reverse()나 객체 배열은 어떻습니까? 숫자와 개체를 증가 및 감소 순서로 정렬하는 방법도 확인해 보겠습니다. 문자열 배열 정렬 const stringArr = ["Joe", "Kapil", "Steve", "Musk"] stringArr.sort(); // Output (4) ["Joe", "Kapil", "Musk", "Steve"] stringArr.reverse(); // Output (4) ["Steve", "Musk", "Kapil", "Joe"] 숫자 배열 정렬 const array = [40, 100, 1, 5, 25, 10]; array.sort((a,b) => a-b); // Output (6) [1, 5, 10, 25, 4..

원문보기 내부링크
Tistory

합계, 최소값, 최대값 알아보기

reduce기본적인 수학 연산을 빠르게 찾기 위해서는 방법을 활용해야 합니다 . const array = [5,4,7,8,9,2]; 합집합 array.reduce((a,b) => a+b); // Output: 35 맥스 array.reduce((a,b) => a>b?a:b); // Output: 9 최소 array.reduce((a,b) => a

원문보기 내부링크
Tistory

중복 값 제거

중복 항목을 찾아 제거하기 위해 배열에서 부울 true/false를 반환하는 indexOf()첫 번째 발견 인덱스 또는 최신 인덱스를 반환하는 for 루프를 사용했을 수 있습니다 . includes()여기에 2가지 더 빠른 접근 방식이 있습니다. const array = [5,4,7,8,9,2,7,5]; array.filter((item,idx,arr) => arr.indexOf(item) === idx); // or const nonUnique = [...new Set(array)]; // Output: [5, 4, 7, 8, 9, 2]

원문보기 내부링크
Tistory

HTML 텍스트 정렬 및 스타일 CSS

HTML 텍스트 정렬 및 스타일 CSS 사이트의 메뉴는 보통 맨 위에 있습니다. 내용이 긴 문서를 읽은 후 다시 메뉴로 가려면 한참 스크롤을 해야 하는 불편이 있습니다. 이 불편을 없애기 위해 맨 위로 가는 링크를 제공하는 곳이 많습니다. 단순한 링크로 만들면 순식간에 맨 위로 이동하는데, jQuery의 scrollTop()을 이용하면 맨 위로 스르륵 올라가는 효과를 쉽게 만들 수 있습니다. HTML 문서에 링크를 만듭니다. Top 스크롤해도 위치가 변하지 않도록 만들고, 적당히 위치를 잡은 후 보이지 않게 합니다. a.top { position: fixed; left: 50%; bottom: 50px; display: none; } 어느 정도 스크롤하여 밑으로 내려갔을 때 링크가 보이게 합니다. $( ..

원문보기 내부링크
Tistory

IntelliJ IDEA 자주쓰는 단축키 정리

Editing Ctrl + Space : Basic code completion (the name of any class,method or variable) Ctrl + Shift + Space : Smart code completion (filters the list of methodsand variables by expected type) Ctrl + Shift + Enter: Complete statement Ctrl + P : 함수호출시 인수 정보 확인 (within method call arguments) Ctrl + Q : 코드에 대한 문서창 팝업 Shift + F1 : 코드에 대한 문서 인터넷 브라우저로 팝업 Ctrl + mouse : 코드를 링크처럼 타고 들어감 Ctrl + F1 : Sho..

원문보기 내부링크
Tistory

Emoji Unicode tables — 코드 포인트 참조 및 스타일 비교

http://apps.timwhitlock.info/emoji/tables/unicode Emoji unicode characters for use on the web Emoji code points and example glyphs using web fonts, sprites and native OS representation of Emoji characters apps.timwhitlock.info 위 사이트를 접속해서 원하는 이모지의 유니코드를 복사해온다. 예를 들어 맨 위에 있는 스마일이면 유니코드가 U+1F601 라고 나온다. 여기서 가져올 코드는 U+ 는 날리고 1F601 만 사용한다. 그리고 이 1F601 코드 앞에는 &#x 를 붙이고 뒤에는 ; 를 붙여서 이모지 유니코드를 보여주는 것이라고..

원문보기 내부링크
Tistory

Visual Studio Code 단축키 정리

Visual Studio Code 단축키 정리 기본 편집 단축키 단축키 구분핵심 설명Command ID Ctrl + X 커서 위치 행 삭제(잘라내기) 커서 행 코드가 필요 없을 경우 드래그로 선택하지 않고, 해당 행에 커서를 놓고 Ctrl + X로 행을 삭제(잘라내기)합니다. editor.action.clipboardCutAction Ctrl + Shift + K 커서 위치 행 삭제 커서 행 코드가 필요 없을 경우 드래그로 선택하지 않고, 해당 행에 커서를 놓고 Ctrl + Shift + K로 행을 삭제합니다. editor.action.deleteLines Ctrl + C 커서 위치 행 복사 커서 행 코드를 반복해서 사용해야 할 경우, 해당 행에 커서를 놓고 Ctrl + C로 행을 복사합니다. edito..

원문보기 내부링크
Tistory

ASP.NET Core 8.0의 출력 캐싱을 통한 성능 향상

출력 캐싱은 .NET 7부터 도입된 새로운 기능입니다. 이를 통해 자체 IMemoryCache 구현 을 만드는 번거로움 없이 웹 API에 대한 응답 캐시를 쉽게 설정할 수 있습니다 . 이 문서에서는 ASP .NET Core Web API 프로젝트에서 출력 캐싱을 구현하는 방법을 설명합니다. 구성 먼저 Program.cs 파일 의 서비스 컨테이너에 OutputCache를 추가해야 합니다 . builder.Services.AddOutputCache(); 다음으로 OutputCache 미들웨어도 추가해야 합니다 . app.UseOutputCache(); 전체 Program.cs 파일은 다음과 같습니다. var builder = WebApplication.CreateBuilder(args); builder.Se..

원문보기 내부링크
Tistory

ASP.NET Core MVC의 페이징

서버 측 페이지 매김은 웹 애플리케이션의 중요한 측면으로, 대규모 데이터 세트를 효율적으로 탐색할 수 있게 해줍니다. ASP.NET Core MVC에는 페이지 매김에 대한 두 가지 일반적인 접근 방식, 즉 클라이언트 측 페이징과 서버 측 페이징이 있습니다. 이 자습서에서는 페이지 번호가 서버에서 처리되는 서버측 페이징에 중점을 둡니다. 전제조건 시작하기 전에 ASP.NET Core MVC에 대한 기본적인 이해를 갖추고 프로젝트를 설정했는지 확인하세요. 서버측 페이징 구현 1단계: 모델 설정 데이터를 나타내는 모델이 있다고 가정하고 필요한 속성이 포함되어 있는지 확인하세요. public class YourModel { // Properties of your model } 2단계: 컨트롤러 구현 컨트롤러에서..

원문보기 내부링크
Tistory

MSSQL - 인덱스 상태 보기

MSSQL - 인덱스 상태 보기 SELECT TOP 10 DB_NAME() AS 'DatabaseName' , OBJECT_NAME(S.OBJECT_ID) AS 'TableName' , I.NAME AS 'IndexName' , ROUND(AVG_FRAGMENTATION_IN_PERCENT, 2) AS 'Fragmentation %' FROM SYS.DM_DB_INDEX_PHYSICAL_STATS(DB_ID(),NULL,NULL,NULL,NULL) AS S INNER JOIN SYS.INDEXES AS I ON S.OBJECT_ID = I.OBJECT_ID AND S.INDEX_ID = I.INDEX_ID WHERE S.DATABASE_ID = DB_ID() -- 현재 데이터베이스 AND I.NAME I..

원문보기 내부링크
Tistory

MSSQL - 인덱스 갱신

MSSQL - 인덱스 갱신 DECLARE @i int, @sql varchar(1000) DECLARE @tablename varchar(1000),@ownerName varchar(1000) SET @i = 1 DECLARE DB_Cursor CURSOR FOR SELECT TABLE_SCHEMA, TABLE_NAME FROM INFORMATION_SCHEMA.TABLES WHERE TABLE_TYPE = 'BASE TABLE' ORDER BY TABLE_SCHEMA, TABLE_NAME OPEN DB_Cursor FETCH NEXT FROM DB_Cursor INTO @ownerName, @tablename WHILE @@FETCH_STATUS = 0 BEGIN SET @sql = 'ALTER IND..

원문보기 내부링크
Tistory

The SSL connection could not be established, see inner exception

기본 연결이 닫혔습니다. SSL/TLS 보안 채널에 대한 신뢰 관계를 설정할 수 없습니다. 이 문제를 해결하는 가장 간단한 방법은 ServerCertificateValidationCallback속성을 사용하여 서버 인증서의 사용자 지정 유효성 검사를 만드는 것입니다. ServicePointManager.ServerCertificateValidationCallback += (sender, cert, chain, sslPolicyErrors) => true; HttpClientHandler handler = new HttpClientHandler(); handler.ServerCertificateCustomValidationCallback = (message, cert, chain, errors) => tr..

원문보기 내부링크
Tistory

Windows 해킹을 위해 설계된 암호화 악성코드

사이버 보안 회사인 Trend Micro는 이전에 알려지지 않은 Phemedrone Stealer라는 악성 코드 변종을 식별했습니다. 이 악성 코드는 현재 패치된 Microsoft Windows의 보안 결함을 악용하여 명시적으로 웹 브라우저를 표적으로 삼고 암호화폐 지갑에서 데이터를 추출합니다. 텍사스에 본사를 둔 이 회사의 보고서에 따르면 Phemedrone Stealer는 암호화폐 관련 정보에만 국한되지 않습니다. 또한 Telegram, Steam, Discord와 같은 메시징 앱에서 데이터를 수집합니다. 데이터 도난을 넘어서 사이버 보안 전문가들은 Phemedrone Stealer가 기존의 데이터 도난 방법을 뛰어 넘는다고 지적했습니다. Crypto News 에 따르면 이 악성코드는 민감한 정보를 ..

원문보기 내부링크
Tistory

삼성 One UI 6.1 업데이트 가능 기기

삼성 One UI 6.1 업데이트 일정 One UI 6.0은 이미 다수의 삼성 Galaxy 기기에 출시되었으며, 이제 삼성은 One UI 6.1 출시를 앞두고 있다. One UI 6.1은 삼성 Galaxy S24 시리즈와 함께 출시되었다. 전체 One UI 6 플랫폼 업데이트에 비해 사소한 업데이트지만, 삼성은 전체 대상 기기에 순차적으로 배포할 것으로 예상된다. IT 매체 Android Authority는 삼성이 Galaxy S24 시리즈와 함께 출시된 몇 가지 새로운 AI 기능이 One UI 6.1과 함께 기존 출시된 삼성 기기에 적용될 것이라고 확인했다. 베타 테스트는 곧 시작될 것이며, 안정적인 출시도 조만에 이루어질 것으로 기대된다. 현재 삼성은 2024년 상반기에 다음 기기들에게 One UI ..

원문보기 내부링크
Tistory

인기 몰이중인 '팔월드'에 포켓몬스터 모드가 공개되었다

'팔월드'에 포켓몬스터 캐릭터들이 등장하는 모드가 등장해 화제를 모을 것으로 보인다. 유튜브 콘텐츠 크리에이터 토스티드 슈즈(@ToastedShoes)는 자신의 트위터를 통해 곧 공개될 영상 티저를 하나 업로드하였다. 영상 속에서는 게임 속 캐릭터가 포켓몬스터 애니메이션의 주인공 지우로 바뀌었고, 피카츄는 광석을 캐고 있으며, 피죤이 지우의 뒤로 날아가고 있는 모습을 볼 수 있다. 더욱 자세한 내용을 궁금해하는 유저들을 위해, 토스티드 슈즈는 바로 내일 전체 영상을 그의 채널에 업로드할 예정이라고 밝혔다. '팔월드' 출시 이후 포켓몬과의 비교는 끊임없이 이어져왔고, 소셜 미디어에는 특정 포켓몬과 팰의 유사한 외형을 가진 팔들의 디자인 비교 글이 넘쳐난다. 이러한 비난에 대해 '팔월드' 개발사 포켓페어의 ..

원문보기 내부링크
Tistory

주목받는 '팔월드' 논란, 실상은?

palworld는 PocketPlayer에서 개발한 오픈 월드 서바이벌 게임이다 image Pocketpair, Inc. 얼리액세스 출시 즉시 폭발적인 인기를 모은 몬스터 수집 게임 '팔월드'가 디자인 도용과 AI 작품 사용 의혹으로 논란에 휩싸였다. '팔월드'의 참모습과 논란의 핵심을 살펴본다. '팔월드'란? 팔월드(palworld)는 PocketPlayer에서 개발한 오픈 월드 서바이벌 게임으로, 플레이어는 자원을 수집하고, 장비를 제작하고, 기지를 건설(및 방어하고), 다양한 아이템을 점령해야 하는 오픈월드 생존게임이다. 여기서 팔(Pals)은 포켓몬 같은 몬스터를 의미한다. 포켓몬 닮은? 액션은 다르다! 몬스터 디자인이 포켓몬과 놀라울 정도로 유사하다는 비판이 있지만, 게임플레이는 전혀 다르다..

원문보기 내부링크
Tistory

아이폰 사용자 주의해야 할 iOS 17.3 취약점

애플이 심각한 보안 취약점 수정과 기능 강화를 위해 iOS 17.3 업데이트를 발표했다. 특히, 해당 업데이트는 실제 해킹 공격에 악용된 웹킷 취약점을 포함해 총 16개의 보안 문제를 해결한다. 애플은 수정 내용에 대한 자세한 내용을 공개하지 않아 업데이트 유도 전략으로 보는 의견도 있다. 하지만 이는 더 많은 공격자가 취약점 정보를 이용하기 전에 사용자들이 시급히 업데이트를 진행할 수 있도록 하는 의도로 보인다. WebKit 엔진 취약점(CVE-2024-23222) 핵심 이슈, 코드 실행 가능성 특히 주목해야 할 취약점은 바로 CVE-2024-23222 다. 애플의 사파리 브라우저 핵심 엔진인 웹킷의 이 취약점은 공격자가 코드 실행을 가능하게 하며, 일부 공격 사례가 이미 확인되었다. 애플은 보안 지원..

원문보기 내부링크
Tistory

html5에서 추가된 시멘틱 태그

section 문서 내에서 같은 의미의 구역(제목으로 시작하는 컨텐츠)을 나눌 때 사용합니다. - 섹션의 제목으로 사용되는 제목컨텐츠는 상하구조를 갖지않으며 섹션내 사용된 제목컨텐츠는 레이아웃에 영향을 주지않습니다. - 신문기사와 같은 배포형은 section이 아닌 article을 사용합니다. - section에 스타일이나 스크립트를 지정하려고 한다면 div를 사용하는 것이 좋습니다. 육대주 지구 위의 여섯 대륙 아시아 한국 일본 중국 한국 서울 부산 광주 유럽 프랑스 이탈리아 독일 article 문서내의 독립적인 글. 블로그 글이나 뉴스 본문 등을 구성하는 섹션을 나타냅니다. - article 안에서 header, footer와 같은 하나의 페이지형식으로 구현할 수도 있으며 페이지 안에서 article..

원문보기 내부링크
Tistory

html2canvas 사용시 특정 영역 프린트 제외 시키기

data-html2canvas-ignore 속성으로 프린트 제외하고 싶은 엘리먼트를 지정할 수 있다. 아래 예제에 data-html2canvas-ignore 속성에 true를 넣은 것을 볼 수 있다. 1. Is visible 2. No visible 3. Is visible

원문보기 내부링크
Tistory

css - 모바일웹 화면 회전시 텍스트 크기가 변경될 때

반응형 웹사이트를 제작하다보면 미디어쿼리를 이용해서 모바일 화면의 폰트 크기를 지정하는 경우가 있다. 그런데 세로로 보는 상태에서 화면을 회전시켜 가로 모드 (Landscape)가 되면 텍스트들이 자동으로 커지는 현상을 발견할 것이다. 픽셀로 정의한 폰트가 아닌 가변적인 치수로 지정할 경우 그러한데 이는 스마트폰의 브라우져가 컨텐츠 정보를 읽기에 최적화된 모드로 렌더링하기 때문이다. 이에 디자인을 기반으로 em이나 %로 폰트 사이즈를 설정한 경우 회전하게 되면 디자인에서 벗어나게 되므로 낭패인 경우가 생긴다. 이럴 때는 body에 아래 css 를 추가해주면 된다. -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adju..

원문보기 내부링크
Tistory

css3 animation 키프레임 멈추기

CSS3로 키프레임 애니메이션을 작동하다가 멈추고 싶을 때가 있다. 대부분 hover나 Class 를 추가하여 멈추는 동작을 넣고 싶을 경우다. -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; -webkit-animation: none !important; 맨 마지막 줄에 -webkit-animation: none 이 있는 이유는 아이폰 ios 사파리에서 paused; 동작이 제대로 작동하지 않는다. 그렇기 때문에 대안으로 만들어진 코드이다. https://developer.mozilla.org/en-US/doc..

원문보기 내부링크
Tistory

javascript - textarea 폰트 사이즈 변경

Jquery 로 하면 간단하지만 javascript 폰트 사이즈를 직접 변경할 때 아래처럼 getElementById로 선택자를 선언하고 수정하면 된다. document.getElementById("엘리먼트ID").style.fontSize = '20px'; 만약 클래스값으로 선택하고자 한다면 getElementsByClassName('클래스명') 이렇게만 지정하면 오류난다. getElementsByClassName('클래스명')[0] 이렇게 순번을 넣어 개별적으로 선언해주어야 오류나지 않는다.

원문보기 내부링크
Tistory

console.table()콘솔에서 배열과 객체를 표시하는 데 사용

console.log평소와 같이 배열이나 객체를 표시하지만 console.table인덱스와 값을 표로 표시합니다. 배열에서 작동하는 방법은 다음과 같습니다. const myArr = ['Kolade', 'Chelsea', 10, true]; console.log(myArr); console.table(myArr); console.log()및 의 출력은 다음과 같습니다 console.table(). 배열을 표로 만드는 것 외에도 배열을 표시하는 방식도 표시한다는 것을 알 수 있습니다 console.log(). 배열에서 작동하는 것과 동일한 방식으로 객체에서 작동합니다. const myObj = { name: 'Kolade', luckyNum: 10, lovesFootball: true, }; console..

원문보기 내부링크
Tistory

더하기 및 숫자 생성자를 사용하여 문자열을 숫자로 변환

더하기 연산자( +)와 숫자 생성자( Number())는 문자열을 숫자로 변환하는 데 도움이 됩니다. 문자열을 단항 숫자로 변환하려면 문자열 앞에 더하기 기호를 추가하기만 하면 됩니다. 그리고 숫자 생성자를 사용하여 이를 수행하려면 숫자를Number() const myNum = '5'; convertNum1 = +myNum; convertNum2 = Number(myNum); console.log(convertNum1, typeof convertNum1); // 5 'number' console.log(convertNum2, typeof convertNum2); // 5 'number' 팁 4: 키워드를 사용하여 모든 변수를 선언할 필요는 없습니다. 여러 개의 변수가 나란히 있는 경우 첫 번째 변수 다음..

원문보기 내부링크
Tistory

console.group()여러 console.log()s와 함께 사용하여 관련 항목을 콘솔에 그룹화

사용자 이름, 약력 등과 같은 관련 항목이 여러 개 있고 이를 콘솔에 기록하려면 console.group()및 를 사용하여 console.groupEnd()그룹을 닫아야 합니다. 그러면 모든 항목의 드롭다운 목록이 표시됩니다. console.group('Bio:'); console.log('My name is Kolade'); console.warn("I don't like to be late"); console.error('You came late'); console.groupEnd();

원문보기 내부링크
Tistory

지정자를 사용하여 콘솔 출력 스타일 지정

JavaScript 자체의 일부가 아닙니다. 콘솔 스타일을 지정하기 위해 최신 브라우저에서 제공하는 형식 지정자입니다. 이를 사용하려면 console.log()메소드의 첫 번째 매개변수여야 합니다. 콘솔에 적용하려는 스타일을 설정할 수 있습니다. const styles = `padding: 15px; background-color: #2ecc71; color: black`; console.log('%c Hello, Everyone!', styles); 아니면 직접 넣을 수도 있습니다: console.log( '%c Hello, Everyone!', 'padding: 15px; background-color: #2ecc71; color: black' );

원문보기 내부링크
Tistory

몬스터 사냥꾼 들 요주의! 'Palworld' 부정행위자 출몰

갓 출시한 '팔월드'에 치터가 나타나 논란이 일고 있다. 개발사 포켓페어는 플레이어들의 피해 사실을 인정하며 사과했지만, 완벽한 차단은 어렵다는 어려움을 토로했다. 지난 27일 X(구 트위터)를 통해 공개된 "공식 서버 치팅 대응 안내"라는 제목의 글에서 포켓페어는 "일부 플레이어들이 공식 서버에서 치팅 행위를 하고 있다는 사실을 확인했다"고 밝혔다. 이어 "빠른 시일 내 패치를 적용할 예정이지만, 현재 모든 치팅을 완벽하게 차단하는 것은 어렵다. 앞으로도 보안에 더욱 집중하여 모두가 안심하고 플레이할 수 있는 환경을 만들겠다. 피해를 입은 모든 플레이어에게 진심으로 사과드린다"라고 덧붙였다. 치터들은 어떤 방법으로 게임을 조작했는지에 대한 구체적인 내용은 공개되지 않았으며, 치팅의 동기도 언급하지 않았..

원문보기 내부링크
Tistory

HTML이란 무엇입니까?

HTML이란 무엇입니까? HTML은 Hyper Text Markup Language의 약자입니다. HTML은 웹 페이지를 생성하기 위한 표준 마크업 언어입니다. HTML은 웹 페이지의 구조를 설명합니다. HTML은 일련의 요소로 구성됩니다. HTML 요소는 브라우저에 콘텐츠를 표시하는 방법을 알려줍니다. HTML 요소는 "이것은 제목입니다", "이것은 단락입니다", "이것은 링크입니다" 등과 같은 콘텐츠 조각에 레이블을 지정합니다. 간단한 HTML 문서 선언 은 이 문서가 HTML5 문서임을 정의합니다. 요소 는 HTML 페이지의 루트 요소입니다. 요소 에는 HTML 페이지에 대한 메타 정보가 포함되어 있습니다. 요소 는 HTML 페이지의 제목(브라우저의 제목 표시줄 또는 페이지 탭에 표시됨)을 지정합니..

원문보기 내부링크
Tistory

ASP.NET Core에서 정적 파일을 다운로드할 때 404

애플리케이션을 계정에 게시한 후 .apk (클라이언트에 다운로드해야 함) 와 같은 정적 파일을 탐색할 때 HTTP 오류 404가 발생할 수 있습니다 . 이는 요청을 처리하기 위해 FileExtensionContentTypeProvider 에 대상 파일 확장자와 일치하는 MIME 유형이 없음을 의미합니다 . 문제를 해결하기 위해 애플리케이션 Program.cs 파일에서 특정 MIME 유형을 추가할 수 있습니다. For example: using Microsoft.AspNetCore.StaticFiles; var builder = WebApplication.CreateBuilder(args); ... var app = builder.Build(); ... app.UseStaticFiles(); app.Use..

원문보기 내부링크
Tistory

GUID란

GUID란 무엇입니까? GUID(일명 UUID)는 'Globally Unique Identifier'(또는 'Universally Unique Identifier')의 약어입니다. 리소스를 식별하는 데 사용되는 128비트 정수입니다. GUID라는 용어는 일반적으로 Microsoft 기술을 사용하는 개발자가 사용하는 반면 UUID는 다른 곳에서 일반적으로 사용됩니다. GUID는 어떻게 사용되나요? GUID는 엔터프라이즈 소프트웨어 개발자, 프로그래머, 엔지니어, 데이터베이스 관리자 및 테스터가 시스템과 애플리케이션 개발 및 테스트에 사용합니다. 이는 Java, C#, Python, C++, SQL 데이터베이스 및 비관계형 클라우드 데이터베이스에서 기본 키, 버전, 구성 요소 식별자로 사용되거나 진정한 고유..

원문보기 내부링크
Tistory

MSSQL CONVERT 함수를 사용한 SQL 날짜 형식 옵션

SQL Server에서 SQL 날짜 형식을 얻는 방법 필요한 날짜 값에 대해 CONVERT 함수 및 날짜 형식 옵션과 함께 SELECT 문을 사용하십시오. YYYY-MM-DD를 얻으려면 이 T-SQL 구문을 사용하십시오. SELECT CONVERT(varchar, getdate(), 23) MM/DD/YY를 얻으려면 이 T-SQL 구문 SELECT CONVERT(varchar, getdate(), 1)을 사용하십시오. 모든 형식 옵션 목록을 보려면 차트를 확인하세요. 다음 표는 SQL 날짜 형식 목록과 출력 예입니다. 이러한 모든 예시에 사용된 날짜 매개변수는 '2024-01-11 00:38:54.840'입니다. Format DATE ONLY FORMATS 1 select convert(varchar, ..

원문보기 내부링크
Tistory

크롬 개발자 도구(F12) 몇 초 후 사라지는 문제 해결 방법 - AhnLab Safe Transaction

크롬 개발자 도구(F12) 몇 초 후 사라지는 문제 해결 방법 - AhnLab Safe Transaction 구글 크롬 브라우저에서 키보드 [F12키]를 누르게 되면 개발자도구 창이 열리게 됩니다. 개발자도구는 현재 보이는 웹브라우저의 HTML 구조를 확인할 수 있고, HTML/CSS 등을 수정하여 즉각적인 변화를 관찰할 수 있기 때문에 웹 개발자에게 매우 유용한 도구인데요. 하지만 어느 날부터 크롬에서 개발자도구를 실행했더니 창이 저절로 꺼지는 이상한 증상 일반적으로 크롬 브라우저에서 F12키를 누르게 되면 화면 오른쪽으로 개발자도구 화면이 열리게 됩니다. 원래 사용자가 개발자도구 화면을 닫지 않은 이상 창이 그대로 실행된 상태로 있어야 하는데 빠르면 1초 남짓 늦어도 5초 이내에서 창이 저절로 닫히는..

원문보기 내부링크
Tistory

npgsql CommandType.StoredProcedure는 이제 함수 대신 프로시저를 호출합니다.

NpgsqlCommand.CommandType를 로 설정하면 Npgsql 은 이전과 같이 함수 가 아닌 CommandType.StoredProcedurePostgreSQL 저장 프로시저를 호출하기 위한 SQL을 생성합니다 . 이 주요 변경을 옵트아웃하고 이전과 같이 함수를 계속 호출하려면 다음과 같이 AppContext 스위치를 활성화합니다.Npgsql.EnableStoredProcedureCompatMode AppContext.SetSwitch("Npgsql.EnableStoredProcedureCompatMode", true); 맥락상 PostgreSQL은 원래 기능만 지원했으며 저장 프로시저의 표준 SQL 개념은 지원하지 않았습니다. 이로 인해 CommandType.StoredProcedure함수를..

원문보기 내부링크
Tistory

CSP unsafe-hashes소스 목록 키워드

경고 CSP 키워드에서 접두사를 볼 때마다 unsafe이를 사용하는 것이 가장 안전한 방법이 아니라는 의미입니다. onloadHTML 이벤트 핸들러 속성(예 : onclick, onmouseover등) 을 사용하지 않도록 코드를 리팩터링하는 것이 좋습니다. 사용 예unsafe-hashes 애플리케이션 전체에 다음과 같은 코드가 있다고 가정해 보세요. 를 사용하여 Content-Security-Policy사이트에서 을 활성화하면 script-src위 코드가 이제 CSP 정책을 위반한다는 사실을 알게 될 것입니다. 이는 인라인 스크립트로 간주되어 특별히 허용하지 않는 한 차단되기 때문입니다. 안전하지 않은 해시를 사용하면 코드의 SHA-256 해시를 계산하여 이를 수행할 수 있습니다 . 이 경우 doSome..

원문보기 내부링크
Tistory

저장 프로시저(Stored Procedure) 내용 검색하기

DECLARE @WORD VARCHAR(100) = '검색 단어' SELECT NAME , RESULT = SUBSTRING(MAX(TEXT),PATINDEX('%'+@WORD+'%',MAX(TEXT)),LEN(@WORD)) FROM SYSOBJECTS AS O INNER JOIN SYSCOMMENTS AS C ON O.id = C.ID WHERE O.XTYPE='P' AND C.TEXT LIKE '%' + @WORD + '%' GROUP BY NAME ORDER BY NAME

원문보기 내부링크
Tistory

데이터베이스의 트랜잭션 로그가 'LOG_BACKUP'(으)로 인해 꽉 찼습니다. 해결방법

데이터베이스의 트랜잭션 로그가 'LOG_BACKUP'(으)로 인해 꽉 찼습니다. 해결방법 -- 로그 사용량 확인해서 로그 축소함. -- 로그 정보확인 DBCC SQLPERF(LOGSPACE) EXEC SP_HELPFILE SELECT * FROM SYSFILES USE 데이터베이스명; -- 사용할 DB 선택 ALTER DATABASE 데이터베이스명 SET RECOVERY SIMPLE; -- DB 복구 모델을 SIMPLE로 설정하여 파일을 비운다. -- DB의 필요 없는 공간을 축소 -- 파일명은 SELECT * FROM SYSFILES 에서 NAME을 적는다. DBCC SHRINKDATABASE([데이터베이스명]); 또는 DBCC SHRINKFILE ([파일명], TRUNCATEONLY); 실행 ALTE..

원문보기 내부링크
1 2 3 4 5