본문 바로가기

전체 글33

CKEditor4 사용하기 - 이미지 업로드 적용 ASP.NET 이번에는 이미지 업로드에 대해 정리해보자. 작업은 ASP.NET에서 진행했다. 1. 일단 CKEditor를 적용한 스크립트 부분에서 추가할 부분이 필요하다. 아래와 같이 filebrowserImageUploadUrl 설정을 추가하면 이미지 업로드 창에서 [업로드] 탭이 추가된다. 2. 탭이 추가되었다면 설정한 경로에 소스 코드를 생성한다. 기본적으로 넘어오는 값은 upload, CKEditorFuncNum, CKEditor, langCode 네가지이다. 받은 이미지를 이용해 썸네일을 만들고 저장한 뒤 uploaded/fileName/url을 JSON 객체로 response 해야 한다. 그럼 에디터가 받은 JSON 데이터를 이용해 이미지를 글 작성 영역에 넣어준다. /// /// CKEditor 이미지 업.. 2022. 5. 5.
CKEditor4 사용하기 - 다운로드 및 플러그인 적용 CKEditor4 다운로드 및 적용 방법에 대해 정리해보려 한다. 1. 먼저 CKEditor4 다운로드 홈페이지에 접속한다. https://ckeditor.com/ckeditor-4/download/ CKEditor 4 - Download Latest Version Download a ready-to-use Latest Version of CKEditor 4 package. ckeditor.com 접속하면 아래와 같은 화면을 볼 수 있는데, 여기서, Basic, Strandard, Full Package를 그대로 사용하는 경우에는 원하는 버전에 맞게 바로 CDN을 복사하여 사용하거나, 직접 압축파일을 다운로드할 수 있다. 나 같은 경우는 Standard Package에 폰트 색상, 폰트 배경 색상을 선택.. 2022. 5. 4.
[ASP] SMTP 서버를 이용해 메일 발송하기 이번에 요청이 들어온 비대면 교육 사이트에서 회원가입대신 이메일 인증 기능을 사용한다고 한다. 회사 메일이 다음메일이므로 다음 SMTP 서버를 이용한 ASP에서 이메일 발송 방법을 정리해놓으려고 한다. 1. 우선, 다음 메일의 [환경설정] > [IMAP/POP3] 탭으로 들어간다. IMAP/SMTP 사용을 '사용함'으로 변경한 후, SMTP서버명, 포트번호, 아이디, 비밀번호를 확인한다. 여기서, IMAP과 POP3는 이메일을 받을 때 사용하는 프로토콜이고, 나는 이메일을 보내는 기능이 필요하기 때문에 SMTP만 있으면 된다. 기본적으로 SMTP의 포트는 25번이지만 다음은 465번 포트를 사용한다. 2. 필요한 정보들을 확인했으면 telnet을 이용해 465번 포트가 제대로 열려있는지 확인한다. 나같은.. 2022. 5. 3.
카카오톡 오픈그래프 태그 og:image 캐시 삭제 방법 네이트온으로 사이트 url 공유 시에는 오픈그래프 이미지를 수정할 때마다 바로 반영이 되는데, 카카오톡은 한번 공유하는 순간 바로 캐시가 남아버려서 이미지 경로를 수정해도 반영이 되지 않는다. 매번 하는 작업인데 매번 기억이 안 나니까 편하게 내 블로그에 남겨둔다. 일단 내가 주로 사이트 세팅 시 사용하는 대표적인 opengraph의 태그이다. 캐시 삭제 방법을 알아보자. 1. [대표 이미지 경로]를 변경한 후, https://dev.kakao.com/tool/clear/og 에 접속한다. 카카오계정 로그인 여기를 눌러 링크를 확인하세요. accounts.kakao.com 2. 카카오톡 로그인을 한다. 3. 로그인을 하면 아래와 같은 창이 뜨는데, url 입력란에 초기화를 원하는 사이트의 도메인을 입력하.. 2022. 5. 2.
정보처리기사 필기 키워드 정리 - 5과목 : 정보 시스템 구축 관리 2. 데이터 전송 제어 2-2. 회선 공유 기술 다중화기 : FDM, TDM, CDM, WDM 주파수 분할 다중화(FDM) : 대역폭이 클 때 사용한다. 상호 변조 잡음이 존재한다. 시간 분할 다중화(TDM) : 유효 전송률이 높을 때 사용한다. 상호 변호 잡음이 존재하지 않는다. 코드 분할 다중화(CDM) : FDM와 TDM을 혼합하여 사용 광파장 분할 다중화(WDM) : 광섬유를 이용 매체 접근 기술(MAC) : 집중화기의 원리 CSMA/CD : 충돌을 감지, 유선 LAN에 사용, IEEE 802.3 CSMA/CA : 충돌을 회피, 무선 LAN에 사용, IEEE 802.11 2-3. 통신망 기술 허브 : 여러 대의 컴퓨터를 연결하여 네트워크로 보내거나 하나의 네트워크로 수신된 정보를 여러 대의 컴퓨터.. 2022. 4. 21.
정보처리기사 필기 키워드 정리 - 4과목 : 프로그래밍 언어 활용 1. 프로그램 개발 환경 구축 1-1. 프로그램 개발 환경 구성 배치 프로그램의 필수 요소 : 대용량 데이터, 자동화, 견고함, 안정성, 성능 1-2. 프로그래밍 언어 C : UNIX, 포인터 타입 제공 C++ : C언어에 객체지향 기술을 더한 언어 Java : 객체지향, 컴파일, Class파일 JavaScript : 객체지향 스크립트 언어, 프로토타입을 기반으로 객체 상속을 지원한다. Python : 이식성이 좋은 언어, 동적타이핑을 지원하는 인터프리터 방식의 언어 PHP : 서버측 스크립트 언어, 객체지향 1-3. 프로그래밍의 기본 개념 알고리즘 설계 기법 : 동적 계획법, 탐욕적 알고리즘, 재귀적 알고리즘, 근사 알고리즘, 분할 정복법, 퇴각 검색법 2. 절차지향 프로그래밍 2-1. C언어-데이터 .. 2022. 4. 21.
정보처리기사 필기 키워드 정리 - 3과목 : 데이터베이스 구축 1. 논리 데이터베이스 설계 1-1. 데이터베이스 관리 시스템 스키마 : 데이터베이스의 구조와 제약조건에 대한 명세를 기술한 것이다. 외부스키마 : 프로그래머나 사용자의 입장에서 본 데이터베이스의 모습 개념스키마 : 모든 응용 프로그램과 사용자들이 필요로 하는 데이터베이스 전체를 정의 내부스키마 : 물리적인 저장 장치의 입장에서 본 데이터베이스의 모습 1-2. 관계형 데이터베이스 속성 : =필드, 데이터베이스를 구성하는 가장 작은 단위 도메인 : 입력될 수 있는 값들의 집합 튜플 : =레코드, 튜플사이에는 순서가 없다. 릴레이션 : 표, 속성의 유일성/무순서/원자성, 튜플의 유일성, 무순서 차수 : 속성의 개수 기수 : 튜플의 개수 후보키 : 유일성과 최소성을 모두 만족시키는 속성 기본키 : 후보키들 중.. 2022. 4. 20.
정보처리기사 필기 키워드 정리 - 2과목 : 소프트웨어 개발 1. 데이터 입출력 구현 1-1. 자료표현 단위 자료 구성의 단위 : 비트, 니블(4bit), 바이트(8bit, 문자표현의 최소 단위) 1-2. 자료구조 자료구조의 개념 : 논리적으로 설계된 데이터의 구조 및 관계 자료 구조의 유형 : 선형 구조(Stack, Queue, Deque, Linear List, Linked List), 비선형 구조(트리, 그래프) 스택 : 삽입(Push), 추출(Pop), LIFO 큐 : 삽입포인터(Rear), 삭제포인터(Front), FIFO 데크 : 데이터 출입구가 양쪽 모두에 있는 구조 선형 리스트 : 배열 연결 리스트 : 포인터를 이용, 탐색속도가 비교적 느리다 트리 : 계층구조 이진 트리 순회 : 중위 순회(좌측자식>부모>우측자식), 전위 순회(부모>좌측자식>우측자식.. 2022. 4. 20.

티스토리툴바