컴퓨터일반/프로그래밍 38

[React] 3일차: 컴포넌트의 심장, Props와 State 완벽 이해

리액트 공부 3일차입니다!오늘은 리액트 컴포넌트가 데이터를 다루는 두 가지 핵심 방식인 Props와 State에 대해 이야기 합니다.이 두 개념만 제대로 이해해도 리액트의 절반은 이해했다고 할 수 있습니다.1. Props (Properties)Props는 부모 컴포넌트가 자식 컴포넌트에게 전달하는 '읽기 전용' 데이터입니다. 마치 함수의 매개변수(Parameter)와 비슷합니다.특징: 자식 컴포넌트 입장에서는 전달받은 Props를 직접 수정할 수 없습니다. (불변성)용도: 컴포넌트의 재사용성을 높이기 위해 외부에서 데이터를 주입할 때 사용합니다.JavaScript // 자식 컴포넌트function Greeting(props) { return 안녕하세요, {props.name}님!;}// 부모 컴포넌트에..

[React] 2일차: 리액트 개발을 위한 필수 자바스크립트(ES6+) 정리

리액트는 자바스크립트의 최신 문법(ES6 이상)을 적극적으로 활용합니다.리액트 컴포넌트를 더 깔끔하고 효율적으로 작성하기 위해 반드시 알아야 할 세 가지 핵심 문법을 정리해 보겠습니다.1. 화살표 함수 (Arrow Function)리액트 컴포넌트를 정의하거나 이벤트 핸들러를 만들 때 기본적으로 사용되는 방식입니다. function 키워드 대신 =>를 사용하여 간결하게 표현할 수 있습니다.기본 문법:JavaScript // 일반 함수function add(a, b) { return a + b; }// 화살표 함수const add = (a, b) => a + b;특징: 한 줄로 작성할 경우 return과 { }를 생략할 수 있어 코드가 매우 짧아집니다. 리액트에서는 특히 함수형 컴포넌트를 선언할 때 표준처럼..

[React] 1일차: 리액트와 첫 만남 – 핵심 개념과 JSX 완벽 정리

리액트(React) 공부를 시작하며 배운 핵심 내용을 정리해 봅니다.리액트는 현재 프론트엔드 개발에서 가장 인기 있는 라이브러리 중 하나로, 사용자 인터페이스(UI)를 구축하기 위해 사용됩니다.1. 리액트(React)란 무엇인가?리액트는 페이스북(현 Meta)에서 개발한 UI 라이브러리입니다. 단순히 화면을 그리는 것을 넘어, 복잡한 웹 애플리케이션의 상태를 효율적으로 관리하고 화면을 빠르게 업데이트하는 데 최적화되어 있습니다.컴포넌트(Component) 기반: UI를 독립적인 단위인 '컴포넌트'로 쪼개서 관리합니다. 마치 레고 블록을 조립하듯 화면을 구성할 수 있어 재사용성이 높습니다.Virtual DOM (가상 DOM): 실제 DOM을 직접 수정하는 대신, 메모리에 가상의 DOM을 두고 변경 사항만 ..

엑셀 VBA 암호화 해제 코드

엑셀을 사용하다 보면 과거에 설정해둔 VBA(Visual Basic for Applications) 프로젝트 비밀번호를 잊어버려 곤란한 경우가 종종 있습니다.외부 프로그램 설치 없이, 오직 VBA 코드만으로 VBA 프로젝트 암호 잠금을 무력화하는 방법에 대해 알아보겠습니다. 해당 코드는 이전에 어디선가 검색해서 알아낸 코드인데, 정확하게 출처를 찾지 못했습니다.개인 정리 차원에서 포스팅하니, 혹시 원본 코드 작성자 분이나, 해당 코드가 문제가 될 경우 댓글 주시면 조치하도록 하겠습니다. 작동 원리: 메모리 후킹(Memory Hooking)이 코드는 단순히 암호를 찾아내는 방식이 아닙니다.엑셀이 암호 입력창을 띄우려고 할 때, 윈도우 API를 사용하여 "암호가 맞다"는 신호를 강제로 보내도록 메모리를 일..

[VB] 파일 암호화

파일을 암호화 시키는 가장 기본적인 방법입니다 블럭단위로 입출력을 하기 위해서 이진모드로 처리를 하겠습니다 암호화 / 복호화 되는 전체구조를 파악하기 위해서 제작되었으니 암호화 관련 학습이 아니더라도 아래의 내용을 학습하는데 도움이 되리라 판단됩니다 1. Const 선언과 활용법 2. Type문 및 레코드 처리 3. For~Next문 4. Binary I/O 및 Get,Put 5. Drive,Dir,File 컨트롤 활용 1. 초기화면을 살펴보겠습니다 2. 암호화를 한 화면입니다 처리할 폴더로 이동한 다음 파일을 선택하고 를 누릅니다 그러면 아래와 같이 처리가 완료되었다는 메세지가 나옵니다 3. 원본 파일과 암호화된 파일의 내용을 보겠습니다 4. 소스 코드를 살펴보겠습니다 변수의 선언을 요구합니다 Opti..

[VB]RecordCount 사용하기....

Set DBrec = CreateObject("ADODB.RecordSet") lsSql = " SELECT 어쩌구 저쩍 " DBRec.Open lsSql, DBcon (중략) pBar.Min = 0 pBar.Max = DBrec.RecordCount (하략) ㅇㅋ.. F5 를 눌러서 실행.... 잉??? 오류??? ProgressBar 컨트롤에 Max값 지정이 잘 못됐단다... 디버깅.. 잉??? RecordCount 값이 -1나온다... 아하. DBRec.Open lsSql, DBcon, 1 다시.. 똑같다. DBRec.Open lsSql, DBcon, 2 다사.. 또 똑같다. 젠장.. 다시.. DBRec.Open lsSql, DBcon, 3 얼레.. 장난치나.... MSDN에도 제대로 왜 그런지 안..

span - Scroll

위의 span 은 제목요소를 아래의 span 은 내용을... 이런식일 경우 x축 스크롤바를 좌우로 이동할때엔 제목도 함께 움직이지만, y축의 스크롤바를 위아래로 이동하게 될때는(내용이 많을시) 제목은 고정되고 내용이 담긴부분만 아래 위로 움직인다. overflow:hidden // span의 width보다 table의 width가 더 크다. 당연히 overflow된다. 그 부분은 화면에 보여지지 않게 하기위함. span id="spanmain" 부분에 overflow:scroll // overflow될 경우 스크롤바 나타냄을 의미한다. overflow-y:scroll : y축의 스크롤바만... onScroll 이벤트 : 아래의 스크롤이 움직일때 spantitle(제목부분)도 움직임을 의미 출처 : htt..

IE execCommand() 의 명령어 목록 | JavaScript

IE execCommand() 의 명령어 목록 | JavaScript 태그::스크립트 2007/02/16 03:49 http://blog.naver.com/ohis26/20034027586 2D-Position 항상 드래그로 위치된 엘레멘트의 이동시킬 수 있다. AbsolutePosition 엘레멘트의 위치(position)를 절대위치(absolute)로 설정한다. BackColor 현재 선택의 배경색을 지정하거나 반환한다. Bold 현재의 선책을 굵은 글자(bold)나 굵지않은 글자로 전환한다. ClearAuthenticationCache 캐쉬(cache)의 모든 내용을 지운다. execCommand에서만 사용이 가능하다. Copy 현재의 선택한 내용을 클립보드로 복사한다. CreateBookmark ..