개발자와 화가 개발자와 화가

Programming/web

• [CSS] 가운데로 정렬하는 방법

  Programming/web 2023. 5. 11. 10:10

  flexbox 사용 부모엘리먼트는 display:flex를 사용해서 flex container가 된다. 자식 엘리먼트는 flex item이라고 부른다. justify-content: center; align-items: center; flex-direction: column; //배열 구조를 column으로 함

  Read More
• [React] 환경설정 페이지 퍼블리싱 (tsx, css)

  Programming/web 2023. 1. 8. 21:30

  (MUI 적용 전 코드 정리) SettingPage.tsx import React from 'react'; import { Button } from '@mui/material'; import '../styles/setting.css'; const SettingPage = () => { return ( 00 회원 커스텀화 테마 설정 시작 요일 설정 고객센터 도움말 문의하기 기타 로그아웃 ); }; export default SettingPage; setting.css .username{ position: fixed; width: 95px; height: 23px; left: 123px; top: 70px; font-family: 'Roboto'; font-style: normal; font-weight: ..

  Read More
• [React] Navbar Using Material UI 참고 사이트

  Programming/web 2023. 1. 8. 21:07

  https://javascript.works-hub.com/learn/how-to-create-a-responsive-navbar-using-material-ui-and-react-router-f9a01

  Read More
• [react] 불필요한 모듈 지우기

  Programming/web 2022. 11. 19. 14:15

  package.json에 현재 설치된 모듈과 버전을 확인 가능하다 만약 불필요한 모듈을 지우고 싶다면 터미널에 npm prune 을 입력하면 된다

  Read More
• [css] 사용자가 스크롤을 못하도록 하기

  Programming/web 2022. 7. 5. 16:38

  컨텐츠 내용이 window보다 벗어나게 되면 보이지 않도록 하게 함

  Read More
• [JS] 문자열 안에 변수 넣는 `탬플릿 리터럴`

  Programming/web 2022. 6. 20. 11:27

  const count = 17; const size = 17.1; console.log(`value: ${count}, type: ${typeof count}`); 주의할 점은 console.log 안에 작은따옴표(')가 아닌 백틱(`)을 사용해야 함 '작은 따옴표' `백틱` = `Backquote` = `backtick` 둘은 완전히 다른 문자이며, 작은 따옴표 사용시 오류가 난다..

  Read More
• [HTML] 태그 정리

  Programming/web 2022. 3. 15. 15:42

  1. p 태그 문단 2. h 태그 폰트 크기. 1~6까지 있으며 1이 제일 크고 6이 제일 작다 3. ul, li / ol, li 태그 ul li 1 ul li 2 ul li 3 ol li 1 ol li 2 ol li 3 4. table 태그 tr으로 행을 표현 th, td로 행의 컬럼을 표현한다. th는 보통 첫번째 칼럼으로 굵은 글씨체와 가운데정렬, td는 그냥 칼럼 1 2 3 1 2 3 5. input, button 태그 확인 6. select 태그 후식 고르기 과자 아이스크림 견과류 과일 7. a 태그 다른 페이지로 이동한다. 네이버로 이동하기 a로 이동하기(상대주소)

  Read More
• 서버<-> 클라이언트 데이터를 주고 받는 방법

  Programming/web 2022. 3. 15. 14:52

  서버와 클라이언트의 데이터를 주고 받는 규약을 프로토콜이라고 한다 클라이언트-> 서버로 데이터를 요청할때 4가지 타입을 CRUD 라고 한다. Read, Create, Update , Delete으로 순서대로 읽기, 쓰기, 수정, 삭제 이다. 요청메소드 1. GET - read 클라이언트가 서버에 데이터를 요청할때 사용하는 메소드. CRUD에서 R에 해당한다. 서버 종류에 따라 다양한 데이터를 요청한다. 2. POST - create 특정 데이터를 추가하는 요청이다. CRUD에서 C에 해당한다. 데이터를 만들어내는 것이다. 즉 데이터베이스에 데이터를 추가한다는 의미. 3. PUT - update 특정 데이터에 대해 수정하라는 요청이다. CRUD에서 U에 해당한다. (update) 데이터베이스에 존재하는 데..

  Read More