Dev study and Repost

노마드코더 ReactJS로 영화 웹 서비스 만들기 06 무료강좌 리액트 useEffect 간단 요약 useEffect는 React에서 컴포넌트가 화면에 렌더링되거나 업데이트될 때, 특정 작업(예: 데이터 가져오기, 구독 설정)을 수행하도록 도와주는 함수입니다.사용자가 지정한 조건(의존성 배열)에 따라 실행됩니다.컴포넌트가 사라질 때 정리(clean-up) 작업도 처리할 수 있습니다. 예를 들어, 처음 렌더링 시 API 호출을 하거나, 이벤트 리스너를 추가/제거하는 데 자주 사용됩니다.상세한 설명과 예시는 아래 링크를 참고해주세요.참고 링크: https://ko.legacy.reactjs.org/docs/hooks-effect.html Using the Effect Hook – ReactA JavaScri..

풀스택 개발자 Full-stack developer​풀스택 개발자가 모든 작업을 수행합니다. 풀스택 개발자는 프런트엔드와 백엔드 언어 및 프레임워크 모두에 능숙합니다. 이들은 서버, 데이터베이스 및 웹사이트 기능 개발을 담당합니다. 또한 웹사이트의 반응성을 보장하고 휴대폰에서 데스크톱에 이르기까지 모든 플랫폼에서 원활하게 작동하도록 합니다. ​풀 스택 개발자 직업은 컴퓨터 과학 및 프로그래밍에 숙련된 사람에게 적합합니다. 서버 측 및 클라이언트 측 프로그래밍 기술, 비판적 사고 및 의사 소통 기술이 있으면 성공할 것입니다. 풀스택 개발자로서 당신은 세부 사항에 대한 안목이 있어야 하지만 기술의 "큰 그림"을 볼 수도 있어야 합니다. ​이 역할에서 성공하기 위해 개발해야 할 몇 가지 주요 기술은 다음과 같..

프론트엔드 개발자–프런트 엔드 개발자는 HTML, CSS, JavaScript 코딩 언어와 React와 같은 프레임워크를 사용하여 사용자가 보고 상호 작용하는 웹 사이트 부분을 개발합니다. 그들은 웹 페이지 간의 일관성을 보장하기 위해 브랜드 지침과 구성 요소 라이브러리를 사용합니다.프런트 엔드 개발자는 가능한 한 많은 사용자가 웹 사이트에 액세스할 수 있도록 접근성 지침을 따라야 합니다. ​프론트엔드 웹 개발자 직업은 프로그래밍, 디자인, 기본 알고리즘 생성에 능숙한 사람에게 적합합니다. 코딩 기술, 창의적인 문제 해결 기술, 세부 사항을 보는 눈이 필요합니다. 컴퓨터 과학, 수학, 정보 시스템 분야의 준학사 또는 학사 학위가 있으면 도움이 될 수 있지만 필수는 아닙니다. ​이 역할에서 성공하기 위해 ..

웹 개발자들이 기억해야할 주요 사항Key points to remember​​1Tags are made up of an opening and closing angle bracket with a tag name in the middle. Elements are pairs of tags that encapsulate or wrap-around other elements or web content. 태그는 여는 꺽쇠 괄호와 닫는 꺽쇠 괄호 사이에 태그 이름이 포함되어 있습니다. 요소는 다른 요소나 웹 콘텐츠를 감싸는 태그 쌍으로 이루어집니다.​2HTML is a declarative language, meaning it describes the rules for what a page should display..

소프트웨어 개발 주기 일반 단계 간단요약Software development lifecycle (SDLC)​소프트웨어의 개발 주기 ​1 계획 Planning이해 관계자의 요구사항을 수집하고 달성 가능한 사항을 분석을 목표로합니다.​2 설계 Design웹사이트의 시각적 레이아웃, 색상, 브랜드 요소등을 생각하여 사용자 요구 사항을 충족하도록 웹사이트의 다른 모든 측면을 디자인 합니다.(사이트맵, 탐색구조, 정보 아키텍처​3 개발 Development웹 개발자는 디자인의 단계의 요구 사항, 디자인 와이어프레임 및 기타 결과물을 사용하여 웹 개발 언어를 사용하여 웹사이트를 구축합니다.​4 테스트 Test웹 개발자, 품질 보증 테스터 등 팀 구성원이 사이트의 유용성, 접근성 등을 테스트 합니다.잘 작동, 동작 ..

인텔리제이 폴더 보기 트리구조로 보기intellij folder view setting​안녕하세요 데브런치입니다.​인텔리제이로 프로젝트 소스 작성 중 프로젝트 내 폴더나 파일을 보게 되는데요.폴더를 보는 경우 하나의 폴더로 패키지화 되어서 보이는 경우가 있습니다.실제 폴더 구조상 폴더와 폴더 내 그리고 그 폴더 내에 있는 트리구조로 보고 싶은 경우가 있는데요.이렇게 보기 위한 방법을 간단한 설명과 스크린 샷으로 기록해 봅니다.​아래 스크린샷을 보면 resources 폴더 내 static.js 폴더(패키지)가 보입니다.실제 폴더 구조로는 resources > static > js 폴더로 구성되어 있는데요.static 폴더 내 js 폴더가 하나의 패키지 형태로 보이고 있네요.​이를 구분해서 볼 수 있는 보기..

SQL SQLite 내부 조인 Inner Join 데이터베이스  *국문여러 테이블내부 조인 Inner Joins​주문orders 및 고객 customers 테이블을 결합하는 방법을 살펴보겠습니다.​orders테이블에서 customer_id 의 가능한 모든 값에 대해 동일한 customer_id를 가진 customers 테이블 행이 있었습니다.만약 그게 사실이 아니라면 어떻게 될까요?예를 들어, 고객 테이블이 오래되어 있고 고객 11에 대한 정보가 없었다고 가정해 보겠습니다. 만약 해당 고객이 주문을 했다면 테이블을 결합할 때 어떻게 될까요?우리가 간단한 JOIN 조인(일반적으로 내부 조인이라고 함)을 수행할 때 우리의 결과는 ON 조건과 일치하는 행만 포함됩니다.​다음 애니메이션을 살펴보겠습니다. 이 애..

HTML 개요/읽어보기 요약 HTML Overview/Reading: Summary - CAD101-3 ​ 웹개발에서 프론트엔드, 즉 보여지는 부분에서 사용하는 컴퓨터 프로그래밍 언어, 웹 언어인 HTML에 대한 요약을 기록해보았습니다. ​ HTML 개요 국문 ​ -HTML은 태그를 사용하여 웹사이트의 기본 구조와 콘텐츠를 제공합니다. -태그는 HTML 페이지의 요소를 나타냅니다. -HTML DOM 트리는 웹사이트의 구조를 설명합니다. -HTML은 API를 사용하여 사용자 경험을 향상하고 고급 애니메이션, 오디오 및 비디오 기능을 제공합니다. -스크립팅은 웹사이트를 탐색할 때 더욱 대화형 사용자 경험을 제공합니다. -스크립팅은 비활성화될 수 있으므로 의존하지 않는 것이 좋습니다. -HTML5 샌드박스는 ..

클라우드 프로그래밍 용어 해설 Glossary: Introduction to Application Development - CAD101-2 ​ 클라우드 프로그래밍 관련 용어를 국문과 영문으로 정리해보았습니다. 용어: 애플리케이션 개발 소개 *국문 용어 정의 AngularJS 동적 웹 애플리케이션을 위한 오픈 소스 JavaScript 프레임워크 Application Programming Interface (API) 두 개의 소프트웨어 프로그램이 서로 통신할 수 있도록 하는 코드입니다. Build Automation 종속성을 다운로드하고, 코드를 컴파일하고, 바이너리 코드를 패키징하고, 테스트를 실행하고, 프로덕션에 배포할 수 있습니다. Build Automation Servers 예약되거나 트리거된 방식으..

클라우드 프로그래밍 소개/읽어보기 요약 - Introduction to Programming for the Cloud/Reading: Summary ​ *요약 국문 ​ -프론트엔드 개발자는 사용자가 보고 상호 작용하는 웹사이트나 앱의 부분에 작업합니다. -백엔드 개발자는 웹사이트나 앱이 작동하고 사용자의 입력에 응답하는 논리와 기능에 작업합니다. -풀스택 개발자는 양쪽의 기술 모두를 가지고 있습니다. -프론트엔드 개발자와 백엔드 개발자는 긴밀하게 협력합니다. -프레임워크와 라이브러리는 JavaScript와 Python과 같은 코딩 언어의 기능을 확장합니다. -프론트엔드 개발에 대한 공통 언어는 HTML, CSS, 그리고 JavaScript입니다. -백엔드 개발에 대한 공통 언어와 프레임워크는 Python..