본문 바로가기
워드프레스 블로그 만들기 4. 카테고리, 메뉴 추가하기 자 카테고리 추가를 위한 테마까지 변경했었다. 이번글에서는 카테고리 추가하는 방법을 알아보고자 한다.글 작성할 때 카테고리별로 딱딱 분류하고 정리하는 게 깔끔하고 기분이 뿌듯하기 때문이다.먼저 관리자 페이지를 들어간다. 관리자 페이지는 도메인 뒤에 /wp-admin을 붙이면 된다. 왼쪽 메뉴에서 글 > 카테고리를 선택한다. 여기서 카테고리를 추가한다.이름은 카테고리 이름이겠고 슬러그는 도메인 뒤에 붙는 url 같은데 티스토리 같은경우는 카테고리명으로 자동으로 생성해 주는데 여기서는 지정해 주는 것 같다. 대략 입력입력 하고 카테고리 추가를 눌러본다.이렇게 우측에 추가된 것을 확인할 수 있다. 그리고 관리자 화면에서 모양 > 메뉴 메뉴로 들어간다. 메뉴 항목 추가 > 카테고리 > 모두 보기 > 만든 카테고.. 2025. 10. 27.
워드프레스 블로그 만들기 3. 테마 변경하기 워드프레스 블로그 만들기 2. 카페24 호스팅 서버 구매이전글에서 카페24 호스팅 하는 방법까지 알아보았다.이 글에서는 워드프레스 테마 변경하는 방법을 작성했다. 사실 전혀 어렵지도 않고 포스팅 거리도 아니지만 1명이라도 조회를 할 수 있기 때문에 그리고 어쨌건 내가 겪은 과정이기에 작성한다. 확실히 티스토리에 비해 불편한 느낌은 있는 것 같다.물론 티스토리도 기본 무료 테마에 css 하나도 안 꾸미고 그대로 사용해서였겠지만.. 워드프레스도 기본 테마말고 마음에 드는 걸로 변경해보려고 한다. 먼저 메뉴에 모양 > 테마로 접근 상단에 테마 추가를 클릭한다.기본적으로 설정되어있는 Twenty Twenty 테마도 괜찮다고 하는 것 같긴 하지만.. 우선 바꿔봐야지. 이렇게 다양한 테마들이 뜬다. 인기순 정렬이.. 2025. 10. 25.
워드프레스 블로그 만들기 2. 카페24 호스팅 서버 구매 워드프레스 블로그 만들기 1. 카페24 도메인 구매하기이전글에서 도메인 구매하는 방법에 대해 알아보았다.도메인은 내가 사용할 url을 의미하고 호스팅이란 내 웹사이트를 여러 사람이 접근할 수 있게 해주는 일종의 서버형태로 보면 된다. 먼저 호스팅카페24로 들어간다.https://hosting.cafe24.com/ 카페24 호스팅 | 온라인 비즈니스의 시작145만 고객의 웹서비스 시작과 성장을 함께 뉴아우토반 호스팅 #웹호스팅1위 #안정성 #최고가성비 다양한 니즈를 충족하는 최고의 합리적 가성비 웹 호스팅 450원/월~ 애드센스 워드프레스 #블로hosting.cafe24.com 저번에 만들어 둔 계정으로 로그인을 하고 워드프레스에 마우스를 올리면 저렇게 세개의 메뉴가 뜨는데 뉴매니지드 워드프레스 호스팅을 .. 2025. 10. 23.
워드프레스 블로그 만들기 1. 카페24 도메인 구매하기 워드프레스 블로그 만들기 1. 카페24 도메인 구매하기 지긋지긋한 티스토리 글 작성한지도 오래됐고 그에 따라 조회수도 바닥을 치기 시작해서 의욕이 떨어진 김에 워드프레스 블로그를 시작해보려 한다. 그동안 항상 미루고 미루다가 우선 첫 발부터 내딛어 보기로 한다.카페24에서 도메인 구매, 서버 호스팅을 할 예정이므로 먼저 카페24에 접속한다.https://www.cafe24.com/ 카페24 - No.1 글로벌 전자상거래 플랫폼회원가입만 하면 글로벌 쇼핑몰부터 제작, 배송, 마케팅까지 이커머스에 필요한 솔루션과 인프라를 원스톱으로 제공www.cafe24.com 호스팅센터로 들어간다.먼저 도메인이 필요하다.주소로 사용되므로 신중하게 고민해보고 도메인 검색을 한다.여기서 마음에 는 걸로 선택 후 도메인 신청하.. 2025. 10. 13.
[Express & Vue 연동] 1. Node.js 설치 서버를 Express 프레임워크로 프론트엔드를 Vue로 해서 프로젝트를 하나 개발해보려 한다. 그러기 위해 개발환경인 Node.js 설치하는 것 부터 시작한다. Node.js 설치https://nodejs.org/ko Node.js — Run JavaScript EverywhereNode.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.nodejs.org우선 해당 링크를 들어간다.Download 클릭.버전, 운영체제(Windows) 확인. 그 옆에 using Docker, with n.. 2025. 9. 10.
[C언어 기초-15] c언어 연산 우선순위 우선순위연산 우선순위란 수식 내에  두 종류 이상의 연산자가 포함되어 있는 경우 수식에서 연산자의 연산 순서를 말한다.모든 단항 연산자는 어떤 이항 연산자보다 우선순위가 높다.모든 이항 연산자는 삼항 연산자보다 운선수위가 높다.연산자의 우선순위가 동일하면 좌측에서 우측으로 혹은 결합규칙에 따라 연산된다.++k || count++ && ++a1. ++k2. count++3. ++a4. count++ && ++a5. ++k || count++ && ++a수식에서 소괄호 (())를 사용하여 연산 우선순위를 조정할 수 있다.일반 산술식의 연산 우선순위와 거의 동일하고 우선순위가 애매하면 괄호를 사용하여 연산순서를 조정할 수 있다.형태 분류연산자형연산자기능우선순위결합규칙일차식괄호()[]괄호식, 함수호출배열 첨자1.. 2025. 3. 8.
경주 수학여행 코스 불국사 & 석굴암 가다.. 경주하면 불국사.학창시절 수학여행 단골 코스이지만 중학생때는 수학여행이 없었고고등학생때는 제주도로 가서 나는 이번 기회에 처음 가보게 된다.불국사 불국사 해서 왔는데 큰 기대없이 시간보내려고 왔다. 사람들도 꽤 있네.저 현판? 에 쓰인 한자가 불국사인데 저런건 오른쪽에서부터 읽는다.부처님이 사는 나라 라는 뜻이라고 한다. 중요한건 아님.모과나무가 보인다.모과~천왕문저정도 한자는 다들 읽으시죠?쭉 들어가서 걷다가 뭐 전시실 있길래 들어가봤다.요런~ 저런~ 유물 구경!!금불상도 구경~돈은 사람들이 놔둔건지 어떤건지..더 여러개 구경했는데 오잉!? 사진촬영 금지였다..그래서 전시실은 여기까지지만 볼만했다. 입장료 뭐 대충 이삼천원였던 기억불국사 와보니 실제로 엄청 넓고 무슨 문 무슨 전 요모조모 구성이 엄청 .. 2025. 3. 1.
[Oracle] 오라클 date <-> string 형변환하기 to_char(), to_date() DATE -> STRINGDB에 있는 데이터가 date 타입일때 string으로 변환해서 사용하고 싶을 때가 종종 있다.select sysdate from dual; 먼저 date 타입을 확인해보면 YYYY-MM-DD HH:MM:SS 이런 형식으로 이루어져 있다. 이걸 가져와서 백이나 프론트에서 그대로 쓰기는 번거롭기 때문에 원하는 string형식으로 변환하여 사용한다.방법은 to_char()함수를 이용하면 된다. select to_char(sysdate, 'yyyymmdd') from dual;to_char(컬럼, 'yyyymmdd') 이런식으로 작성하면 20250117 이렇게 출력된다.yyyy에 년도 mm에 월, dd에 일자를 매칭하여 출력해준다. to_char(컬럼, ' yyyy/mm/dd') 이.. 2025. 1. 17.
[C언어 기초-14] sizeof 연산자. 자료형 byte 구하기 sizeof 연산자sizeof 연산자는 바로 다음에 나오는 상수, 변수나 자료형이 점유하고 있는 메모리의 byte수를 구해주는 전위 표기 단항 연산자이다.sizeof 연산자는 바로 다음에 나오는 수식이나 자료형은 반드시 괄호를 사용해야 한다.sizeof 연산자는 연산자로 특수기호를 사용하지 않고, 예약어를 사용한다.sizeof 연산자는 프로그램의 이식성을 향상시킬 수 있다.예제)1234567891011121314151617#include stdio.h> main() {    short x = 0;    long y = 0;     printf("Short Integer x    :    %d\n", sizeof y);    printf("Integer        :    %d\n", sizeof(int.. 2024. 8. 4.
[C언어 기초-13] 캐스트 연산자(cast operator) 캐스트 연산자캐스트 연산자는 명시적인 형 변환이 필요할 때 사용하는 단항 연산자이다.캐스트 연산자는 원하는 데이터형을 소괄호로 묶어 피연산자 앞에 둠으로써 데이터 형을 변환하는 역할을 한다.수식의 형 변환을 위해 사용할 때는 캐스트 연산자를 소괄호로 묶지 않아도 된다.캐스트 연산자의 결합방향은 오른쪽에서 왼쪽이다.예를 들어 5 / 2처럼 정수끼리의 나눗셈은 몫 2만 출력하는데 (float)로 형 변환을 하고 출력을 하면 2.5가 출력된다.예시 코드를 보자.1234567891011121314151617181920212223242526#include stdio.h> main() {    float n1, n2, result;     n1 = 14.5;    n2 = 53.62;     result = 5 /.. 2024. 8. 3.
[C언어 기초-12] 콤마 연산자(comma operator) 콤마 연산자콤마 연산자는 연산 기호가 콤마(,)여서 콤마 연산자이다.","로 분리된 수식들을 왼쪽에서 오른쪽으로 평가하고 수식 전체의 값은 가장 오른쪽의 값이 된다. c에서 콤마는 두 가지 용도로 사용되는데 첫째는 인자나 변수따위를 구분하는 구분기호.둘째가 콤마 연산자이다. 예시를 보면서 설명을 이어가보면123456789101112131415#include stdio.h> main() {    int x = 0, y = 0;     int comma, box;     comma = (box = 2, ++box, box = box + 3, box + 5);    x = (y + 5, y + 4, (y = 20) + 6);     printf("comma = %d, box = %d\n", comma, box.. 2024. 8. 2.
[C언어 기초-11] 조건 연산자(conditional operator) 삼항 연산자 조건 연산자조건 연산자는 3개의 피 연산자를 필요로 하는 삼항 연산자이다.조건 연산자의 일반적인 형식은조건식 ? 연산식1 : 연삭식2; 조건 연산자는 조건수식이 먼저 수행되어 참(1)이면 연삭식1을 수행하고, 거짓(0)이면 연산식2를 수행한다.ex)a = 2 > 1? 3 : 5;이를 풀어서 설명해 보면 2가 1보다 크다면~? 3이고 아니면 5이다. 뭐 약간 조건식이 이렇다면? 이거고 아니면 저거다 이런 뉘양스라서 ? : 이렇게 구분하는 것 같은 느낌적인 느낌 당연하지만 조건 연산자는 if 문으로 풀어서 작성할 수 있다.if(2>1){ a = 3;} else { a = b;} 이렇게 할 걸 한 줄로 요약할 수 있으니 간편하다. 예제)키보드에서 입력된 데이터가 홀수이면 "ODD", 짝수이면 "EVEN"을 출.. 2024. 8. 1.
[백준] 2720번 JAVA 세탁소 사장 동혁 - 일반 수학 1 자 문제가 길다. 차분히 읽기 너무 싫다.그러니까 동혁 중대장이 세탁소를 운영하다 리암을 채용하고 실망했다.왜냐면 거스름돈을 자꾸 실수해서 주기 때문. 중대장은 리암을 도와주는 프로그램을 작성하려고 하는데 디아블로를 해야해서 이 문제를 읽고 있는 여러분이 대신 해주어야 이런 시발 이런 쓰잘대기 없는 내용이 문제에 왜 있어!! 자 T와 C 두 정수를 입력받는다. T는 테스트 케이스의 개수이며 C는 거스름돈이다. 동전의 개수를 최소하 하여야 한다.거스름돈 동전의 단위는 25센트(쿼터), 10센트(다임), 5센트(니켈), 1센트(페니) 이 순서대로 공백을 넣어 각 동전의 개수를 출력하면 된다.이거 그리디 알고리즘 같긴 한데 뇌에 남은 메모리가 없다. 그냥 동전, 욕심쟁이, 거스름돈, 그리디 이 단어들이 조합되.. 2024. 8. 1.
[C언어 기초-10] 복합 대입 연산자 (산술 대입 연산자, 비트 대입 연산자) 복합 대입 연산자복합 대입 연산자란 산술 연산자, 비트 연산자와 대입연산자가 결합된 이항연산자이다.복합 대입 연산자는 코드를 좀 더 간결하게 표현할 수 있다.산술 대입 연산자연산자의미사용동일 표현설명+=덧셈x += yx = x + yx와 y를 더해서 x에 대입-=뺄셈x -= yx = x - yx에서 y를 빼서 x에 대입*=곱x *= yx = x * yx와 y를 곱해서 x에 대입/=나누기 (몫)x /= yx = x / yx에서 y를 나누고 몫을 x에 대입%=나누기 (나머지)x %= yx = x % yx에서 y를 나누고 나머지를 x에 대입 산술연산자에 대한 간략한 설명은 아래 링크에 있다.[C언어 기초-05] 연산자 (대입, 산술, 증감연산자)아래 코드는 예시123456789101112131415161718.. 2024. 8. 1.
[백준] 11005번 JAVA 진법 변환 2 - 일반 수학 1 진법 변환 1과 비슷한 문제이다. 1에서는 수와 진법을 입력하면 10진수로 출력했지만 이번에는 10진수와 진법을 입력하면 입력한 진법으로 출력하는 문제이다. 저번 출력을 입력하고 저번 입력을 출력하는 것이므로 순서를 반대로 바꿔서 코딩하면 된다.123456789101112131415161718192021222324import java.util.Scanner; public class Main{    public static void main(String[] args){        Scanner sc = new Scanner(System.in);                int n = sc.nextInt();        int b = sc.nextInt();         String result = .. 2024. 7. 31.
[백준] 2745번 JAVA 진법 변환 - 일반 수학 1 두 수 N과 B를 입력받고 B진법 수 N을 10진법으로 변환해서 출력해 주는 프로그램을 작성한다.이게 아마 중학수학 과정에 있었던 내용이었던 거 같기도 한데.. 진법 변환은 컴퓨터 구조나 c언어 보수 어쩌고 저쩌고 하면서도 다루게 된다. 2진법을 예로 들자면 1010을 10진법으로 변환하기 위해서는2진수1010자릿수2^32^22^12^010진수84211010을 오른쪽 부터 자릿수를 곱하고 전체를 더하면 된다. 즉 2진수 곱하기 10진수를 하면 된다. 그렇게 계산하면 (1 * 2^3) + (0 * 2^2) + (1 * 2^1) + (0 * 2^0)= 8 + 0 + 2 + 0= 10전개해서 10이 된 것을 알 수 있다.그러면 위에 문제를 풀 때 규칙을 적용시켜 보면 숫자 N에 맨 오른쪽 수부터 첫 번째 자리.. 2024. 7. 31.
Javascript & jQuery로 style 속성 css 입력, 수정하기 우선 테스트할 html을 작성한다. Javascript  여기서 testId div의 css 속성을 수정하고 추가해본다. document.getElementById('testId').style.backgroundColor = 'blue';document.getElementById('testId').style.marginLeft = '100px';document.getElementById('testId').style.backgroundColor = 'blue';document.getElementById('testId').style.marginLeft = '100px';추가 수정은 같은 방법으로 하면 된다.jQuery제이쿼리는 좀 더 짧은 명령어로 할 수 있다.$('#testId').css('backgr.. 2024. 7. 27.
[Javascript] 문자열 앞 뒤 공백 제거 trim() 어쩌다~ 저쩌다 보면 문자열의 앞 뒤 공백을 제거할 일이 생긴다.자바스크립트로 간단히 제거할 수 있다. 앞 뒤 공백 제거 trim();var str = " 앞 뒤 공백 제거 ";str.trim();문자열 뒤에 trim() 함수를 붙이면 제거된다. 앞 공백 제거 trimStart(), trimLeft()var str = " 앞 뒤 공백 제거 ";str.trimStart();str.trimLeft();문자열에서 앞부분 공백만 제거하려면 trimStart(), trimLeft() 둘 중 하나 함수를 사용하면 된다.strat는 시작이라서 앞부분 left는 위치상 왼쪽을 뜻해보인다. 뒤  공백 제거 trimEnd(), trimRight()마찬가지로 뒤에 공백은 trimEnd(), trimRight(.. 2024. 7. 26.

티스토리툴바