Coding Note

시맨틱 태그 웹 페이지를 부분 별로 공간을 나눈 태그! - header : 웹 페이지 상단 - nav : 많이 사용하는 메뉴, 목차 - section : 본문, 내부에 제목 태그 h1 ~h6 사용 권장 - article : 정보전달성 내용 (ex. 기사) - aside : 광고, 본문과 상관없는 영역 - footer : 웹 페이지 하단 Q. , 차이점은? 세션은 부위 별로 영역을 나눌때 사용한다. 메인태그는 웹 페이지 영역을 포괄한다. 요즘 추세는 spa로 하기 때문에 굳이 비교하지말고 Section 태그 사용하자! HTML 기본 코드 정리 태그는 마감 태그를 필수로 작성해야 하며 자식 태그를 가진다. 태그, 문자 인코딩 및 문서 키워드, 요약 정보문서 정보 등! 태그, 외부 문서 연결, css, 폰트 ..

게시물 CRUD 구현하기! 상태 선언 1. 선언 타입이 원시 타입(실제 데이터 값을 저장하는 타입)인 경우 원시 타입) String, Number, bigint, boolean, undefined, symbol, null const[value, setValue] = useState(PRIMITYPE); 2. 참조 타입인 경우 참조 타입) Object, Array 참조 타입인 경우 객체를 복제하여 복제한 객체에 변경된 값을 저장한다. const[value, setValue] = useState(Object); newValue={...value} 복제본 newValue 변경 setValue(newValue) 변경된 값을 set에 넣는다! 1. Create - Create Component function C..

리액트는 사용자 정의 태그를 만드는 기술이다! components - 여러 개의 프로그램 함수들을 모아 하나의 특정 기능을 수행할 수 있도록 구성한 작은 기능적 단위 props - 속성을 나타내는 데이터 - 컴포넌트를 사용하는 외부자를 위한 데이터, 읽기 전용 State - 컴포넌트를 만드는 내부자를 위한 데이터 컴포넌트를 정의하는 간단한 방법은 JavaScript 함수를 작성한다. 컴포넌트를 사용하여 코드를 간략화할 수 있다. 또한 내가 만든 컴포넌트를 다른 사람에게 공유할 수 있으며 다른 사람의 컴포넌트를 활용할 수 있다! 태그를 for문을 사용하여 코드를 간략하게 수정했다. key는 id(고유의 값) Header component function Header(props) { return {props..

React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org React는 자바스크립트 라이브러리 중 하나로 사용자 정의 태그를 만드는 웹 프레임 워크 리액트 세팅 위해 VsCode, NodeJS 설치 필수! Node JS, Express JS 설치하기 아래 인프런 강의를 참고하여 Node JS 스터디를 시작하게 되었다. 처음 배우는 Node JS 잘해보자!! [무료] 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 - 인프런 | 강의 이 강의를 통해서 리액트 coding-day.tistory.com NodeJS 설치를 완료하였으며 세팅해보자! 리액트 세팅 1. 노드 설치..

Public > Protected > default > Private 순으로 접근 제한이 강화 Public 모든 접근이 가능한 제한자 같은 클래스, 패키지내에서 허용, 다른 클래스, 패키지도 허용! Protected 같은 패키지에서만 접근을 허용하고 다른 패키지에서 접근할려면 해당 클래스를 상속받을 시에만 접근이 가능한 제한자 같은 클래스내 접근허용, 다른 패지키 접근 불가! default 같은 패키지에서만 접근을 허용하는 제한자 접근 제한자가 생략되어 있을 경우, 기본적으로 default 접근 제한자 적용 다른 패키지 접근 불가! Private 동일 패키지, 다른 패키지 모두 접근 불가 같은 클래스내에서만 접근을 허용하는 제한자 같은 java 파일 안의 서로 다른 클래스라도 접근 불가! 접근 제한자 별..

- 문제 - 풀이1 1. BufferReader로 입력 받음. 2. StringTokenizer 클래스를 사용하여 문자열을 " "여백으로 분리한다. Q. StringTokenizer? 문자열을 토큰으로 나눌 수 있다. https://docs.oracle.com/javase/7/docs/api/java/util/StringTokenizer.html StringTokenizer (Java Platform SE 7 ) Constructs a string tokenizer for the specified string. All characters in the delim argument are the delimiters for separating tokens. If the returnDelims flag is tr..

풀이해보면 입력 두번째 값을 순서대로 첫 번째 값에 곱하면 된다. 1. 문자열로 입력받아 charAt()로 하나씩 가져와 곱하는 방법 1. 첫 번째 값 a는 정수로 입력받고 두번째 값 b는 문자열로 입력받는다. 2. b값 문자열은 charAt() 함수를 사용해 자리값(index)을 참조한다. 더보기 ex) "apple" charAt(0) = a , charAt(1) = p, charAt(2) = p, charAt(3) = l, charAt(4) = e 3. 자리값에 아스키 코드 '0'을 뺀다. Q. '0'을 빼는 이유는? 문자로 저장된 숫자가 아닌 정수 숫자 그대로의 값을 쓰기 위함! 즉, 아스키 코드 '0'은 48임. import java.util.Scanner; public class C..

AWS 로그인 강화하자! AWS 계정을 해킹당하면 서비스 중인 인프라도 위험! (개인정보 유출 등...) 그러니 보안이 매우 중요하다! 다중 인증 방식(MFA)을 사용하여 보안 강화하기!! Q. MFA(Multi-Fator Authentication) 다중 인증 처리 1. ROOT 계정 설정 MFA는 AWS 루트 사용자 계정으로만 만들 수 있다. IAM 대시보드에서 멀티 팩터 인증 활성화하기 IAM > MFA > MFA 활성화 > 가상 MFA > 할당 2. Google OTP 플레이스토어에서 [Google Authenticator] 어플 다운로드하기 앞으로 로그인 시 이 어플을 사용하여 2차 인증을 한다. 3. ROOT 계정 설정 2 어플을 통해 QR코드를 스캔하고 출력된 MFA 코드를 입력한다. 바코드..