bright jazz music

1. 함수를 정의하는 방법 JS에서 함수를 정의하는 방법은 크게 네 가지이다. - 함수 선언문 - 함수 표현식 - function 생성자 - 화살표 함수 1.1. 함수 선언문 JS에서 함수를 선언할 때 가장 일반적으로 사용하는 방식 function add(a, b) { //이름이 있다 return a + b } 함수 선언문은 표현식이 아닌 일반 문(statement)로 분류된다. 표현식이란 무언가 값을 산출하는 구문을 의미한다. 즉, 함수 선언으로는 어떠한 값도 표현되지 않았으므로 표현식이 아닌 문으로 분류된다. 그러나 JS엔진이 코드의 문맥에 따라 동일한 함수를 문이 아닌 표현식으로 해석하는 경우가 있다. const sum = function sum(a, b) { //함수에 이름이 있다 return a..

리액트에서의 의존성 배열이 작동하는 방식. 왜 의존성배열에 특정한 변수들을 채워야 하는가? 리엑트 컴포넌트의 렌더링이 일어나는 이유증 하나는 props의 동등비교에 따른 결과이다. props의 동등비교는 객체의 얕은 비교를 기반으로 이루어진다. 이 얕은 비교가 리액트에서 어떻게 작동하는지 이해하지 못하면 렌더링 최적화에 어려움을 겪을 수 있다. 리액트의 가상 DOM과 실제 DOM의 비교, 리액트 컴포넌트가 렌더링할지를 판단하는 방법, 변수하 함수의 메모이제이션 등 모든 작업은 자바스크립트의 동등비교를 기반으로 한다. 1. 자바스크립트의 데이터 타입 자바스크립트의 모든 값은 데이터 타입을 갖고 있으며, 이 데이터 타입은 원시 타입과 객체 타입으로 나눌 수 있다. 1.1.원시타입(primitive type)..

/*사용할 전역 변수 선언 */def target = "EcertAdmin*.jar"def target_dir = "/home/coffee/chainverse-apps/ecertificate/back-apps/icert-admin"def backup_dir = "${target_dir}/backup"def docker_container="icert-admin"pipeline { agent { label 'docker-agent-for-node-and-java' } stages { stage('kill current java process') { /* 먼저 192.168.2.104에서 coffee를 docker 그룹에 포함..

#!/bin/bash#file에 디렉터리 경로를 포함한 파일명 담기#basename 함수를 사용하여 경로를 제외한 파일명만 추출#추출한 파일명에 "오늘일자.bak" 붙여서 backup 디렉터리로 이동#변수선언target=$1target_dir=$2backup_dir=$3#아규먼트 제공여부 확인. -z : 빈 문자열 여부 확인.if [ -z "${target}" ] || [ -z "${target_dir}" ] || [ -z "${backup_dir}" ]; then echo "#### ERROR: Please provide three appropriate arguments! (target, target_dir, backup_dir) ####" exit 1fi# target_dir가 존재하는지 확인...

1. 깃랩 access 토큰 발행 - 깃랩 로그인 후 settings, access token 메뉴에서 API 스코프 선택 후 토큰 발행 - 이 때의 setting은 repository의 settings가 아니라 로그인한 자신에 대한 setting임.2. 젠킨스 2.1. 깃랩에서 생성한 access token을 사용하여 credential 생성 - dashboard > manage jenkins > credentials 이동 - credential 생성: 'gitlab api token' 선택. 그리고 gitlab에서 생성한 access token 입력 2.2. 깃랩 연결 시의 설정 등록 - gitlab plugin설치 후 gitlab connection 항목 설정 - dashboard > ..

그리드 레이아웃( 여기서는  grid 요소를 말하는 것이 아님. 웹에서 자주 사용하는 격자 형태의 화면 구조를 말하는 것임)  See the Pen Untitled by Philip Ottam (@Philip-Ottam) on CodePen.

https://github.com/hojuncha997/Responsive-css GitHub - hojuncha997/Responsive-cssContribute to hojuncha997/Responsive-css development by creating an account on GitHub.github.com 추후 학습 내용은 위 리포지토리에 남긴다. 참고로 이 repo에 저장된 프로젝트는 순수 HTLM + CSS + JS로 구성돼 있다.    1. 플렉스박스 레이아웃은 반응형 웹 디자인에 적합한 그리드 레이아웃을 만드는 방법 가운데 하나이다플렉스 박스 레이아웃 용어 플렉스 컨테이너(부모 박스)플렉스 박스 레이아웃을 적용할 대상을 묶는 요소플렉스 항목(자식 박스)플렉스 박스 레이아웃을 적용할 대상..

materia ui 스타일의 textfield 만들기 label 태그의 for속성은 input 태그의 id 속성과 같아야 효과가 적용된다. See the Pen Untitled by Philip Ottam (@Philip-Ottam) on CodePen.

1. CustomTextField.js       CustomTextField type="text" name="password" placeholder="Contract code"/> import PropTypes from 'prop-types';import './CustomTextField.css';CustomTextField.propTypes = { type: PropTypes.string, name: PropTypes.string, placeholder: PropTypes.string, value: PropTypes.string,};export default function CustomTextField({ type, name, placeholder, value }) { return ( ..

- 컨텍스트는 리액트가 제공하는 가장 막강한 기능- 컨텍스트는 리액트 라우터, 리덕스 등 많은 라이브러리 설계의 근간이 됨. 컨텍스트란?컴포넌트의 속성(props)은 부모 컴포넌트가 자식 컴포넌트로 어떤 정보를 전달하려고 할 때 사용하는 메커니즘이다. 그런데 부모 컴포넌트가 직계 자식이 아닌, 손자나 증손자 컴포넌트에 정보를 전달하려고 하면 아래와 같이 번거로운 props 전달을 해야 한다.리액트는 이런 속성 전달의 번거로움을 해소하고자 context라는 메커니즘을 구현하였다.리액트나 리액트 네이티브에서 컨텍스트는 createContext나 useContext로 이뤄진다. 이 둘의 관계는 아래의 그림처럼 표현할 수 있다.컨텍스트 기능을 사용하는 리액트와 리액티브 코드는 항상 이름에 'Provider'가 ..