능히 해낼 수 있다

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 해보고 싶은게 있어서 잠시 놓아 두었던 flutter 관련 프로그램 세팅을 다시 시작했다. Null safty가 도입될 때즘 배우기 시작해 버전이 3으로 올라가기 직전에 잠시 놓아두었다. 놓은 기간은 대략 반년 정도로 짧은 시간임에도 불구하고 구글은 엄청나게 flutter를 업데이트를 했다. 때문에 flutter를 위해 세팅해뒀던 프로그램 세팅을 거의 전부 다 버전을 맞춰 수동 업데이트 또는 추가 삭제등을 진행했다. 그 과정에서 있었던 오류 해결기를 살짝 적어보려한다. 이슈발견 터미널에 flutter doctor -v를 입력해 플러터 프로젝트에 필요한 프로그램들이 잘 있는지 확인해봤다. Android to..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 프로젝트를 진행하고 공부를하면서 단어들을 정리해두고 있었는데, 한 군데 정리했으면 좋았겠지만 여기저기 작성해서 한꺼번에 보기 어렵고, 주제별로 나누면 좋을 것같아 이번에 대거 정리를 해보려한다. 문서 및 코딩할 때 자주 보는 단어 영어 한글 및 뜻 syntax 구문 statement 문장. if문, for문, 함수 호출문 등 expression 평가식 operator 연자 signature 메서드명, 파라미터, 리턴값의 타입을 표현 inheritance 상속. 이미 정의된 상위(부모) 클래스의 모든 속성과 연산을 하위(자식) 클래스가 물려 받는 것. delimiter / separator 구분자 문자 Lo..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 알아두면 나중에 쓸모가 있지 않을까 싶어 우연히 발견한 HTML태그 및 속성들을 기록하고자 한다. 1.Tooltip (툴팁): 툴팁은 요소 위에 마우스를 올렸을 때 추가 정보를 보여주는 기능으로 주로 'title' 속성을 사용하여 구현한다. 아래 코드처럼 타이틀 속성을 사용하면 아래 이미지 처럼 출력된다. 마우스를 올려보세요!! 2. Download (다운로드): 'download' 속성은 링크를 클릭했을 때 파일을 다운로드할 수 있도록 도와준다. /* 원하는 주소를 href에 넣고 download속성 넣기*/ PDF 다운로드 3. Content Editable (편집 가능한 내용): 'contentedi..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 리액트 서스펜스(React Suspense)는 리액트 애플리케이션의 비동기 데이터 처리를 간편하게 만들어주는 핵심 기능이다. 이를 사용하여 비동기 작업이나 코드 스플리팅을 할 수 있다. 또한 컴포넌트는 자식 컴포넌트가 준비될 때까지 로딩 중인 UI를 렌더링하도록 처리하고 데이터 fetching 등을 처리할 수 있다. 1. lazy lazy 함수를 사용하여 동적으로 코드를 분할하고, 필요한 컴포넌트를 비동기적으로 로딩할 수 있다. 이를 통해 초기 번들 크기를 줄이고, 애플리케이션의 로딩 속도를 향상시킬 수 있다. import React, { Suspense } from 'react'; // 비동기적으로 로딩..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 개인 프로젝트를 진행하면서 API키를 안전하게 보관하고 싶어 .env파일을 사용하는데, env파일에도 종류가 몇가지 있어 개념과 차이점이 뭔지 궁금해서 글로 정리하며 짧게 기록을 남기려 한다. .env 파일은 주로 소프트웨어의 설정 값을 저장하는 파일로, 민감한 정보(예: API 키, 비밀 토큰 등)를 포함한 환경 변수를 관리하고 저장하는데 사용된다. 여기서 환경 변수는 프로그램이 실행되는 환경에 따라 동적으로 바뀔 수 있는 값들을 가리킨다. .env를 통해 소프트웨어 개발과 운영의 편의성을 높일 수 있으나 파일 누출로인한 보안위험이 있기 때문에 신중한 관리가 필요하다. 1. .env.local .env...