- 방문자수
- 인기글 TOP 5
전체 방문자
오늘 방문자
234어제 방문자
338Latest Story
-
대학생들은 목적없이 넥사크로를 공부하면 안되는 이유
🤔 소개👉 우선 저는 2015년부터 웹 개발자로 돈 벌어먹고 살고 있는 현업 웹개발자입니다.2015년 당시에는 엑스플랫폼이라며 시끄럽더니 요새는 넥사크로라고 부르는 모양입니다.🎯 대학생들의 커리어에 대하여👉 저는 컴퓨터공학과 전공입니다. 저때는 코딩테스트, 스프링에 대해 심도 깊에 공부하였습니다.채용 공고를 기반으로 준비하였으며, 제 선배들은 더욱 더 어마어마 했던 것 같습니다.reference : https://yangbongsoo.gitbook.io 물론, 현장 중의 현장 웹기술을 배우겠다며 대학교 1학년에 취직한 저도 정상은 아닌 것 같습니다.그런 것처럼, 우리 후배들도 넥사크로를 공부한다면 그 목적과 이유가 명확해야 할 것입니다.🎯 넥사크로의 장점👉 우선 저는 넥사크로에 대해 아무런 ..
-
블루투스 6.0 vs 5.4 뭐가 달라졌을까? 새로운 기능 정리!
🤔 Question👉 우연히 블루투스 6.0이 나왔다는 것을 알게되었습니다. 6.0과 5.4버전은 뭐가 달라졌는지 알려드리겠습니다. 🎯 블루투스 6.0👉 블루투스 6.0은 블루투스 5.4에 비해 여러 측면에서 성능이 향상되었습니다. 주요 개선 사항은 다음과 같습니다: ✅ 보안 강화 - 블루투스 6.0은 이전 버전보다 보안 수준이 높아져 데이터 전송 시 더욱 안전한 통신을 제공합니다. ✅ 전송 속도 향상 - 전송 속도가 빨라져 파일 전송 및 미디어 스트리밍 시 더 원활한 경험을 제공합니다. ✅ 데이터 대역폭 증가 - 더 큰 데이터 대역폭을 지원하여 대용량 파일 전송과 고품질 오디오 스트리밍이 가능합니다. ✅ 위치 추적 정확도 향상 - 위치 추적 기능이 개선되어 실내 내비게이션 시스템 등에서 더 정..
-
tomcat catalina.out 생성 안되는 문제 해결 방법
🤔 Question👉 Tomcat 서버에서 catalina.out 파일이 생성되지 않는 문제는 일반적으로 다음과 같습니다. 저는 보통, 톰캣 서버 제대로 안 껐다 킨 경우였습니다. 혹시 모르니 해결 방법을 하나씩 확인해 보세요. 🎯 Tomcat을 완전히 재시작하기👉 Tomcat은 실행 중일 때 catalina.out을 사용하고 있기 때문에, 실행 중에 파일을 삭제하면 더 이상 로그를 기록하지 않을 수 있습니다. ✅ 해결 방법:systemctl stop tomcat # 또는service tomcat stop # 또는./shutdown.sh # Tomcat 수동 종료rm -f $CATALINA_HOME/logs/catalina.out # 파일 완전히 삭제systemctl st..
-
[DBeaver] database navigator와 browser의 차이점?
🤔 Question👉 DBeaver를 쓰면서 database navigator와 browser의 차이점이 뭔지 궁금해졌습니다. 알아보니 둘이 용도와 목적이 다르네요. DBeaver를 업무에 쓰시는 분들은 알아두면 좋은 내용이네요. 🎯 Database Navigator👉 데이터베이스 관리자가 구조를 보고 수정하는 용도 현재 연결된 데이터베이스의 테이블, 뷰, 인덱스, 트리거, 프로시저 등 모든 객체를 계층적으로 표시합니다. 데이터베이스 객체를 관리하고, 스키마를 수정하며, SQL 편집기와 연동하여 직접 데이터 조작이 가능합니다. 데이터베이스 관리자가 구조를 보고 수정하는 데 유용합니다. 🎯 Database Browser👉 반면에, Database Browser는 단순한 데이터 조회를 위함 특정 ..
-
웹 캐시 방지하기 (html, js, css 캐싱 방지)
🤔 Question👉 실무를 하다보면, 사용자의 웹 브라우저 캐시로 인해 HTML 파일이 갱신되지 않는 문제에 직면할 때가 있습니다. 이것을 해결하는 방법을 공유합니다. 🎯 HTML 페이지 자체에 캐시 방지 적용👉 HTML에 캐시 방지를 적용하려는 경우, meta 태그를 이용하시면 됩니다. 어차피 meta 태그말고 딱히 쓸 수 있는 것도 없어용. 참고로 아래의 meta 태그는 구글이나 네이버 등 메이저급 사이트도 사용하는 옵션입니다. ✅ HTML 문서의 에 추가no-store : 아무아무 것도 저장하지 말라 no-cache : 캐시 사용하기 전에, 항상 서버에 검증을 받고 써라 must-revalidate : 캐시 만료 후 최초 조회 시, 서버 검증 받고 와라 ※ 3개의 옵션을 다 쓰는 이유 :..
-
[PostgreSQL] 월 단위로 테이블 CSV 백업
🤔 Question👉 PostgreSQL에서 특정 테이블을 1개월 단위로 CSV 백업하는 SQL을 만들려면, COPY 명령어를 활용하면 됩니다. 🎯 SQL 스크립트👉 아래 코드는 COPY 명령어를 사용하여 특정 테이블의 데이터를 매월 CSV로 백업하는 SQL입니다. DO $$ DECLARE table_name TEXT := 'your_table'; -- 백업할 테이블명 backup_path TEXT := '/path/to/backup/'; -- 백업할 디렉터리 (PostgreSQL 서버에서 접근 가능해야 함) file_name TEXT; query TEXT;BEGIN -- 파일명: 테이블명_YYYY-MM.csv 형식 file_name := table_name ..
-
[DBMS] int(4)와 int(12)의 차이 점은?
🤔 Question👉 INT(4)와 INT(12)의 차이는 많은 사람들이 혼동할 수 있지만, **숫자의 크기와는 관계가 없고, 표현 형식(디스플레이 길이)**과 관련이 있습니다. 이 차이는 주로 MySQL에서 나타나며, 다른 DBMS에서는 의미가 없거나 동작 방식이 다를 수 있습니다. 🎯 숫자 크기와의 관계 👉 INT의 숫자 범위는 고정적입니다. 즉, INT 자체는 4바이트(32비트) 정수 타입으로, 크기에 관계없이 -2,147,483,648 ~ 2,147,483,647의 값을 저장할 수 있습니다. 따라서 INT(4)나 INT(12)는 저장 가능한 숫자의 범위에 아무 영향을 미치지 않습니다. 🎯 굳이 말하자면, 디스플레이 길이의 제한 👉 디스플레이 길이(INT(M))는 MySQL의 ZEROFI..
-
[DBMS] char 칼럼 사이즈를 크게 잡으면 안되는 이유?
🤔 Question👉 CHAR 데이터 타입에서 사이즈를 너무 크게 잡는 것은 여러 가지 이유로 비효율적이고 문제가 될 수 있습니다.주요 이유만 딱딱 정리해보겠습니다. 🎯 고정된 메모리 사용으로 인한 스토리지 낭비👉 CHAR는 고정 길이(fixed-length) 데이터 타입이기 때문에, 실제 데이터 길이에 관계없이 정의된 크기만큼 항상 공간을 차지합니다. 예: CHAR(100)로 설정했는데 저장하는 데이터가 "hello"(5자)라면, 나머지 95자에 대해 공백(Padding)이 추가되고, 디스크에 저장될 때도 100자로 처리됩니다. 결과적으로 짧은 데이터가 많을수록 스토리지 낭비가 커집니다. 🎯 메모리 비효율성👉 CHAR 컬럼에 인덱스를 생성하면, 인덱스는 고정된 크기만큼 공간을 차지합니다.예:..
-
[DBMS] varchar 칼럼 사이즈를 크게 잡으면 안되는 이유?
🤔 Question👉 VARCHAR 데이터 타입에서 사이즈를 너무 크게 잡는 것은 다음과 같은 몇 가지 단점이 있습니다:) 사이즈를 크게 잡는 것이 필요한 상황이라면, 아래의 내용을 고려하여 단점들을 피하는 것이 좋겠습니다. 🎯 메모리 및 스토리지 비효율성👉 VARCHAR는 가변 길이 데이터 타입이라 실제로 저장된 데이터의 길이에 따라 스토리지가 할당되지만, 인덱스를 생성하거나 메모리에서 데이터를 처리할 때는 최대 길이를 고려합니다. 예를 들어, VARCHAR(1000)로 설정했는데 대부분의 데이터가 10~20자 정도라면, 메모리에서 쓸데없이 큰 공간을 차지할 수 있습니다. 🎯 인덱스 성능 저하👉 VARCHAR 컬럼에 인덱스를 걸 경우, 최대 길이를 기준으로 인덱스가 생성됩니다. 예를 들어, ..
-
jquery 날짜 포맷 종결자 (feat. 1달 후, 날짜 비교, 로컬 타임)
🤔 Question👉 jQuery에서 날짜 형식을 변환하려면 기본적으로 jQuery 자체에는 날짜 형식 변환 기능이 포함되어 있지 않습니다. 그러나 JavaScript의 Date 객체와 함께 사용할 수 있으며, 더 편리한 방법으로는 moment.js와 같은 라이브러리를 활용하는 것이 좋습니다. 🎯 Moment.js 라이브러리를 사용한 날짜 형식 변경👉 moment.js는 날짜와 시간 처리를 쉽게 해주는 강력한 라이브러리입니다. 언제 장애날지 모를 이상한 가내수공업 함수 쓰지마시고, Moment.js 사용을 강력하게 권장합니다. 아래의 포스팅을 읽으신다면, 당신은 반드시 Moment.js를 사용하게 될 것입니다. 👉 사용 예제// 원본 날짜 문자열var dateStr = "2025-01-22"; ..
-
[jQuery] checkbox 체크, 체크여부, 전체체크 방법?
🤔 Question 👉 jQuery를 사용하면 체크박스의 체크, 체크 여부 확인, 전체 체크 기능 등을 쉽게 구현할 수 있습니다. 아래는 각각의 기능을 예제 코드와 함께 설명한 내용입니다. 🎯 체크박스 체크 방법?👉 특정 체크박스를 체크하거나 체크 해제하려면 .prop() 메서드를 사용합니다.// 체크박스를 체크함$('#checkbox1').prop('checked', true);// 체크박스를 체크 해제함$('#checkbox1').prop('checked', false); 🎯 체크박스 체크 여부👉 체크박스가 체크되어 있는지 확인하려면 .prop() 또는 .is() 메서드를 사용할 수 있습니다.// 체크 여부 확인if ($('#checkbox1').prop('checked')) { co..
-
[iOS] How to solve Canvas toDataurl CORS
🔥 Question👉 [Error] Origin null is not allowed by Access-Control-Allow-Origin. Status code: 0um.. Do you use html canvas in WKWebView?🧙 Solution👉 You need to modify the CDVWebView Engine yourself.If the canvas is contaminated, you can solve it this way.And add the following two lines after it :)[configuration.preferences setValue:@TRUE forKey:@"allowFileAccessFromFileURLs"];[configuration se..
REST API의 종결자
-
Airflow REST API를 통한 DAG 목록 조회하기
🔥 TODO 👉 Airflow REST API를 통한 DAG 목록 조회하기 Postman으로 Airflow Webserver에 요청하여 DAG 목록을 JSON으로 받아보겠습니다. 성공하면, 향후 파이썬을 통해 프로그램화(化)가 가능할 것입니다. 🧙 DAG 전체 목록 조회 👉 아래 사진을 참고하여 Postman을 설정하시면 됩니다. Headers의 Key는 Content-Type을 입력해주시고 Value는 applicaton/json을 입력합니다. https://airflow.apache.org/api/v1/dags Authorization의 Username은 Airflow webserver의 접속 정보를 입력하시면 됩니다. 세팅이 완료되었으면 Send 버튼을 클릭합니다. 그러면 아래와 같은 결과를 얻을 ..
-
Airflow REST API를 통해, 목록에서 DAG 제거하는 방법
🔥 TODO 👉 Airflow REST API를 통해, 목록에서 DAG 제거하기 Postman으로 Airflow Webserver에 요청하여 특정 DAG를 목록에서 제거하겠습니다.성공하면, 외부 시스템에서 DAG를 목록에서 강제로 제거할 수 있을 것입니다. 예시를 위해, example_skip_dag를 제거해보겠습니다.🧙 특정 DAG를 목록에서 제거 👉 아래 사진을 참고하여 Postman을 설정하시면 됩니다. Authorization의 Username은 Airflow webserver의 접속 정보를 입력하시면 됩니다.DELETE를 선택하신 후 URL은 아래의 사진을 참고하세요.https://airflow.apache.org/api/v1/dags/{dag_id} Headers의 Key는 Conten..
-
[Node.js] 5분 내로 REST API + MySQL 연동 예제
👨💻 블로그 방문에 감사합니다! 안녕하세요. 팀드모네입니다. 오늘은 Node.js 기반 Rest API + Mysql을 구축하는 예제를 공유드립니다. 아래 포스팅을 따라하시면, 바로 적용하실 수 있을 것입니다. 🎯 1. DB 구축 (데이터 베이스 + 테이블 생성 + 샘플 데이터 입력) 예제 실행을 위하여, MySQL에 데이터베이스와 테이블을 생성하겠습니다. CREATE DATABASE my_db; USE my_db; CREATE TABLE Persons ( id int, name varchar(255), age int ); INSERT INTO Persons (id, name, age) VALUES (1, 'John Doe', 20); SELECT * FROM Persons; 🎯 2. Node.js 서..
-
[5분 내로] REST의 제약조건 HATEOS란?
안녕하세요. 팀드모네입니다. REST의 제약조건인 HATEOS에 대해서 짧고 간결하게 설명하겠습니다. 하단에 기술된 내용은 2000년에 발표된 로이필딩의 REST 논문을 참고하였습니다. 👨💻 HATEOAS란? - 요약 : 링크를 통한 어플리케이션의 상태 전이(轉移)를 알려라! 어플리케이션의 상태 전이라는 것은 어감이 좀 어렵다. 대충 화면의 전환이라고 생각하면 좋을 것 같다. HATEOAS는 Hypermedia As The Engine of Application State의 약자입니다. 페이지를 이동할 때, 해당 페이지에 있던 링크(하이퍼링크)를 따라서 이동해야한다는 제약조건입니다. 예를들어, 게시글의 상세보기를 하는 기능이 있다고 가정하겠습니다. GET https://ogx4.com/board2/po..
-
[5분 내로] REST의 제약조건 uniform interface란?
안녕하세요. 팀드모네입니다. 오늘은 RESTful에 등장하는 uniform interface에 대해서 알아보겠습니다. 지난 시간에 REST는 REST의 제약조건을 모두 지키는 소프트웨어라고 정의하였습니다. 제약조건을 모두 지켜야 REST라고 부릅니다. 👨💻 REST 제약조건이 도대체 무엇인가요? - REST 제약조건은 총 6가지로 1. client-server 2. stateless 3. cache 4. *uniform interface 5. layered system 6. code-on-demand : 자바스크립트 사용가능 이 있슴다. 다 암기하기 힘들다면, 적어도 *unifom interface만 알고 계시면 될 것 같습니다. 👨💻 uniform interface이 무엇인가요? - 결론적으로 4개..
-
[5분 내로] REST API란 무엇인가?
안녕하세요. 팀드모네입니다. REST API에 대해서 짧고 간결하게 설명하겠습니다. 하단에 기술된 내용은 2000년에 발표된 로이필딩의 REST 논문을 참고하였습니다. 👨💻 REST(=RESTful)란? - Representational State Transfer의 약자 - REST(2000) 논문에 나온 제약조건을 모두 지킨 소프트웨어를 말합니다. - 로이필딩과 REST가 탄생한 과거를 안다면, REST와 RESTful은 반드시 동이어이다. 👨💻 REST가 탄생하기 전, 세상에는 이런 문제가 있었다. - 어떻게 인터넷에서 정보를 공유할 것인가? 👨💻 그것을 고민한 끝에 내린 결론.. - 정보를 하이퍼텍스트로 연결하면 될 것이다. 그리고 인터넷 정보들은 하이퍼텍스트로 연결되기 시작했다. 그러던 중...
MSA의 종결자
-
[5분 MSA] 마이크로서비스란? MSA의 장단점에 대해서 #2
안녕하세요. 팀드모네입니다. 지난 시간에는 모놀리식 아키텍처의 장단점에 대해 알아보았는데요 이번 시간에는 그 이야기에 이어 마이크로서비스 아키텍처의 장단점에 대해 설명드리겠습니다. 질문1) 마이크로서비스 아키텍처란? 마이크로 서비스를 한문장으로 설명하면 API를 통해 통신하는 작고 독립적인 서비스의 모임입니다. 하나로 뭉처진 모놀로식 즉, 거대한 어플리케이션을 적절히 잘 쪼개어 분산시키는 것이죠. 질문2) 마이크로서비스 도입시 얻게 되는 장점은 무엇인가요? 상식적으로 백도어를 열거나 다른 서비스의 DB에 직접적인 커넥션을 맺지 않겠는 전제하에 API라는 서비스 간 국경선이 설정되어 내부 클래스에 마음대로 들어올 수 없어 모듈성이 향상되었습니다. 미국으로 예시를 들자면, 미국이라는 곳은 하나의 국가 안에 ..
-
[5분 MSA] 모놀리식 아키텍처란? 모놀리식의 장단점에 대해서 #1
안녕하세요. 팀드모네입니다. 오늘은 MSA를 이해하기 위해 필수적으로 알아야 하는 개념! 모놀로식 아키텍처에 대해서 알아보도록 하겠습니다. 질문1) 모놀리식 아키텍처란 무엇인가요? , 이라고 기억하시면 편합니다. 조금 더 정확하게 표현하자면, 하나의 서비스 또는 어플리케이션이 하나의 거대한 아키텍쳐를 가질 때, 모놀리식하다고 표현합니다. 조금 더 쉽게 표현하자면, 단일 애플리케이션에 계속 기능을 계속 붙이는 아키텍처입니다. 질문2) 모놀리식 아키텍처의 장점은 무엇인가요? 이 아키텍처는 스타트업 즉, 초기 사업에 매우 적합합니다. 아키텍처가 단순하니까, 디버깅도 쉽고 테스트도 쉽고 배포도 쉽습니다. 당연히 기능 개선도 쉽죠. 그것을 증명하듯 이베이, 아마존 닷컴, 넷플릭스도 초기엔 모놀리식으로 애플리케이션..
-
[5분 내로] 모놀리식 VS MSA에 대해서 알아보자
안녕하세요. 팀드모네입니다. 오늘은 MSA의 특징과 함께 모놀리식과 비교해보겠습니다. 👨💻 MSA란 무엇인가? - Pattern: Microservice Architecture의 약어 - 작은 서비스 단위로 개발하는 방법 👨💻 MSA의 특이사항? - 자체 프로세스에서 실행 - 프로세스 간의 통신은 HTTP기반 API로 통신함 - 비즈니스 기능을 중심으로 개발 - 서비스 배포과 완전 자동화됨 - 다른 프로그래밍 언어로 개발 가능 - 다른 DB를 쓸 수도 있음 👨💻 MSA 장점이란? - 서버 및 프로세스 장애 시 격리 및 복구가 쉬움 (장애는 해당 서비스에 한정하여 발생. 그 서비스만 복구하면 됨) - 서비스가 작아서 배포가 빠름. - 서비스가 작아서 코드 수정이 용이. 생산성 향상. - 신기술 도입이..
-
[5분 내로] MSA의 특징과 주의사항 그리고 도입 이유
안녕하세요. 팀드모네입니다. 지난시간으로 사전 설명이 끝났으니, 오늘은 본격적으로 MSA(Micro Service Architecture)가 무엇인지 알아보도록 하겠습니다. 👨💻 MSA(Micro Service Architecture)란? - 시스템을 여러 개의 독립된 서비스로 나눠서, 이 서비스를 조합함으로서 기능을 제공하는 아키텍쳐 디자인 패턴 👨💻 MSA의 핵심은?1. 다른 팀의 스토리지에 직접 엑세스 금지 2. 공유메모리, 백도어 금지 3. 팀 간의 커뮤니케이션은 서비스 인터페이스로만 이뤄져야한다. 4. 모든 서비스 인터페이스는 예외없이 외부에서 이용 가능해야한다. * 오직 api나 네트워크로 각 서비스를 연결하라는 의미. 공유메모리..등 금지는 뒷문 만들지 말라는 의미. 👨💻 MSA의 특이..
-
[5분 내로] Cloud Native와 DevOps에 대해서 알아보자
안녕하세요. 팀드모네입니다. 오늘은 Cloud Native와 DevOps에 대해서 알아보겠습니다. 👨💻 Cloud Native 도입 전... - 개발팀 VS 운영팀이 따로따로 존재. 둘이 맨날 싸움. - 너무 올드함. (아직도.. 프로젝트를 war로 패키징한 다음 톰캣에 직접 업로드 -> 이런 작업 자체가 시간 낭비) - 고객사의 새로운 요구사항을 빠르게 대응하기 어려움. 👨💻 Cloud Native란? - 요약 : 효율적인 애플리케이션 구축 & 운영 방법 (사람마다, 업체마다 Cloud Native의 정의가 다르다. 다만, 공통적으로 추구하는 목적은 위와 같다.) 👨💻 구체적으로 어떻게 하라는건데? 1. 컨테이너를 사용(ex, 도커) -> 우수한 환경 일관성과 빠른 배포, 이식성 및 확장성을 제공..
웹 개발자 5분 면접
-
[DBMS] varchar 칼럼 사이즈를 크게 잡으면 안되는 이유?
🤔 Question👉 VARCHAR 데이터 타입에서 사이즈를 너무 크게 잡는 것은 다음과 같은 몇 가지 단점이 있습니다:) 사이즈를 크게 잡는 것이 필요한 상황이라면, 아래의 내용을 고려하여 단점들을 피하는 것이 좋겠습니다. 🎯 메모리 및 스토리지 비효율성👉 VARCHAR는 가변 길이 데이터 타입이라 실제로 저장된 데이터의 길이에 따라 스토리지가 할당되지만, 인덱스를 생성하거나 메모리에서 데이터를 처리할 때는 최대 길이를 고려합니다. 예를 들어, VARCHAR(1000)로 설정했는데 대부분의 데이터가 10~20자 정도라면, 메모리에서 쓸데없이 큰 공간을 차지할 수 있습니다. 🎯 인덱스 성능 저하👉 VARCHAR 컬럼에 인덱스를 걸 경우, 최대 길이를 기준으로 인덱스가 생성됩니다. 예를 들어, ..
-
[DBMS] int(4)와 int(12)의 차이 점은?
🤔 Question👉 INT(4)와 INT(12)의 차이는 많은 사람들이 혼동할 수 있지만, **숫자의 크기와는 관계가 없고, 표현 형식(디스플레이 길이)**과 관련이 있습니다. 이 차이는 주로 MySQL에서 나타나며, 다른 DBMS에서는 의미가 없거나 동작 방식이 다를 수 있습니다. 🎯 숫자 크기와의 관계 👉 INT의 숫자 범위는 고정적입니다. 즉, INT 자체는 4바이트(32비트) 정수 타입으로, 크기에 관계없이 -2,147,483,648 ~ 2,147,483,647의 값을 저장할 수 있습니다. 따라서 INT(4)나 INT(12)는 저장 가능한 숫자의 범위에 아무 영향을 미치지 않습니다. 🎯 굳이 말하자면, 디스플레이 길이의 제한 👉 디스플레이 길이(INT(M))는 MySQL의 ZEROFI..
-
[DBMS] char 칼럼 사이즈를 크게 잡으면 안되는 이유?
🤔 Question👉 CHAR 데이터 타입에서 사이즈를 너무 크게 잡는 것은 여러 가지 이유로 비효율적이고 문제가 될 수 있습니다.주요 이유만 딱딱 정리해보겠습니다. 🎯 고정된 메모리 사용으로 인한 스토리지 낭비👉 CHAR는 고정 길이(fixed-length) 데이터 타입이기 때문에, 실제 데이터 길이에 관계없이 정의된 크기만큼 항상 공간을 차지합니다. 예: CHAR(100)로 설정했는데 저장하는 데이터가 "hello"(5자)라면, 나머지 95자에 대해 공백(Padding)이 추가되고, 디스크에 저장될 때도 100자로 처리됩니다. 결과적으로 짧은 데이터가 많을수록 스토리지 낭비가 커집니다. 🎯 메모리 비효율성👉 CHAR 컬럼에 인덱스를 생성하면, 인덱스는 고정된 크기만큼 공간을 차지합니다.예:..
-
jquery 날짜 포맷 종결자 (feat. 1달 후, 날짜 비교, 로컬 타임)
🤔 Question👉 jQuery에서 날짜 형식을 변환하려면 기본적으로 jQuery 자체에는 날짜 형식 변환 기능이 포함되어 있지 않습니다. 그러나 JavaScript의 Date 객체와 함께 사용할 수 있으며, 더 편리한 방법으로는 moment.js와 같은 라이브러리를 활용하는 것이 좋습니다. 🎯 Moment.js 라이브러리를 사용한 날짜 형식 변경👉 moment.js는 날짜와 시간 처리를 쉽게 해주는 강력한 라이브러리입니다. 언제 장애날지 모를 이상한 가내수공업 함수 쓰지마시고, Moment.js 사용을 강력하게 권장합니다. 아래의 포스팅을 읽으신다면, 당신은 반드시 Moment.js를 사용하게 될 것입니다. 👉 사용 예제// 원본 날짜 문자열var dateStr = "2025-01-22"; ..
-
[jQuery] checkbox 체크, 체크여부, 전체체크 방법?
🤔 Question 👉 jQuery를 사용하면 체크박스의 체크, 체크 여부 확인, 전체 체크 기능 등을 쉽게 구현할 수 있습니다. 아래는 각각의 기능을 예제 코드와 함께 설명한 내용입니다. 🎯 체크박스 체크 방법?👉 특정 체크박스를 체크하거나 체크 해제하려면 .prop() 메서드를 사용합니다.// 체크박스를 체크함$('#checkbox1').prop('checked', true);// 체크박스를 체크 해제함$('#checkbox1').prop('checked', false); 🎯 체크박스 체크 여부👉 체크박스가 체크되어 있는지 확인하려면 .prop() 또는 .is() 메서드를 사용할 수 있습니다.// 체크 여부 확인if ($('#checkbox1').prop('checked')) { co..