특별한 일상

안녕하세요. 소다맛사탕입니다. 이번 포스팅에서는 자바스크립트 배열 요소에 대한 지정된 함수를 호출 하는 forEach() 메서드에 대해 간다하게 알아보겠습니다. ※ forEach() 메서드는 배열에서만 사용가능한 메서드 1. 사용법 array.forEach(callback(element, index, arr), thisArg) callback : 실행할 함수. 즉, function(){} element : 배열의 현재 요소. index : 요소의 인덱스. arr : forEach()가 호출한 배열 thisArg : 콜백을 실행할 동안 this로 사용할 값. 2. 예시(for example) // 배열 선언 var arrVal = []; arrVal.push("가"); arrVal.push("나"); ar..

안녕하세요. 소다맛사탕 입니다. 오늘은 바디워시 제품을 소개해 보려고 하는데요. 해피바스 바디워시!!! https://coupa.ng/b0nYs5 COUPANG 쿠팡은 로켓배송 www.coupang.com 링크를 클릭해 원하시는 해피바스 바디워시를 찾아보세요. 그 중 오늘 제가 몇주간 사용해본 '해피바스 로즈 에센스 바디워시' 에 대한 감상평을 써보겠습니다... 본 제품은 현재 시중가보다 저렴하고, 4개씩 세트로 묶어서 팔고 있습니다. (물론 다른 제품도 마찬가지 입니다.) 솔직히 바디워시 제품 다 거기서 거기라 생각했지만 이전에도 해피바스 제품을 사용해봤고, 이번에도 해피바스 제품이 할인한겸 해서 구매를 했는데... 역시 좋은 제품은 어디 안가나 봅니다. 로즈... 장미죠. 솔직히 장미향 잘 모릅니다...

안녕하세요. 소다맛사탕 입니다. 지난 HTML 포스팅인 '[HTML] 테이블(table) 설명 및 레이아웃 만들기 (html table description and create lay-out)'에 이어서 table의 셀 속성인 colspan과 rowspan에 대해 알아보겠습니다. 1. colspan 하나의 셀 또는 행을 여러 열로 나누고 둘 이상의 열로 합병하기 위해서 사용합니다. 즉, 테이블의 셀을 가로로 합병. 셀 병합 (colspan="2") colspan 사용 예시를 통해 더 자세히 알아보겠습니다. 1) 열을 3개로 나눈뒤 데이터 셀을묶음 테이블 예시 컬럼1 이것은 데이터1 컬럼2 이것은 데이터2 컬럼3 colspan 3 컬럼4 이것은 데이터3 컬럼5 이것은 데이터4 2) 헤더셀과 데이터셀을 묶음..

이번 포스팅에선 게시판 형태, 홈페이지의 레이아웃을 관리하는 table 태그에 대해서 알아보겠습니다.. 기본적으로 HTML table 태그는 데이터를 행과 열의 형태의 표 형식을 만드는데 사용합니다. 각 행의 테이블의 행은 테이블의 헤더는 테이블의 데이터는 로 표시합니다. 테이블 속성 태그 설명 테이블을 정의 테이블의 행 테이블의 헤더 셀 테이블의 셀(데이터) 테이블의 캡션(설명) 테이블의 그룹을 지정(행 합침 등에 이용) 각 열에 속성을 지정(상위 colgroup과 쓰임) 테이블 표의 본문 내용을 지정 테이블 표의 헤더 내용을 그룹화(한 행에 합침) 테이블 표의 바닥 글 내용을 그룹화(바닥글 행 합침) 예시를 통해 더 자세히 알아보겠습니다. 테이블 예시 컬럼1 이것은 데이터1 컬럼2 이것은 데이터2 컬..

지난 포스팅 이었던 '[REACT] 리액트 JSX 태그 내부에 변수 넣기(React JSX in InnerTag)' 에 이어서 오늘은 JSX로 스타일 속성을 지정하는 방법을 알아보겠습니다. 기본적으로 DOM속성으로 뷰의 스타일을 지정할때 속성을 사용하는데... JSX에서 이 스타일 속성을 문자열로 지정할 수 없습니다. 스타일 속성으로 CSS 속성과 값을 객체로 지정해야 합니다. const param = {prop1 : value1, prop2 : value2, prop3 : value3 ...} const domStyle = ... 그럼 예시를 통해 더 자세하게 알아보겠습니다. 예시는 홈페이지 형태입니다. render()를 3개로 구분하여 header, contents, footer 영역으로 만들어서 홈..

특정 값의 vaildation을 체크하거나 해당 값의 일치 여부를 판단하기 위해 indexOf() 라는 탐색 메서드를 종종 사용하곤 하는데.. 오늘은 이 특정 문자를 검색하거나 찾은 후 처리되는 indexOf() 메서드의 처리 방식에 대해 간단히 알아보려고 합니다. 1. indexOf() 특정 요소를 앞에서부터 검색하고 문자열의 위치를 리턴한다. indexOf(searchString, position) 2. lastIndexOf() 특정 요소를 뒤에서부터 검색하고 문자열의 위치를 리턴한다. lastIndexOf(searchString, position) 해당 문자(열)을 가지고 있는지 여부에 따라 값이 없는 경우 -1을 반환. 해당하는 값이 있는 경우 해당 위치 값을 반환. 예시를 통해 알아보겠습니다....

오라클 SQL을 사용시 문자열을 반환하는 방법이 여러가지 있는데.. 이번 포스팅에서는 문자열을 왼쪽 또는 오른쪽에서 삭제 및 추가하는 함수에 대해 알아보겠습니다. 대부분 앞에 0을 붙이거나 뒤에 0을 붙이거나 글자를 자르고 싶을때 쓰이기도 하는데 자세하게 사용방법을 알아보겠습니다. 1. LTRIM 사용방법 : LTRIM(문자, 제거할문자) ; 왼쪽 끝에서 제거한 후 나머지 문자열을 반환. 2. RTRIM 사용방법 : RTRIM(문자, 제거할문자) ; 오른쪽 끝에서 제거한 뒤 나머지 문자열을 반환. SELECT LTRIM('123000123', '123') AS test01, LTRIM('가나다라마', '가') AS test02, RTRIM('123000123', '123') AS test03, RTRIM..

이번 포스팅에서는 컬렉션 프레임워크의 List의 구현클래스인 ArrayList와 LinkedList의 차이와 반응성에 대해 간단하게 알아보겠습니다. List 구현클래스... 1. ArrayList 컬렉션 프레임워크에서 가장 많이 쓰이고, 데이터의 저장순서가 유지되고 중복을 허용. 2. LinkedList 배열의 크기를 변경하고, 비순차적인 데이터의 추가와 삭제에 대해 복사하는 과정이 없으므로 처리속도가 빠름. ArrayList Vs. LinkedList 순차적으로 추가 및 삭제하는 경우에는 ArrayList가 LinkedList 보다 빠름. 배열에 저장할 데이터의 갯수만큼 저장공간을 충분히 확보하는 경우. 마지막 데이터부터 역순으로 순차적으로 삭제해 재배치를 하지않을 경우. 비순차적으로 추가 및 삭제하는..