반응형 개발편11 React Native 네이밍 규칙: 일관성 있는 코드 작성법 React Native 네이밍 규칙React Native 개발에서 일관된 네이밍 규칙을 따르면 코드의 가독성과 유지보수성이 향상됩니다. 여러 팀원들이 함께 작업하거나, 오픈소스 프로젝트에 참여할 때 이러한 규칙들은 필수적입니다. 이번 글에서는 React Native에서 사용하는 네이밍 규칙과 그 이유를 다뤄보겠습니다.1. 컴포넌트 (Components)이름 규칙: PascalCase컴포넌트는 대문자로 시작하는 PascalCase를 사용합니다.예시: UserProfile, AppHeader, ProductCard파일명: 컴포넌트 파일은 해당 컴포넌트의 이름과 동일하게 PascalCase를 사용합니다.예시: UserProfile.jsx, AppHeader.jsx이 규칙은 HTML 태그와 컴포넌트를 구별하는 .. 2025. 6. 12. 리액트와 Node.js, 왜 함께 써야 할까? 안녕하세요 프론트엔드 개발을 시작하면서 가장 많이 듣는 질문 중 하나가 “리액트 하려면 Node.js도 꼭 설치해야 하나요?”입니다.1. 리액트란 무엇인가?React(리액트)는 자바스크립트로 만든 UI 라이브러리입니다. 웹사이트의 화면(컴포넌트, 버튼, 리스트 등)을 쉽게 만들 수 있게 도와주는 도구입니다. 리액트는 브라우저에서 동작하는 자바스크립트 코드입니다.2. Node.js란 무엇인가?Node.js는 "브라우저가 아닌 컴퓨터나 서버에서 자바스크립트를 실행할 수 있게 해주는 프로그램"입니다. 원래 자바스크립트는 브라우저에서만 실행됐지만, Node.js 덕분에 이제 컴퓨터, 서버, 심지어 IoT 기기에서도 실행할 수 있습니다. Node.js를 사용하면 자바스크립트로 서버 프로그램, 파일 처리, 네트워크.. 2025. 6. 11. SQL 쿼리 실행과 결과 처리: sql_query와 sql_fetch 함수 사용법 sql_query /sql_fetch 설명sql_query와 sql_fetch는 데이터베이스와 상호작용하는 함수들이며, 주로 SQL 쿼리를 실행하고 결과를 가져오는 데 사용됩니다. 이 함수들은 주로 PHP와 같은 서버 사이드 언어에서 사용되며, 데이터베이스에서 데이터를 조회하거나 수정하는 데 유용합니다.1. sql_querysql_query는 SQL 쿼리를 실행하는 함수입니다. 보통 데이터베이스에 쿼리를 전송하고 그 결과를 반환받을 수 있게 해 줍니다. 이 함수는 SELECT, INSERT, UPDATE, DELETE 등 다양한 SQL 명령을 실행할 수 있습니다.예시 (PHP에서 MySQL을 사용할 때):$query = "SELECT * FROM users WHERE id = 1";$result = sq.. 2025. 6. 7. ||와 ??의 차이, 실전 예제와 함께 쉽게 배우기 3줄 요약||(OR 연산자)는 값이 falsy(0, '', false, null, undefined 등) 일 때 기본값을 반환합니다.??(Nullish 병합 연산자)는 값이 null 또는 undefined일 때만 기본값을 반환합니다.실무에서는 값의 유무에 따라 의도에 맞는 연산자를 선택해야 버그를 예방할 수 있습니다.1. 문제 상황프로그래밍을 하다 보면 사용자가 입력한 값을 받아서, 만약 값이 없을 때 기본값을 주고 싶을 때가 많습니다.예를 들어, 사용자가 나이를 입력하지 않으면 기본값으로 20을 주고 싶다고 해볼게요.2. 예제 코드const user = { // age: 0};const ageWithOr = user.age || 20;const ageWithNullish = user.age ?? 20.. 2025. 5. 28. JavaScript에서 함수를 정의하는 4가지 방법 다음은 JavaScript에서 Hello라는 함수를 정의하는 여러 방법에 대한 정리입니다. 1. 함수 선언문 (전통적인 방식)JavaScript에서 함수 정의의 기본적인 형태입니다. 함수 선언은 호이스팅 되므로, 함수 정의 전에 호출할 수 있습니다.function Hello() {} 2. 함수 표현식 (익명 함수)함수를 정의하고 그것을 Hello라는 변수에 할당합니다. 이 방식은 호이스팅 되지 않기 때문에, 함수 선언 이후에 호출할 수 있습니다.const Hello = function() {} 3. 화살표 함수 표현식함수 표현식을 좀 더 간결하게 작성하는 방법입니다. 이 방식도 함수 선언 이후에 호출할 수 있습니다.const Hello = () => {} 4. 기본 내보내기 (Default Export).. 2025. 4. 17. DBeaver에서 기존 테이블 복사하여 새 테이블 생성하기 1. 기존 테이블의 CREATE 문 확인 및 복사DBeaver에서 옮기려는 테이블이 있는 데이터베이스를 선택합니다.좌측 테이블 목록에서 복사하려는 테이블을 선택합니다.상단 탭에서 "DDL" 클릭 → 해당 테이블의 CREATE TABLE 문을 확인하고 복사합니다.2. 새로운 테이블 생성하기방법 1: SQL 에디터에서 직접 생성새로운 데이터베이스에서 테이블을 만들고 싶은 위치로 이동합니다.*상단의 "SQL Editor" → "New SQL Script"를 클릭하여 새 SQL 창을 엽니다.복사한 CREATE TABLE 문을 붙여 넣기 합니다.필요하다면 테이블명을 변경하고 EXECUTE (Ctrl + Enter)로 실행합니다.방법 2: GUI를 이용한 테이블 생성좌측 데이터베이스 탐색기에서 새 테이블을 만들고 .. 2025. 4. 15. sql_query("START TRANSACTION"); 사용하는이유? sql_query("START TRANSACTION");의 구조를 분석하면 다음과 같습니다.1. 기본 구조 분석sql_query("START TRANSACTION");sql_query(...): SQL 쿼리를 실행하는 함수 (사용자가 정의한 함수로 보임)"START TRANSACTION": SQL 트랜잭션을 시작하는 명령어즉, 이 코드는 트랜잭션을 시작하는 SQL 명령을 실행하는 PHP 코드입니다. 2. sql_query 함수의 역할sql_query 함수는 보통 데이터베이스 연결을 통해 SQL 문을 실행하는 함수입니다.아래처럼 mysqli_query() 또는 PDO::query()를 감싼 형태일 가능성이 높습니다.mysqli를 사용하는 경우:function sql_query($query) { glo.. 2025. 4. 10. window.onbeforeunload: 최신 브라우저에서의 동작 방식과 대안 방법 window.onbeforeunload는 브라우저마다 다르게 동작하며, 최신 브라우저에서는 보안 및 사용자 경험을 이유로 사용자 지정 메시지를 표시할 수 없고, 브라우저가 제공하는 기본 경고 메시지만 나타납니다.브라우저별 동작 방식Chrome, Edge, Firefox, Safari (최신 버전)return 값을 무시하고, 브라우저가 제공하는 기본 메시지만 표시됨.예제 메시지:Chrome/Edge/Firefox:"이 페이지에서 나가시겠습니까? 변경사항이 저장되지 않을 수 있습니다."Safari:"이 사이트에서 페이지를 떠나기 전에 확인 메시지를 표시하려고 합니다."구형 브라우저 (구버전 IE 등)return 값에 설정한 문자열이 그대로 표시될 수도 있음.하지만 최신 브라우저에서는 더 이상 지원되지 않음... 2025. 4. 8. iOS input 파란색 Outline 제거하기: 간단 CSS 팁 iOS에서 input 클릭 시 파란색 outline 없애는 방법오늘은 iOS 모바일 환경에서 input 요소를 클릭했을 때 나타나는 파란색 outline(테두리)을 없애는 방법을 간단히 소개해려고 합니다. 이 문제는 특히 웹 디자인을 깔끔하게 유지하고 싶을 때 자주 마주치는 이슈인데요, 몇 줄의 CSS 코드로 쉽게 해결할 수 있습니다. 아래에서 그 방법을 단계별로 설명드릴게요! 문제 상황iOS 디바이스(Safari 브라우저)에서 input 필드를 클릭하면 기본적으로 파란색 outline이 표시됩니다. 이건 사용자가 입력 필드를 터치했음을 시각적으로 알려주는 기능이지만, 디자인적으로 깔끔하지 않게 느껴질 수 있어요. 특히 커스텀 스타일을 적용한 웹사이트에서는 이 기본 스타일이 방해가 될 수 있죠. 해결 방.. 2025. 4. 1. 이전 1 2 다음 반응형
