📌 truthy & falsy자바스크립트에서 Truthy와 Falsy는 Boolean 문맥(조건문 등)에서 참(true) 또는 거짓(false)처럼 평가되는 값을 의미합니다. 1. Falsy 값불리언 자료형의 거짓(false)은 아니지만 거짓과 같은 의미로 쓰이며, 조건식에서 거짓(false)으로 평가합니다. undefined, null, 0n, 0, -0, NaN, ""(빈 문자열)은 모두 조건식에서 거짓(false)으로 평가되는 falsy한 값입니다. 따라서 이 값 앞에 ! 연산자를 붙이면 참이 되어 if문을 실행하게 됩니다.let f1 = undefined;let f2 = null;let f3 = 0;let f4 = -0;let f5 = NaN;let f6 = "";let f7 = 0n;if (!..

📌 처음 만나는 자바스크립트 인터넷 웹 페이지는 다음과 같은 세 개의 언어로 만들어집니다.⓵ HTMLHTML(HyperText Markup Language)은 텍스트, 이미지, 버튼, 메뉴 등과 같이 웹페이지에 나타나는 모든 요소의 배치와 내용을 기술하는 언어입니다. 예를 들면, HTML로 개발한 웹 페이지는 웹 브라우저에 띄운 움직이지 않는 정적인 온라인 신문이 있습니다. ⓶ CSSCSS(Cascading Style Sheets)는 색상이나 크기처럼 웹 페이지 요소의 스타일을 정할 때 사용하는 언어입니다. ⓷ JavaScript자바스크립트는 웹 페이지에 동적인 기능을 장착할 수 있게 도와줍니다. 버튼의 클릭, 정보의 입력, 페이지 스크롤, 페이지 이동 등 웹 브라우저에서 이루어지는 모든 동작은 자바스..

📌 트러블 슈팅 문제 확인# ios 시뮬레이터 실행yarn ios 시뮬레이터를 실행시켜서 metro를 이용해 앱을 실행하려고 했더니 위 사진에서 보이는 No bundle URL present 에러메세지가 나타났습니다.  이 오류는 React Native에서 No bundle URL present 메시지로 나타는 것으로, 주로 앱이 번들 서버를 찾지 못하거나 .jsbundle 파일이 포함되지 않아 발생합니다. 이를 해결하기 위해서 다음과 같은 시도를 해보았습니다.  📌 해결 방법1. 번들 서버 실행 확인앱을 실행하기 전에 터미널에서 yarn start 명령어로 Metro 번들러를 실행합니다. 저는 yarn을 사용중이어서 이와 같은 명령어를 사용하였는데 아래와 같이 본인 세팅에 맞춰서 사용해주세요.# 본..

📌 AJAX의 출현 배경초기 웹은 정적인 HTML 페이지로 구성되어 있어, 사용자가 정보를 요청할 때마다 전체 페이지를 새로고침해야 했습니다. 이로 인해 사용자 경험(UX)은 제한적이고, 웹 애플리케이션의 상호작용이 불편했습니다. AJAX는 이러한 문제를 해결하기 위해 등장했습니다.    📌 AJAX (Asynchronous Javascript and XML) 란 ?AJAX (Asynchronous JavaScript and XML)는 웹 페이지가 전체를 새로 고침하지 않고 서버와 비동기적으로 데이터를 주고받을 수 있게 해주는 기술입니다. 이를 통해 웹 애플리케이션은 서버에 요청을 보내고, 서버에서 응답을 받은 후, 그 데이터를 페이지에 동적으로 반영할 수 있습니다.   📌 동기방식 vs 비동기 방..

📌 Prettier란 ?Prettier는 코드 포맷팅을 자동으로 해주는 도구로, 주로 JavaScript, TypeScript, HTML, CSS 등 여러 언어에서 사용됩니다. 코드 스타일을 일관되게 유지해주기 때문에 가독성을 높이고 팀 협업에서도 유용합니다. Prettier는 설정 파일을 통해 세미콜론 사용 여부, 줄 바꿈 길이, 탭 크기 등을 정의할 수 있으며, 이를 기반으로 코드 형식을 자동으로 맞춰줍니다.  예를 들면,이렇게 들여쓰기도 제대로 되어 있지 않어서 형제태그같아 보이지도 않으며, 세미콜론도 없는 상태에서 Prettier을 사용하게 되면 아래와 같이 본인이 원하는 형식에 맞춰서 정리 후 저장하게 됩니다. 이 기능은 가독성도 좋고 사용하기 편리해서 많은 사람들이 이 도구를 많이 사용하는 ..

1. 눈누 사이트 접속https://noonnu.cc 눈누상업용 무료 한글 폰트 사이트noonnu.cc폰트 파일을 다운받기 위해 눈누 사이트에 접속합니다.  2. 폰트 선택하기다운로드 페이지로 이동 > 글꼴 다운로드 우리가 필요한 것은 .ttf파일이므로 글꼴 다운로드 시에 .ttf파일을 설치해주시면 됩니다. 3.  프로젝트에 폰트파일 등록하기3-1. react-native.config.js 파일 생성module.exports = { assets: ['./assets/fonts'], };3-2에서 추가할 폰트 파일이 있는 위치로 경로를 설정합니다.  3-2.  폰트파일 추가프로젝트 최상위에 이와 같이 폴더를 생성합니다.assets > fonts > 다운로드받은 파일 추가  3-3. App.js에 폰트 d..

포트폴리오에 지금까지의 공부한 자료들을 모아둔 깃허브나 개발블로그 등을 추가하고 싶을 때 아이콘을 불러올 수 있습니다. 1. 아이콘 사이트 접속하기https://icon-sets.iconify.design/ Open Source Icon Sets - IconifyFluent UI System Color Icons MITicon-sets.iconify.design 저는 iconify.design사이트를 참고하였습니다.  2. 원하는 아이콘 검색하기 원하는 사이트의 아이콘을 검색하게 되면 결과가 나타날 것입니다. 저는 첫번째 아이콘을 사용해보도록 하겠습니다.  여기서 Components > Iconify Icon 을 선택하면 이 나타날 것입니다.여기서 icon=" 여기에 들어가는 이름 " 을 사용할 예정이에..

1. Github Pages 생성하기1-1. Repository 생성하기 username.github.io라는 이름의 새로운 repository를 생성합니다. 여기서 username은 GitHub 사용자명을 의미합니다. 예를 들어 GitHub ID가 yourname이면 yourname.github.io가 됩니다 😄 그리고 전체 공개할 포트폴리오이므로 Public으로 선택해주세요 아래에 있는 Create Repository 버튼을 선택하면 새로운 레파지토리가 생성됩니다.   1-2. Repository Clone 받기작업물을 저장하고 싶은 폴더에서 터미널을 실행시켜 해당 레파지토리를 클론받습니다.git clone https://github.com/{USERNAME}/{USERNAME}.github.io...

📌 1과목 (데이터 이해) # DIKW⓵ 데이터 : 가공되지 않은 있는 그대로의 사실 ⓶ 정보 : 여러 데이터 간 상호 관계 속에서 얻은 의미 있는 자료⓷ 지식 : 여러 정보의 종합적인 결과로 개인의 결정에 기준이 되는 가치 있는 자료⓸ 지혜 : 개인에게 가장 깊이 내재화된 것으로, 타인과 쉽게 공유하기 어렵다. # 데이터 마트 / 데이터 웨어하우스- 데이터 웨어하우스는 기업의 전체 데이터를 통합하여 저장하는 중앙 저장소이다.- 데이터 마트는 데이터 웨어하우스에서 특정 부서나 기능에 필요한 데이터만을 추출하여 구성한 소규모 데이터베이스이다.- 데이터 마트는 특정 목적을 달성하기 위해 개인 또는 조직에게 전달되기 위한 최종 데이터 형태이다. # 동의에서 책임으로 (예시)- SNS 사용자의 게시글은 누구나..