전체 글92 [ASP.NET] 기본 프로젝트 생성하기 1. .NET 다운로드 - https://dotnet.microsoft.com/en-us/download - 어떤 버전이든 상관없지만, 최신 버전 + Recommended 버전인 9.0 버전을 설치함 2. .NET 설치 확인 - CMD(명령 프롬프트)에서 dotnet 입력 - 아래와 같은 메시지가 출력되면 정상적으로 설치됐다는 표시 3. 프로젝트 생성 - dotnet new webapp -o [폴더명] --no-https 입력 - dotnet : dotnet이라는 명령어를 사용하겠다. - new : 새로운 프로젝트를 열겠다. - webapp : 형태는 webapp으로 하겠다. - -o [폴더명] : "폴더명" 이름의 폴더로 출력하겠다. · 현재.. 2024. 11. 21. [React] 5. state 변경하기 (setState는 옛날 방식) Ex) "버튼"을 누르면 여자 → 남자로 변경시키기 ● 하드코딩 방식 ● 데이터 복사 후 수정 방식 - 원본 state 수정하는 것이 아닌, 복사본을 만들어서 수정 - 복사본을 만들 때는 deep copy 해야함 · deep copy : 실제 값만 복사하여, 독립적으로 동작 - spread operator(전개연산자)를 통해 복사 - React 대원칙 : 모든 state 데이터들은 immutable 해야 한다. (직접 수정이 되어서는 안 된다.) - 따라서, state를 직접 건드는 것은 권장사항도 아니고, 재랜더링이 안될 수 있음 ❕onClick={ 함수명() }와 onClick={ 함수명 } 차이 - ()를 붙이면 함수를 바로 실행하라는 뜻 .. 2024. 10. 24. [React] 4. 요소에 이벤트 설정 및 state 변경하기 1. onClick - 기존 javascript 문법 : element에 onclick으로 실행할 함수 설정 - React 문법 · element에 onClick으로 실행할 함수 설정 (c가 대문자) · 따옴표(')나 큰따옴표(")가 아닌 중괄호({, })로 감싸기 · 함수를 따로 만들지 않고 바로 구현할 경우 { 실행할 내용 } }> 2. EventListener - 기존 javascript 문법 eventTarget.addEventListener('click', function(){ }); - React 문법 eventTarget.addEventListener('click', ()=>{ }); 3. state 변경 .. 2024. 10. 9. [Programming] Windows 11 마지막 글자 사라지는 현상 해결법 ● 문제 - Windows 11 환경에서 텍스트 입력하다가 다른 창으로 이동 또는 다른 곳 클릭하게 되면 마지막 글자가 사라짐 - 중요한 문서 작업 시 이러면 몹시 화가 남 ಠ▃ಠ ● 해결 1. 언어 및 키보드 옵션 편집창으로 이동 2. 언어 > 한국어 > · · · > 언어 옵션 선택 3. 키보드 > Microsoft 입력기 > · · · > 키보드 옵션 선택 4. 호환성 > 이전 버전의 Microsoft IME 켬으로 설정 ● 결과 - 텍스트를 쓰다가 다른 곳으로 이동했다 오거나 클릭해도 마지막 글자가 지워지지 않음👍 ● 참고 - IME란? · Input Method Editor(입력 방식 편집기) · 컴퓨터에서 다양한 언.. 2024. 10. 8. [React] 3. useState ● React에서 변수 보관 방법 1) 변수 사용 2) state 사용 - 변수 대신 쓰는 데이터 저장공간 - useState()를 이용해 만들어야 함 - 문자, 숫자, Array, Object 모두 저장 가능 ● state 사용 방법 1. import React, {useState} from 'react'; 추가 · "React에 있는 내장함수 하나를 쓰겠다."라는 뜻 2. useState('데이터') 선언 · 데이터 2개가 들어있는 배열로 남음 · [state 데이터( 입력한 진짜 데이터), state 데이터 변경 함수( 진짜 데이터를 수정해주기 위한 함수)] · 아래 ES6 de.. 2024. 10. 4. [React] 2. JSX 사용법 ❕React에서는 일반 HTML 대신 JSX를 사용해야 함❕javascript와 동일해 보이지만, return 괄호 내에 HTML 작성 1. class=""이 아닌 className="" 사용 2. {}를 통해 데이터 바인딩 - React, Angular, Vue의 특징 : 데이터 바인딩이 쉬움 - 변수명, 함수 등 바인딩 가능 - src, id, href 등의 속성에도 모두 가능 (import 말고 원래 방식대로 경로를 적어도 가능) 3. style={오브젝트 자료형으로 만든 스타일}을 통해 스타일 입력 - {}로 묶인 오브젝트 형으로 입력 - '-'가 들어간 단어는 camel case 작명법으로 사용 Ex) font-size -> fontSize - .. 2024. 10. 4. [React] 1. React 설치 및 세팅 1. node.js 설치 - 설치 사이트 : https://nodejs.org/en - HTML 파일에다가 직접 Readct 라이브러리 설치해서 작업하려면 오래 걸림 - create-react-app이라는 라이브러리를 사용하기 위해 node.js 사용 - 기존에 설치되어 있어도 최신 버전으로 재설치 권장(오류 방지) 2. Visual Studio Code(VSCode) 설치 - 기존에 설치되어 있는 Visual Studio Code에 Terminal 메뉴가 없으면 재설치 추천 3. 작업 폴더 생성 후 VSCode에서 열기 4. React 프로젝트 생성 - VSCode 하단에 마우스 클릭 후 드래그 또는 Terminal > New Terminal 해서 Termina.. 2024. 10. 4. [Procreate] DPI, 색상프로필, 제스처 ● DPI(해상도) - 디지털 파일 : 72 - 인쇄용 파일 : 300 ● 색상프로필 - 디지털 파일 : RGB - 인쇄용 파일 : CMYK ❕그림 작업은 RGB로 하고, 추후 인쇄 시 포토샵으로 옮겨 색상 프로필을 변경하는 방식 추천 ● 제스처 - 손가락 두개 터치 : 뒤로 가기 - 손가락 세개 터치 : 다시 앞으로 가기 - 세 손가락 터치 후 쓱싹쓱싹 : 전체 그림 지우기 참고블랙노우즈클럽 [BLACK NOSE CLUB] - 프로크리에이트 기초 강좌1_왕초보님을 위한 꿀팁 가득 / 아이패드 드로잉https://www.youtube.com/watch?v=OY3RLn5mA5E 2024. 8. 26. [Useful] 주먹구구식이란? ● 뜻 "주먹구구식"은 대충, 즉흥적으로, 계획 없이 처리하는 방식을 의미한다. 구체적인 계획이나 방법 없이 손쉽게 일을 처리하려는 태도를 비판적으로 지적할 때 주로 사용된다. ● 유래 - 주먹: 말 그대로 '주먹'을 의미하며, 여기서는 손쉬운, 즉흥적인, 단순한 것을 비유적으로 나타낸다. - 구구(九九): 구구단을 의미한다. 구구단은 기본적인 산술 지식으로 여겨지며, 단순하고 초보적인 계산을 상징한다. 이 두 단어가 결합하여, 마치 초등학생이 구구단을 외우듯이 단순하고 체계적이지 않은 방식으로 일을 처리하는 것을 비유적으로 표현한 것이다. 즉, '주먹구구식'은 '계획이나 준비 없이 대충 하는 방식'을 비판적으로 나타내는 표현으로 사용된다. 2024. 8. 4. [Useful] 상어는 헤엄치지 않으면 죽는다? ● 상어가 물속에서 쉬지 않고 계속 움직여야 하는 이유 상어는 물속에서 생존하기 위해 항상 움직여야 하는 생물이다. 이는 상어의 호흡 방식과 관련이 있다. 대부분의 물고기와 달리, 상어는 아가미를 통해 물을 능동적으로 빨아들일 수 없다. 대신, 상어는 램 벤틸레이션(Ram Ventilation)이라고 불리는 방식으로 호흡한다. 이 방식은 상어가 물속에서 움직이며 물이 자연스럽게 아가미를 통과하도록 하여 산소를 흡수하는 방식이다. 만약 상어가 멈추게 되면, 물이 아가미를 통과하지 않게 되어 산소를 얻을 수 없기 때문에 결국 질식하게 된다. 따라서 상어는 계속해서 헤엄쳐야만 생존할 수 있다. 이러한 특성은 상어가 끊임없이 움직이며 사냥을 할 수 있도록 진화하게 만든 중요한 요소 중 하나이다. 몇몇 상어.. 2024. 8. 1. [Useful] 강아지 코가 촉촉한 이유 강아지의 코가 촉촉한 것은 대체로 건강 상태가 좋다는 신호이다. 건강한 강아지는 자연스럽게 코가 촉촉하고 차가운 경향이 있다. 반대로, 코가 건조하거나 따뜻하면 건강 문제를 시사할 수 있다. 강아지 코가 촉촉해지는 이유는 몇 가지가 있다. 온도 조절 : 강아지는 땀샘이 발바닥과 코 주변에만 있어 땀을 흘릴 수 있는 곳이 제한적이다. 코가 촉촉하면 체온을 조절하는 데 도움이 된다. 코의 습기가 증발하면서 체온을 낮추는 효과가 있다.후각 강화 : 촉촉한 코는 강아지의 후각을 강화하는 데 도움을 준다. 습기는 냄새 입자를 더 잘 붙잡아 강아지가 냄새를 더 잘 감지할 수 있게 한다.점액 분비 : 강아지의 코에서는 점액이 분비되어 코를 촉촉하게 유지한다. 이 점액은 먼지나 다른 이물질을 걸러내고, .. 2024. 7. 26. [Useful] 주상복합이 아파트보다 관리비가 비싼 이유 주상복합 건물의 관리비가 아파트보다 몇 배 더 비싼지는 구체적인 건물의 위치, 크기, 제공되는 시설 등에 따라 크게 달라질 수 있다. 그러나 일반적으로 주상복합 건물의 관리비가 아파트 관리비의 1.5배에서 2배 정도 비싸다고 볼 수 있다. 일부 고급 주상복합 건물에서는 관리비가 3배 이상 높을 수도 있다. 주상복합 건물이 아파트보다 관리비가 더 많이 나가는 이유는 여러 가지가 있다. 주상복합은 주거와 상업 기능을 함께 갖춘 건물로, 아파트와는 다른 특성을 지니고 있다. 주상복합 건물의 관리비가 아파트보다 더 많이 나가는 주요 이유들은 아래와 같다. 공용시설의 다양성 : 주상복합 건물에는 다양한 공용시설이 포함되어 있는 경우가 많다. 예를 들어, 피트니스 센터, 수영장, 비즈니스 센터, 회의실, 레.. 2024. 7. 25. [CSS] 한글, 영어, 한자, 기호 CSS 개별 적용하기 1. :lang() - html 요소의 'lang' 속성에 지정된 언어를 기반으로 스타일 적용 - 모든 요소를 lang()에 설정된 언어로 인식 - 언어만 가능하기에 기호는 따로 설정 불가 2. unicode-range - 특정 Unicode 문자 범위에 대해 폰트를 정의할 때 사용 - @font-face 규칙 내에서만 사용 * 한글 가나다라마바사아자차카타파하 * 영어 abcdefghijklmnopqrstuvwxyz * 한자 一二三四五六七八九十 * 기호 !@#$%^&*() * 테스트 dfjskdf 가나다라 ❕참고) 자주 사용될 수 있는 unicode-range 종류기.. 2024. 7. 24. [Useful] 어부지리(漁夫之利)의 뜻과 유래 ● 어부지리 - 어(漁) : 고기 잡을 어 - 부(夫) : 지아비 부 - 지(之) : 갈 지 - 리(利) : 날카로울 리(이) ➡️ 어부의 이익 ● 유래 중국 전국시대의 한 일화에서 유래한다. 조나라와 연나라가 서로 싸우고 있을 때, 장자(莊子)는 이 싸움을 중재하기 위해 한 가지 이야기를 들려주었다. "한 번은 조개와 도요새가 싸움을 벌였다. 도요새가 조개의 속살을 쪼으려고 하자, 조개는 입을 닫아 도요새의 부리를 물었다. 서로 물고 늘어지며 놓아주지 않자, 근처에 있던 어부가 이 둘을 모두 쉽게 잡아갔다. 이 이야기를 통해 장자는 조나라와 연나라가 싸우다 보면 제3자가 그 이익을 취하게 될 것이라고 경고했다." ● 의미 둘이 다투고 있는 사이에 제.. 2024. 7. 23. [Useful] 껌을 씹어도 녹지 않는 이유 (feat. 마이쮸, 새콤달콤) 껌이 씹어도 입에서 녹지 않는 이유는 그 성분과 구조 때문이다. 껌의 주요 성분인 껌 베이스(gum base)가 녹지 않도록 설계되어 있기 때문이다. 껌 베이스는 다양한 고무와 수지의 혼합물로 이루어져 있으며, 이 성분들은 다음과 같은 특성을 가지고 있다. ● 껌 베이스의 특성내열성: 껌 베이스는 입 안의 온도(약 37도)에서 녹지 않는다. 이는 고무가 열에 강한 특성을 가지고 있기 때문이다.내수성 : 껌 베이스는 물에 녹지 않는다. 침은 주로 물로 구성되어 있기 때문에 껌은 침에 녹지 않는다.탄력성 : 껌 베이스는 씹는 동안 탄력성을 유지하여 씹기 좋은 질감을 제공한다. 이는 고무의 본래 성질로 인해 씹는 동안도 형태를 유지하도록 한다. ● 기타 성분 껌은 껌 베이스 외에.. 2024. 7. 23. [Useful] 새가 날 수 있는 이유와 날지 못하는 새 새는 여러 가지 복잡한 생리학적, 구조적 특성들의 조합들로 날 수 있다. ● 비행 가능 주요 요소 1. 날개 구조와 깃털날개 : 새의 날개는 공기역학적으로 설계되어 있으며, 날개는 기본적으로 앞다리의 변형된 형태이다. 날개는 깃털로 덮여 있으며, 이는 비행에 중요한 역할을 한다.깃털 : 깃털은 가볍고 강하며 공기 저항을 줄이는 역할을 한다. 특히, 비행깃털은 넓고 평평하여 공기를 잘 받는다. 2. 근육과 골격비행근육 : 새의 비행근육은 매우 강력하다. 특히 가슴근육(대흉근)은 날개를 위아래로 움직이는 데 중요한 역할을 한다.가벼운 골격 : 새의 뼈는 속이 비어 있어 가볍고, 이는 전체 몸무게를 줄이는 데 도움을 준다. 하지만 강한 .. 2024. 7. 23. [Programming] MIME(Multipurpose Internet Mail Extensions type) 타입 ● MIME (Multipurpose Internet Main Extensions type) 타입 - 직역 : 다목적 인터넷 메일 확장 유형 - 인터넷에서 전송되는 파일의 형식과 내용을 정의하는 표준 방식 - 웹 브라우저나 이메일 클라이언트와 같은 인터넷 애플리케이션은 MIME 타입을 사용하여 파일의 형식과 처리 방식을 결정 - MIME 타입은 주로 HTTP 헤더와 이메일 헤더에서 사용 - 파일을 정확하게 처리하고 표시하는 데 중요한 역할 - 이를 통해 브라우저나 다른 클라이언트 애플리케이션 파일을 올바르게 해석하고 처리 가능 ● MIME 타입 구성 - 두 부분으로 구성 ① 타입(type) : 파일의 일반적인 종류 ② 서브타입(subtype).. 2024. 7. 22. [Javascript] <script> 태그 속성 종류 ● type- 스크립트 MIME 타입 지정- 기본값 'text/javascipt'- 보통 생략async- 스크립트를 비동기적으로 로드- 다른 페이지 요소들과 병렬로 로드defer- 스크립트 실행 연기- HTML 파싱 완료 후 실행- 주로 외부 스크립트 파일과 함께 사용integrity- 스크립트 파일 서명(SRI)를 제공하여 파일 무결성 확인crossorigin- CORS(Cross-Origin Resource Sharing) 설정- 외부 리소스가 다른 도메인에 있을 때 사용nomodule- ES6 모듈을 지원하지 않는 브라우저에만 해당 스크립트를 로드 nonce- CSP(Content Security Policy)와 함께 사용되는 속성- 안전하게 스크립트 삽입 2024. 7. 22. 이전 1 2 3 4 ··· 6 다음 반응형