기타

두 CSS 명령어 모두 어떤 요소를 가로로 정렬하기 위해서 사용된다text-align : center  핵심은 '인라인 레벨이든 블록 레벨이든 자식 요소를 정렬 ' 이다.  1.  자식 요소 중 , 인라인 레벨 요소를 가로로 정렬한다.2. 자식 요소 중, 블록레벨 요소는 블록라인 안에 있는 인라인 요소를 가로로 정렬한다. ( 자식이 블록요소면, 손자 요소중 인라인 요소를 가로로 정렬한다 ) ** 이때 주의할 점은 블록 레벨인 자식 요소는 가운데 정렬하지 않는다. 블록 레벨 안에 있는 손자 요소중 인라인 레벨을 갖는 요소만 정렬하는것 margin : auto핵심은 ' 블록 레벨을 갖는 본인 ' 을 정렬 이다. 예시코드// JSX 로 작성 로그인 테스..

왜 쓰는가 ? 컴포넌트간 데이터를 전달할때 props 를 통해 작업이 이루어진다. 이때 수많은 컴포넌트중 하나에서 데이터가 필요하다고 하면 상위 컴포넌트는 데이터가 필요한 하위 컴포넌트에 데이터가 도착 할때까지 계속 props 를 전달하는 작업을 반복해야 한다 ( props drilling ) .  이를 피하기 위해서 간단하게 ContextAPI를 사용할 수 있다. 즉 원하는 컴포넌트에만 데이터를 받아올 수 있게 되는 것이다. 간단 한 의미의 전역 상태관리라고도 생각된다. 기존의 전역 상태 관리랑 무엇이 다르지 ?Redux와 같은 기존의 전역 상태 관리와 하는 역할이 비슷하다. Redux는 미들웨어적 성격을 갖고 있고 ( 상태의 변화를 감지하는 ' 액션 ' 과 액션의 값에 따라 상태를 어떻게 변경할지 정..

props 라는 객체를 전달하기 // ParentComponent.jsx import React from 'react'; import ChildComponent from './ChildComponent'; const ParentComponent = () => { const name = 'John'; const age = 30; return ( ); }; export default ParentComponent; // ChildComponent.jsx import React from 'react'; const ChildComponent = ({ props }) => { return ( Name: {props.name} Age: {props.age} ); }; export default ChildCompone..

문제상황 : 조건부 렌더링이 아닌 페이지의 경우 useRef 에 DOM 요소가 담긴 이후에 useEffect 가 실행되기 때문에 문제가 되지 않는다. 그러나! 조건부 렌더링에서 useEffect 안에 useRef가 있으면 useRef가 아직 초기화가 되지 않아서 undefined가 될 수 있다. useEffect(() => { userRef.current.focus(); }, []); 해결방법 : null check 를 추가해준다 useEffect(() => { if (userRef.current) { userRef.current.focus(); } }, []);

최대공약수 a를 b로 나누었을때 ( a가 b보다 커야한다 ) b를 새로운 a로, a를 b로 나눈 나머지를 새로운 b로 해서 나머지가 0 일 때 까지 반복한다 function gcd(a,b){ // a is greater than b let R ; while( (a % b) > 0 ){ R = a % b a = b b = R } return b } 재귀함수를 사용해서 최대공약수 구하기 function gcd(a,b){ if(b == 0 ){ return a } gcd(b, (a % b )); } 최소공배수 두 수 a 와 b 를 곱하고 최대공약수로 나눈다. function lcm(a,b){ a * b / gcd(a,b) }

원인 리액트 컴포넌트는 파스칼 표기법 ( 첫 문자를 대문자로 ! ) 해주어야 한다. 해결방법 컴포넌트의 첫 문자를 대문자로 바꾼다.

방화벽 컴퓨터를 이용해서 사설네트워크망과 공인네트워크망 구축하기 방화벽 컴퓨터 설정 방화벽으로 사용할 서버 컴퓨터는 네트워크가 2개 필요하다. Vmware를 먼저 설정해준다 ens33 은 공인 IP 주소로, ens35는 사설 IP 주소로 사용하자 nmtui 에서 눌러준다 게이트웨이의 역할을 할 것이기 때문에 게이트웨이 칸은 꼭 비워둔다 네트워크 설정 이후 초기화 nmcli con up ens35 이제 방화벽 설정을 바꿔주자 마스커레이딩과 포트포워딩 설정을 해준다. systemctl start firewalld firewall-config t 포트포워딩 소스가 공인 아이피 대상이 사설 아이피 마찬가지로 Firewall 다시 불러오기 ( 설정 저장 후 방화벽 재시작 ) 를 하면 끝! ..

비밀키를 공개키를 이용해서 주고받기 전자서명 SSL ( secure sockets layer ) 자체서명된 인증키 발급해보기 yum -y install httpd mod_ssl mkdir -p /etc/ssl/private cd /etc/ssl/private 인증서를 발급하는 명령어 // tecmint.local.key, tecmint.local.crt 부분이 사용할 인증서의 이름이다 openssl req -x509 -nodes -newkey rsa:2048 -keyout tecmint.local.key -out tecmint.local.crt vim /etc/httpd/conf.d/ssl.conf 맨 밑줄에 추가한다 ServerAdmin admin@naver.com ServerName www.tecmi..