본문 바로가기
반응형

전체 글98

리액트 빅 캘린더 난생처음 리액트 공부하다보니 하루종일 삽질만하는 것 같다 ㅠ 그래도 오류코드 꼼꼼하게 나와서 다행이다 오늘은 웹에서 자주 연동되는 풀캘린더를 찾아보다가 리액트 빅캘린더를 설치해보았음 yarn add react-big-calendar or npm install --save react-big-calendar 뭐이리 경고가 많이 뜨냐... 적당히 노란 워닝은 넘어감.. 한번에 설치하고 바로 적용할리가 없지 일단은 이리 저리 삽질하다가 겨우겨우 소스파일 보고 적용했음.. // 한글 언어설정부분 import moment from 'moment' import 'moment/locale/ko'; import { Calendar, Views, momentLocalizer } from 'react-big-calendar.. 2021. 6. 22.
axios를 이용해 php로 값 보내고 전달받기 리액트 공부중에 비동기식 통신 중 axios에 대해서 정리해보려고 합니다. axios 를 이용하면 기존에 ajax 통신을 편하게 값을 전달하고 받을 수 있으며 코드도 간결하고 사용법도 쉽다~! 먼저 설치방법은 yarn add axios 얀이 설치가 되어있지 않다면 npm install axios 로 설치 후에 상단의 import axios from 'axios'; 로 불러온다. 기본적인 사용법은 axios.post('접속 url', { 전송 데이터 }) .then(function (response) { // 성공 }) .catch(function (error) { // 실패 }); } php 에서 데이터를 받을 경우 $data = file_get_contents("php://input"); $json =.. 2021. 6. 21.
무료 마인드맵을 깃마인드 데이터를 설계하는 과정은 어떤 과정보다도 우선시되면서도 가장 중요한 뼈대 역활을 하는만큼 초반에 가장 번거롭고 신경써야할부분이다. 제대로된 설계 없이 메모장이나 무언가를 만들면서 DB구조가 바뀌게되면 하나만 바꾸게되는 경우보다 관련된 여러개를 수정해야할 경우가 많다. 그래서 초기 작업보다 더 많은 시간이 걸리는 비효율적인 일이 될 것이다. 이러한 데이터관리 마인드맵등을 무료로 해주는 깃마인드를 소개해보려고 한다. 한국어 지원은 물론 수 많은 무료 템플릿도 제공하며, 온라인에서 실시간으로 저장된다! 주소는 https://gitmind.com/kr/ GitMind - 무료 온라인 마인드 맵 도구 GitMind는 브레인 스토밍, 프로젝트 계획, 개발, 행동 및 기타 창의적인 작업을위한 무료 온라인 마인드 맵 .. 2021. 6. 19.
몸에 좋은 콜라비 효능 알아보기 요즘은 흔하게 다이어트나 간편식으로 콜라비 자주 챙겨먹고 있어요. 자주 먹는만큼 효능을 알고 먹으면 더 좋을 것 같아서 정리해보았어요. 콜라비는 일단 대부분이 수분으로써, 이렇게 무더운날에 갈증해소에도 좋고 배도 든든하게 만들어주거든요! 먼저 콜라비는 생긴건 양배추처럼 생겼는데 무랑 맛도 나고 신기하죠. 개량되어 무 맛에서 쌉싸름한 맛은 없애고 식감은 살리고 포만감이 상당히 높기 때문에 다이어트식으로 많이 찾고 있어요. 그만큼 저칼로리에 섬유질이 풍부해서 소화에 좋고 장운동을 원활하게 해준답니다. 또한 비타민A, 비타민C를 포함하여 평소에 면역력 증진에 좋고 눈에 좋은 건강하고 맛있는 채소예요. 저는 여름에 냉장고에 채워놓고 간식 대용으로 아식하게 먹고 있어요! 몸에 좋은 콜라비 효능을 간단하게 알아보았.. 2021. 6. 19.
리액트 너는 누구야 웹은 진짜 너무 바르게 변화하기때문에 조금만 쉬다보면 새로운 방식의 사이트들이 우후죽순 생겨난다. 그만큼 변화에 따라가기가 참 힘들다. 오늘은 리액트에 대해서 간단하게 정리해보려고 합니다. 먼저 공식문서를 참조하면 기존에 자바스크립트와 html css 를 효율적으로 제작하기위한 자바스크립트 라이브러러리라고 나오는데요. 기존의 웹앱을 만들때 웹뷰를 사용하여 툭툭 사이트가 끊어지면서 이동하는거 많이 보셨을꺼에요. 하지만 이 리액트를 사용하면 여러페이지를 변화된 정보를 재 렌더링하며 보여줄수 있고, 여러페이지를 하나의 프로젝트로 구성하여 효율적으로 관리할 수 있습니다. 하나의 페이지내에서 여러 div등을 관리하려면 수정할때 꽤나 골치아픈일이 아닐 수 없는데비해 리액트를 사용하면 여러 단위의 컴포넌트로 분활하며.. 2021. 6. 17.
여름철 피부에 좋은 습관 만들기 이렇게 더울때면 피부관리하기가 더 힘들어요. 그래서 오늘은 피부관리에 좋은 방법들에 대해서 이야기해보려고해요. 먼저 첫번째는 수분섭취예요. 아마 피부관리를 하신다고하시면 억지로라도 매일 2L물을 마시는 습관을 만들고 관리하실꺼예요. 하루 수분 권장량은 몸무게 * 0.03L 로 계산하시면되는데요. 자신의 몸무게가 60kg 라면 매일 1.8L정도의 권장량이네요. 물은 몸속의 독소를 배출하며 혈액순환을 원활하게하기 때문에 일단 물을 많이 마시는 습관은 필수예요. 두번째는 자외선 차단이예요. 저희의 피부 노화의 주범이죠. ㅠㅠ 특히 이런날 외부활동시에는 꼭 자외선차단제를 챙기는 습관을 만드셔야해요! 단 세안은 꼼꼼하게 하셔야해요! 세번째는 규칙적인 생활패턴이예요. 꼭 정해진 시간 충분한 휴식으로 숙면을 취해주셔.. 2021. 6. 16.
부트스트랩5 달라진점 벌써 오래전 사이트제작을 할때 제대로된 웹에디터도 없던시절 나모웹, 드림위버등의 에디터가 나오면서 코딩이 간편해지기 시작했는데 부트스트랩이 출시된 이후 모바일과 PC 테블릿등의 css의 표준이되었다고해도 과언이 아닌데요. 먼저, 부스트스트랩5의 특징은 IE버전의 지원을 종료했습니다. 웹사이트 제작을 하다보면 항상 벽이되는 IE죠.. 사실 주위에 사용하는분들은 거의 없는데 항상 IE테스트 후 따로 예외처리 및 코딩을 해줘야하는 불편함이 있었죠. 일단 다른분 내용에서 가져온 차이점 정리를 살펴보면 눈에 확 들어오는건 앞서 언급했던 부트스트랩4 버전에서 지원되던 IE10, 11버전 모두 지원을 종료되어있는 점이네요. 기존 IE버전 최적화가 필요하신경우에는 부트스트랩4버전이나 그 이하버전으로 제작을해야하겠네요... 2021. 6. 15.
비트와 바이트 평소 프로그램 공부를 하다가 자연스럽게 항상 넘긴부분... 보통 코딩을할때 이해하면 좋겠지만 도통 돌아가지않는 머리때문에 항상 나오면 넘기곤 했던 부분... 어차피 공부해봐야 사용하는 경우가 많지 않다보니 알다가도 다시 까먹음... 일반적인 비트와 바이트는 평소 10진수를 사용하다 이해하려하면 더 어렵게 느껴진다. 일단 데이터의 가장 작인 단위로 2진수 값의 하나를 저장하는 메모리 공간이다. 이 비트를 8개가 하나의 바이트로 인식된다. 그러면 각 비트의 표현에서 음수와 양수의 표현은 바로 가장 앞에 부분의 표기되는데 이떄 공간이 0일때 양수 1일때 음수로 표기한다. 여기에서 또 한번 생각할때 숫자를 4를 예를 들면 4의 10진수를 2진수로 바꾸어 00001000 이라면 이를 음의 정수로 바꾸면 어떻게 될.. 2021. 6. 14.
반응형

티스토리툴바