전체 글 (47) 썸네일형 리스트형 맥에서 뷰 설치하기 feat. 맥 권한... 주인 좀 알아봐라... 뷰를 학습해보려고 설치하는데 오류란 오류를 전부 격었다... 우선 node의 문제인줄 알고 지웠다 까는데에서도 문제가 발생했다. 여러 블로그를 다 참고했지만 잘 되지 않다가 아래 블로그를 따라하니 다행히 노드를 잘 지우고 다시 설치했다. https://2dowon.netlify.app/etc/nodejs-delete-and-install/ node.js 재설치 및 node install 권한 오류(MAC) 어느 순간부터 이상하게 을 이용해 설치하는 것들이 제대로 설치는 되었지만, version을 확인하려고 하면 나오지 않는 문제가 발생했다. 처음에는 환경변수의 문제라고 생각하고 환경변수를 다시 2dowon.netlify.app 다음은.. 뷰...VUE.... yarn도 깔아보고 복작복작 했지만 결국 뷰 .. 다크모드 CSS 요즘은 웹도 다크모드를 사용하는 사람이 많다. 데스크탑이나 노트북에서는 시스템 내 다크모드 설정을 켜면 되지만, 개발단계에서 간편하게 확인 할 때는 크롬 개발자 모드에 세로 ... 에 들어가서 도구 더보기(more tools)에 렌더링(rendering)을 켜면 css 미디어 기능 prefers-color-scheme로 사용할 수 있다. 다크 모드 개발시에 css에 미디어쿼리로 쉽게 개발 할 수 있다. @media (prefers-color-scheme : dark){ .nav{ background: #000000; color: white; } } 그리고 OS 애니메이션 기능을 꺼두었을 때 적용 방법은 아래와 같다. @media (prefers-reduced-motion){ css 작성 } 출처는 코딩애.. MySQL 기본 문법 # USE USE world; # db명 # 테이블 보기 SHOW TABLES; SHOW TABLE STATUS; # 테이블 속성 # 테이블 열 확인 DESCRIBE city; DESC city; # 테이블 열 추출 SELECT * FROM city; # 전체 SELECT Name FROM city; # WHERE SELECT * FROM city WHERE Population > 100000; # 관계 연산자 SELECT * FROM city WHERE Population > 100000 AND Population < 200000; # BETWEEN...AND 사이 값 SELECT * FROM city WHERE Population BETWEEN 100000 AND 200000; # IN 이산 값 SE.. MySQL 가장 널리 사용되고 있는 관계형 데이터베이스 관리 시스템(RDBMS: Relational DBMS) 오픈 소스, 다중 사용자와 다중 스레드를 지원 여러 프로그래밍 언어를 위한 다양한 API 제공 유닉스, 리눅스, 윈도우 등 다양한 운영체제에서 사용할 수 있으며, 특히 PHP와 함께 웹개발에 자주 사용 오픈 소스 라이센스를 따르지만, 상업적 사용시 라이센스 구입 필요 SQL 분류 DML(Data Manipulation Language) 데이터 조작 언어 데이터를 조작(CRUD)할 때 사용되는 언어 DML 구문이 사용되는 대상은 테이블의 행 DML 사용하기 위해서는 꼭 그 이전에 테이블이 정의되어 있어야 함 SQL문 중 SELECT, INSERT, UPDATE, DELETE가 이 구문에 해당 트랜잭션이 발생.. node.js readline 예제 // 모듈 가져오기 const readline = require('readline'); // readline 모듈을 이용해 입출력을 위한 인터페이스 객체 생성 const rl = readline.createInterface({ input: process.stdin, output: process.stdout, }); // rl 변수 rl.on('line', (line) => { // 한 줄씩 입력받은 후 실행할 코드 // 입력된 값은 line에 저장 rl.close(); // 필수 close가 없으면 입력을 무한히 받는다 }); rl.on('close', () => { // 입력이 끝난 후 실행할 코드 process.exit(); }); // 한 줄 입력받기 const readline = require('.. 틱택톡 실습 with 공식문서 See the Pen Tic Tac Toe by Yuuuk94 (@yuuuk94) on CodePen. function Square(props) { // 함수형 컴포넌트 return ( {props.value} ); } // class Square extends React.Component { // constructor(props){ // // 리액트에서 하위 클래스의 생성자를 정의할 때 super(props) // super(props); // // 리액트 컴포넌트는 this.state로 상태값을 갖음 // this.state = { // value: null, // }; // } // render() { // return ( // // // this.setState({value: 'X'}) // //.. 리액트에 타입스크립트 적용 리액트에 타입스크립트를 적용해보자. $ npx create-react-app ts-react-tutorial --typescript $ npm install typescript @types/node @types/react @types/react-dom @types/jest @types/react-router-dom 위의 명령어는 리액트 파일 생성시 타입스크립트를 적용하는 거고, 아래 명령어는 이미 생성된 리액트 파일에 타입스크립트를 적용하는 거다. 타입스크립트 확장자는 js -> tx / jsx -> tsx 로 설정한다. 리액트는 jsx를 반환하는 컴포넌트일 때 tsx로, 아니면 ts로 변환한다. 이후 적용방식은 아래 글들을 참고했다. 대부분 interface를 활용해 객체타입을 캡슐화하는데 초점이 맞춰.. Typescript 배우기 8 (유틸리티 타입) // 유틸리티 타입 interface User { id: number; name: string; age?: number; gender?: 'm' | 'f'; } type UserKey = keyof User; // 'id' | 'name' | 'age' | 'gender' const uk: UserKey = 'name'; // key값 중 하나 입력! // partial let admin1: Partial = { id: 1, name: 'Bob', age: 10, // 모든 key? 상태 // job: "student", 없는 key error }; // Required let admin2: Required = { id: 2, name: 'Tom', age: 10, gender: 'f', // ?가 필수.. 이전 1 2 3 4 5 6 다음