안드로이드 & 지멘스 프로그래밍

안녕하세요. 훈츠입니다. CSS 정리 시작 합니다! px 과 em 그리고 rem에 대해 정리 하며 유용한 사이트 하나 소개 합니다. pxtoem.com/ PXtoEM.com: PX to EM conversion made simple. What is an EM? Wikipedia puts it well: "An em is a unit of measurement in the field of typography, equal to the size of the current font." If your font-size is at 16 pixels, then 1em = 16px For more information visit Wikipedia and Mozilla MDN. What is the pxtoem.com ..

안녕하세요. 훈츠입니다. CSS 정리 시작 합니다! CSS 기본 연결법 아래와 같이 link 태그를 이용하여 css 파일을 연결 시켜줍니다. 편의상 한개의 파일에 넣어두었지만 selector css 는 별개의 파일의 시작 입니다. css 파일 역시 처음 시작에 charset 을 작성해 줍니다. 1 2 3 4 5 6 7 8 9 10 11 //Hoons Blog---https://rain2002kr.tistory.com----------------------------------------------코드/// //이곳에 바로 css 작성 // 별도의 selector css 파일 시작 부분 @charset "utf-8"; Colored by Color Scripter cs 색상 표현 법 색상 표기법 : #ff..

asset 재산, 자산 The oil resource has been proved that it is a great asset in the country. 석유 자원은 그 나라의 중대한 자산임이 증명 되었다. trivial 사소한, 하찮은, 평범한 At first, the incident seemed to be trivial 처음에 그 사고는 사소한 것처럼 보였다. vogue 유행, 인기 Brightly colored raincoats had a brief vogue in the previous decade. 밝은 색깔의 레인코트가 지난 10년간 짧게 유행했다. agreeably 쾌히, 기꺼이, 유쾌하게, 기분 좋게 the day passed agreeably 그날은 기분좋게 지나갔다. cordial 충..

demotion 강등, 좌천 He was demoted to the rank o ordinary soldier. 그는 일반 군인의 계급으로 강등 되었다. promotion 진급, 승진, 조장 , (판매) 촉진 She accused the government of not doing enough to promote economic growth. 그녀는 정부가 경제 성장을 촉진시키기 위해 충분히 일하지 않는다고 비난 했다. offer 제공하다, 제안하다: (특별 가격 인하에 대한) 제안, 제공 We're prepared to offer a special discount of 5%. 저희는 5퍼센트의 특별 할인을 제공해 드릴 용의가 있습니다. hazard 위험 The insurance company reject..

안녕하세요. 훈츠입니다. 금일은 레이아웃 잡을때 편리한 FLEX 에 관해 포스팅 합니다. 레이아웃 마법사 FLEX FLEX 를 이용하면, WEB 문서에서 손쉽게 아이템들을 배치할수 있습니다. 반응형 웹 제작 또한 손쉽게 됩니다. 옵션의 내용만 잘 이해하면 쓰는데는 그리 어렵지 않습니다. 목차 FLEX Container 와 item Container 속성 item 속성 유용한 flex 사이트 소개 : FLEXBOX FROGGY FLEX Container 와 item FLEX 는 부모가 되는 Container 와 자식이 되는 item 으로 구성 되어 있습니다. 다음과 같은 형태라고 보시면 됩니다. 콘테이너에 속성값 주는 것과 ITEM에 속성값 주는 것에 따라 정렬을 할수 있습니다. Container 속성 d..

안녕하세요. 훈츠입니다. 금일은 CSS 에 문법에 관해 포스팅 합니다. CSS 유용한 팁과, 필요한 기술들을 소개 드리도록 하겠습니다. CSS 레이아웃 및 기타 유용 기술 VAR 변수값 지정 법 : 일일히 값을 입력 하는것보다 유용한 방법 입니다. FLEX 간단 소개 : 레이아웃 잡을때 유용한 FLEX 입니다. 간단한 애니메이션 효과 : Cursor , Transition, Transform 리스트 스타일 없애기 : list-style , padding- left : 0 축에 스크롤 주기 : overflow-y : scroll VAR 변수 지정 법 일일히 값을 입력하는것 보다 아래와 같이 변수명에 속성값을 입력후 해당하는 CSS 에 VAR 함수를 이용하면 됩니다. 1 2 3 4 5 6 7 8 9 10 1..

Axios 1. react 에 권고 2. 설치 필요 3. fetch 보다 기능 많음. 4. Promise based 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 let url = 'https://someurl.com'; let options = { method: 'POST', url: url, headers: { 'Accept': 'application/json', 'Content-Type': 'application/json;charset=UTF-8' }, data: { property_one: value_one, property_two: value_two } }; let response = await axios(options); let responseOK ..

안녕하세요. 훈츠입니다. 금일은 리덕스 사가에 대해 정리 합니다. 몇몇 한국 블로거들 및 유투버의 도움으로 2일간 학습하며 실습 했는데, 기본이 부족 해서 이해? 하는데 힘들었습니다. 잘안되서 그냥 쓰지 말까? 고민하다가 어느 인도 유투버님의 동영상을 보고 정리 했습니다. 여러므로 감사하네요. ^^ 저도 누군가에게 인도 유투버님 같은 사람이 되고 싶다는 마음에 글을 적어 봅니다. 물론 부족 하지만 초보자가 겪은일을 다시 초보자가 본다면 도움이 될것 같아서요. 리액트 비동기 처리 리액트에서 비동기 처리를 하기 위해서 몇가지 방법이 제시 됩니다. 1. 클래스 : componentDidMount() 와 callApi 2. 함수 : useEffect(()) 3. 성큰 (사용 안해봤습니다.) 4. 리덕스사가 클래..

안녕하세요. 훈츠입니다. 금일은 노드JS 익스프레스 서버와, 리액트와의 통신을 위한 글을 남깁니다. 사실 간단하게 프록시 설정하면 된다고했는데, 안되서 몇일 고생했어요. 외국 개발자분이 소개해주신 블로그 보고 해결했네요. ^^ 아하 모멘트~~~~!! 클라이언트 Json 파일을 이용한 프록시 설정 [노드 JS Express and React] yarn dev 를 이용한 서버와 리액트 프론트 동시실행 안녕하세요. 훈츠입니다. 금일은 노드JS Express 서버와 리액트 클라이언트를 동시에 실행하는 방법에 대해 포스팅 합니다. 목 차 프로젝트 트리 구조 관련 라이브러리 설치 JSON 파일 수정하기 - 서 rain2002kr.tistory.com 위의 방법으로 하였는데, 안되서 아래 미들웨어를 설치 하여 해결했..

안녕하세요. 훈츠입니다. 이 정리글은 생활코딩 예제를 기반으로 작성하였습니다. 패스포트 JS 다음예제인 다중 사용자를 학습 및 실습해보고 정리한 글입니다. 다시 한번 이고잉님 이하 개발자분들께 감사를 표합니다. 목 차lowdb 데이터 베이스 추가 패스워드 암호화를 위한 bcrypt 미들웨어 추가 회원가입 UI 만들기 회원정보 저장 into 인증정보 저장로그인 구현 접근제어 - 글쓰기 (Create)접근제어 - 글읽기 (Read)접근제어 - 글수정 (Update)접근제어 - 글삭제 (Delete)bcrypt - 비밀번호 암호화 코드 공유lowdb 데이터 베이스 추가 JSON 형태로 데이터를 저장하는 아주아주 가벼운 데이터베이스 lowdb 입니다. 사용해본 경험으로는 그다지 어렵지않고 가볍게 사용하기에 좋은..