본문 바로가기

Programming

[HTML] a 태그 사용하기 1. a 태그는? - a 태그는 HTML 코딩에서 링크를 만들 때 사용하는 요소입니다. 간단하게 링크를 주기위한 태그 입니다. a 태그의 기본 style a {display:inline; text-decoration:underline; color:#0000ee;} a:active {color:#551a8b;} 2. a 태그에 사용되는 옵션 href a태그를 클릭했을 때 href에 입력 된 주소로 이동합니다. target target 은 a태그를 클릭했을 때 새 창으로 이동 할 지 현재창으로 이동할 지 등 다양한 옵션을 줄 수 있습니다. 이름 기능 _blank 기존 페이지는 유지하면서 링크 이동 _self 현재 페이지에서 해당 링크 이동 _parent 현재 프레임의 부모 프레임에서 링크 이동 _top 최상.. 더보기
[MySql] DATETIME 형식 변환하기 SELECT DATA_FORMAT(DATETIE, '%Y-%M-%D) AS DATE FROM TABLE_NAME 해당 쿼리문처럼 DATA_FORMAT(날짜컬럼, '%Y-%M-%D) AS '보여질 컬럼 명' FROM '테이블 명' 을 사용하여 날짜 형식을 바꿔줄 수 있다. 더보기
[JavaScript] 배열이란?? 1. 배열의 정의 JavaScrtip 에서의 배열(Array)이란 이름과 인덱스로 참조되는 정렬된 값의 집합으로 정의된다. 배열을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스(index)라고 합니다. JavaScript 에서 배열의 특징은 다음과 같습니다. 배열(array)요소의 타입은 고정되어 있지 않으므로 같은 배열 안에 있는 배열의 요소들의 타입이 다를 수 있습니다. (ex: [string, string, Number, bool, ...]) 배열 요소의 인덱스가 연속적이지 않아도 되며, 그에 따라 특정 배열 요소가 비어 있을 수도 있습니다. JavaScript에서 배열은 Array 객체로 다뤄집니다. 2. 배열의 생성 JavaScript에서 배.. 더보기
[JavaScript]JS의 Number 속성 소수점 제어 JavaScript에서 Number를 제어하다보면 소수점이 나오는 경우가 있는데 이 때 간단하게 해당하는 소수점을 제어 할 수 있는 객체가 있습니다. - Math 사용 Math.ceil(Number) // 소수점 올림. 정수 반환 Math.floor(Number) // 소수점 버림. 정수 반환 Math.round(Number) // 소수점 반올림. 정수 반환 위와같은 객체를 활용하여 JavaScript의 소수점을 제어할 수 있습니다. - Math.ceil(Number) 사용 먼저 소수점을 올리는 예제를 보겠습니다. const a = 5; const b = 3; const c = 6; const d = 5; console.log(a/b); // 결과 : 1.6666666666666667 console.lo.. 더보기
[React] map 함수안에 array 배열 뿌리기 Item.map((list) => ( {list.name} ) - 위와같은 map안에다 Array 배열을 추가로 뿌리고 싶어졌습니다... Item.map((list) => ( {list.name} {Array.from(Array(list.bodys), x => )} ) - map 으로 뿌려지는 배열 안에 BsStarFill 이란 객체를 뿌리는데 개당 객체를 list.body 의 갯수만큼 뿌려준다!!! 더보기
[React] React Project에서 간단한 탭 메뉴 만들기 import { useState } from "react"; const TabMenu = () => { const [menuNum, setMenuNum] = useState(1); const tabMenuToggle = (e) => { setMenuNum(e); } return( tabMenuToggle(1)}>Menu_1 tabMenuToggle(2)}>Menu_2 tabMenuToggle(3)}>Menu_3 tabMenuToggle(4)}>Menu_4 {menuNum === 1 ? Menu Contents1 : (menuNum === 2 ? Menu Contents2 : (menuNum === 3 ? Menu Contents3 : Menu Contents4) ) } ) } export default .. 더보기
[HTML] 유니코 특수문자 리스트 - html 작성 시 특수문자 ({, }, [, ], (, ) 등) 가 정상적으로 표시되지 않을 때 아래의 유니코드로 표시하면 됩니다. 표현문자 숫자표현 문자표현 설명 - �- - 사용하지 않음- space - 수평탭 space - 줄 삽입 - - - 사용하지 않음 space - 여백 ! ! - 느낌표 " " " 따옴표 # # - 숫자기호 $ $ - 달러 % % - 백분율 기호 & & & Ampersand ' ' - 작은 따옴표 ( ( - 왼쪽 괄호 ) ) - 오른쪽 괄호 * * - 아스트릭 + + - 더하기 기호 , , - 쉼표 - - - Hyphen . . - 마침표 / / - Solidus (Slash) 0 ~ 9 0 ~ 9 - 0 부터 9 까지의 숫자 : .. 더보기
[Ruby]-Ruby on Rails- 개발환경 세팅하기! (UBUNTU 16.04.7) 내가 기록하고 까먹지 않기 위해 기록남기기! 이번에 세팅 할 버전들은 ruby 2.2.1p85 (2015-02-26 revision 49769) [x86_64-linux] Rails 4.2.11.3 gem 2.7.6 mysql2 이정도 입니다.. 에디터는 'RubyMine-2020.3.3' 을 이용했습니다. 이클립스 낮은 버전에서도 ruby on rails 프로젝트를 생성 및 관리,디버깅 이 가능하다고는 하는데 세팅이 귀찮고... 맘같아선 vscode 를 이용해서 작업하고싶지만 고급 개발자가아니라 세팅하는데 한세월일듯해서 RubyMine 을 이용합니다... ( RubyMine 은 에디테에서 코드를 수정하면 다른 에디터와 다르게 자동저장이 되므로 코드를 수정하고 따로 'Ctrl + S' 를 눌러 저장을 하.. 더보기

티스토리툴바