dada's

context : react 컴포넌트 트리 안에서 전역적으로 필요한 데이터(state, function)를 props대신 사용하며 react 16버전 부터 사용 할 수 있는 내장 api이다. 하지만 꼭 전역적일 필요는 없고 컴포넌트간에 데이터를 전달하는 방법이라고 생각하면 된다. 그렇지만 context는 전체적인 상태관리를 위해 만들어진게 아니다. 데이터를 쉽게 사용하기 위해 만들어졌다. context를 사용 할 경우 props가 가지고 있던 문제 props drilling을 해결 할 수 있다. [ context를 자주 사용하는 데이터 종류 ] 1. 테마 데이터 (다크모드 & 라이트 모드) 2. 사용자 데이터 (현재 인증된 사용자) 3. 로케일 데이터 (언어, 지역) [ 사용방법 ] 1. createCo..

Docker개념 : Application을 패키징 할 수 있는 툴 컨테이너라고 불리는 하나의 소프트웨어 유닛안에 Application(어플리케이션), System Tools(환경 설정), Dependencies(요소간의 링크), 다시 말해 Application을 구동하기 위한 모든 요소를 하나의 컨테이너 안에 묶어서 다른 서버나 다른 pc에 쉽게 배포하고 안정적으로 구정할 수 있도록 도와준다. Docker 동장 순서 1. dockerfile을 만든다 dockerfile이란 어플리케이션을 구동하기 위해 필요한 파일, 프레임워크, 라이브라리, 필요한 환경 변수 설정, 어떻게 구동해야되는지에 대한 스크립트 등을 정리한 파일이다. 쉽게 말하면 요리의 레시피이다. 2. image 만들기 첫번째 단계에서 만든 do..

AJAX 프론트엔드에서 javascript를 이용해 서버에 여러가지 요청을 할 수 있는 문법같은 것이다 장점은 새로고침 없이도 서버에 몰래 요청을 할 수 있다 그래서 새로고침없이 스무스한 사이트를 만들고 싶으면 많은 요청을 ajax문법을 이용해 처리하게된다

지난번 자바스크립트를 활용하여 input 값을 받아오는 포스팅에 이어 제이쿼리를 사용하여 input 값을 받아오는 방법을 정리했다. 자바스크립트와 제이쿼리 문법이 달라 헷갈릴 수 있어 잘 정리 해야한다. https://kdy-log.tistory.com/4 [Javascript] input 값 가져오기 input value 순수 자바스크립트로 input 값을 가져오는 법 "input 요소.value" 이렇게 .value라는 프로퍼티를 이용하여 간단하게 출력할 수 있다. 예제 (input 박스에 값을 입력 한 후 버튼을 클릭하면 밑에 input에 입 kdy-log.tistory.com 일단 자바스크립트로 input 값을 가져오는 기본 방법을 익힌 후 제이쿼리의 문법을 익히는것이 좋다. jQuery 문법 i..

Math 💡Math란 수학적인 상수와 함수를 위한 속성과 메서드를 가진 자바스크립트 내장 객체이다. 함수객체가 아님. Math는 Number 자료형만 지원한다. Math에는 다양한 속성과 메서드가 있지만, 일단 기본적으로 많이 사용되는 메서드만 정리 해 보았다. 더보기 📌 자주 사용되는 Math의 메서드들 📌 Math.pow(3,2); // 결과 9 -> 3의 2승 Math.round(10.6); // 결과 11 -> 10.6을 반올림 Math.ceil(10.2); //결과 11 -> 10.2를 올림 Math.floor(10.6); // 결과 10 -> 10.6을 내림 Math.sqrt(9); // 결과 3 -> 3의 제곱근 Math.random(); // 0~1 사이의 랜덤한 숫자(난수)