IT오류잡기17 [Flutter] 플러터 시작하기 - 기본 1 이론편 (블로그로 Dart 끝내기) ㅡ[Flutter 공부 필기] - 같이 공부하기. 안녕하세요. 고집블로거입니다. Flutter가 워낙 인기가 많아지고 있어서 , 플러터 독학을 해보려고 합니다. 독학하면서 개발자가 보는 시점의 Key포인트만 정리해서, 초보자도 쉽게 배울 수 있도록 글을 쓰려합니다. Flutter 게시글이지만 Dart언어가 필수이기 때문에 Dart에 대해 간단히 정리한 기본 1탄입니다. Dart는 구글에서 만든 언어로 굉장히 빠르다는 걸 사람들이 강조합니다. 이유는 여러 가지가 있는데 아래 특징을 살펴봅시다. 객체 지향 프로그래밍: Dart는 클래스와 객체 지향 프로그래밍 개념을 지원하여 코드의 재사용성과 구조화를 높입니다. 단일 상속: Dart는 단일 상속을 지원하며, 다중 상속의 복잡성을 피할 수 있도록 설계되었습니다.. 2024. 3. 6. [React.js]초보자도 쉽게 따라하는 useForm 사용하기 안녕하세요. 이번에 useForm 사용하게 되면서 인터넷에 useForm 사용 검색하고 여기 저기 찾아봤는데 , 훌륭한 소스들이 많았습니다! 하지만 초보자들은 따라하기가 쉽지않을거같아요 useForm을 활용한 component를 활용해서 사용해야해서요 그래서 따로 component를 사용하지 않고 바로 useForm 활용할 수 있도록 참고할 수 있는 사이트를 찾았습니다 해당 사이트 참고해서 설명을 드릴게요 . import React from "react"; import { useForm } from "react-hook-form"; const testUseForm = () =>{ const { register, handleSubmit } = useForm(); const debugRegistData = .. 2022. 11. 30. [React.js] 초보자도 쉽게 따라하는 checkbox defualt로 체크 하기 안녕하세요. 리엑트 하다가 checkbox 사용 예시는 많은데, 기존에 데이터를 미리 디폴트로 체크 해놓아햐 하는 경우가 발생 합니다. 일단 체크박스 생성을 합니다 그 다음 해당 input에 해당 value값을 넣어 줍니다 예를 들어, 우리는 기존의 List 배열과 , 체크된 리스트를 갖고있을 checkList 배열을 선언해 줍니다 const [list, setList] = usestate(['a','b','c','d']); const [checkedList, setCheckedList] = useState([]); 위 체크 박스를 반복문으로 돌려서 체크박스를 생성 해 줍니다 list.map((item) => { return( ) } ); 이렇게 생성해주면 value값은 어디에도 나타나지않고 hidden.. 2022. 11. 28. [React.js] dotenv 라이브러리로 .env .dev .local 환경 변수 설정 dotenv 파일을 일단 설치 해 줍니다 yarn 혹은 npm 설치 방법 $ npm i dotenv $ yarn add dotenv dotenv 사용 예시 입니다 import { config } from "dotenv"; config(); export const API = `${process.env.REACT_PROTOCOL}://${process.env.API_URL}`; config를 import 해준 후 , 해당 JS 파일에 config(); 선언 후, process.[환경변수파일명].[선언된규칙] 으로 사용할 수 있습니다. 예시 : process.env.REACT_PROTOCOL 그럼 .env 파일을 생성 후, 아래와 같이 선안해줍니다. REACT_PROTOCOL="http" API_URL="12.. 2022. 11. 22. 이전 1 2 3 4 5 다음
