[wordpress] astra 화면 디자인 꾸미기

[wordpress] astra 화면 디자인 꾸미기

저번시간 로컬셋팅에 이어서 이번에는 화면 디자인을 변경하기 위해 테마를 설치해보도록 하겠다. 외모 -> 테마 -> 새로추가 버튼을 클릭하면 아스트라 테마를 볼수있는데 (본인은 이미 설치한 상태) 테마를 클릭하여 설치하고 활성화 한다. 그런 왼쪽 메뉴에 아스트라 메뉴가 생긴것을 볼수 있다. 시작하기를 누르고 plugin은 다운받으면 다음과 같이 템플릿 선택 페이지로 이동한다. 아스트라로 만들어진 템플릿인데 PREMIUM은 당연히 유료겠지?! 무료 샘플중에 골라본다 그다음에 테마 컬러나 폰트 설정 몇가지 정보 입력후 submit & build .. 완성! 한번 website를 가보자~ 오잉???.. 마이 다른데;;; HOME을 눌러야.. 제대로 나온다.. 일단 메뉴에 불필요한거 제거해보고... 바꿔보자 he..

  • format_list_bulleted Programming/wordpress
  • · 2023. 8. 6.
  • textsms
[wordpress] 개발환경 구축하기! 본인 PC에 설치 [맥기준]

[wordpress] 개발환경 구축하기! 본인 PC에 설치 [맥기준]

https://ko.wordpress.org/download/ 다운로드 Download 오늘 워드프레스를 다운로드하여 세상에서 가장 강력하고 인기 있으며 사용자 맞춤 가능한 플랫폼과 함께 웹사이트 만들기를 시작해 보세요. ko.wordpress.org (macos 사용자만) MAMP 다운로드 : https://www.mamp.info/en/downloads (window 사용자는 따로) mamp 실행 -> 스타트 눌러서 실행 http://localhost:8888/MAMP/?language=English 위주소로 들어가거나 WebStart를 누르면 설정화면으로 이동하는데 tools에 phpMyAdmin 메뉴로 이동 http://localhost:8888/phpMyAdmin5/ 데이터베이스 클릭하여 새로운..

  • format_list_bulleted Programming/wordpress
  • · 2023. 8. 3.
  • textsms

[docker] fastapi + uvicorn docker에서 연결안될때

로컬에서 개발후에 uvicorn을 실행했을때는 접속이 잘되었는데.. 도커에 빌드하고 배포해보고 접속해보려고 하면 연결이 되지않느다. 2시간 넘게 삽질했는데.. 결국 해결방법은 python -m uvicorn --host=0.0.0.0 --port=8000 app.main:app --host 옵션 0.0.0.0을 줘야 도커 컨테이너에 정상적으로 접속이 가능하다.

  • format_list_bulleted Programming/Docker
  • · 2023. 8. 2.
  • textsms
[springboot+jwt+react#4] login api 연결

[springboot+jwt+react#4] login api 연결

오늘 만들것 로그인 처리를 API에 연결해보자 걸리는 시간 15min 실습 저번에 만든 로그인 폼에 api을 연결해보자 블로그에 설명되어있진 않지만 api 서버에 로그인 컨트롤러가 준비되어있다. B /controller/AuthController.java package com.project.controller; @RestController @RequestMapping("/auth") @RequiredArgsConstructor public class AuthController { private final AuthService authService; @PostMapping("/login") public ResponseEntity login(@RequestBody MemberRequestDto memberR..

  • format_list_bulleted Programming/spring+jwt+react
  • · 2023. 7. 24.
  • textsms
[springboot+jwt+react#3] login / React Hook Form

[springboot+jwt+react#3] login / React Hook Form

이전 포스팅 2023.07.21 - [spring+jwt+react] - [springboot+jwt+react#1] react cra frontend 초기설정 2023.07.22 - [spring+jwt+react] - [springboot+jwt+react#2] react layout / react-dom 오늘 만들것 React Hook Form을 이용한 로그인 폼 사전에 알아야 할것 react-hook-form 걸리는 시간 20분 실습 저번시간에 이어서,, login 기능을 만들어보도록 하자 우선 로그인form을 만들어야하므로 router에 login path를 추가하고 page를 하나 생성하도록 한다. 로그인 빈껍데기부터 만들고 /pages/LoginPage.tsx const LoginPage =..

  • format_list_bulleted Programming/spring+jwt+react
  • · 2023. 7. 23.
  • textsms
[springboot+jwt+react#2] react layout / react-dom

[springboot+jwt+react#2] react layout / react-dom

2023.07.21 - [spring+jwt+react] - [springboot+jwt+react] react cra frontend 초기설정 오늘 만들것 리액트 react-dom과 layout 잡기 (아래와 같이) 사전에 알면 좋은것 react-dom 실습 우선 src 폴더 아래에 compoenents 폴더를 생성하고 다시 Layout 이라는 디렉토리를 만들어준다 여기에 Layout.tsx 파일과 Navigation.tsx 파일을 생성해준다. Layout.tsx import React, {Fragment} from "react"; import Navigation from "./Navigation"; import Footer from "./Footer"; type Props = { children?: ..

  • format_list_bulleted Programming/spring+jwt+react
  • · 2023. 7. 22.
  • textsms