본문 바로가기

전체 글269

[vue] eslint 가 아닌 prettier 가 적용 될 때 vs code 에서 별다른 설정을 만지지 않았음에도 불구하고 내가 원했던 대로 개행이 되지 않았다. 또한 자꾸 스크립트 부분에 작은 따옴표를 사용한다고 설정 해두었는데 저장할때마다 큰 따옴표로 변경되어 불편함을 느꼈다. 검색해보니 설정이 바뀌어있었다. vscode 의 단축키 ctrl + shift + p 로 메뉴 검색을 열어서 Open Settings (JSON) 을 열어준다. ctrl + f로 formatter 라고 검색해보면 "editor.defaultFormatter": "esbenp.prettier-vscode", 이렇게 eslint 가 아닌 prettier 로 설정되어 있음을 알 수 있다. 그 부분을 아래와 같이 eslint 로 변경해주면, 성공적으로 원하던 부분에서 개행이 된다. "editor.. 2021. 12. 25.
클린 소프트웨어 https://ridibooks.com/books/852000731?_s=search&_q=%ED%81%B4%EB%A6%B0%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4&_rdt_sid=search&_rdt_idx=0 클린 소프트웨어 소프트웨어 개발을 위한 사려 깊은 조언으로 가득한 책!『클린 코드』를 비롯한 베스트셀러 저자이자 소프트웨어 개발 전문가로 저명한 로버트 C. 마틴은 이 책을 통해 소프트웨어 개발자, 프로 ridibooks.com 클린 시리즈의 책을 알게 된 것은 ‘클린 코드’라는 책이 먼저였다. 개발자의 필독서라나? 그러다가 우연한 계기로 클린 소프트웨어라는 책도 있다는걸 알게 되었고, 최근 구매하여 보기 시작했다. 먼저, 읽고 싶었던 클린 코드도 읽기가.. 2021. 12. 20.
[ASP.NET] Entity Framework Core Entity Framework core 데이터 연동방식을 두가지로 제공한다. 1. Code-First 방식: 코드 작성 우선주의 마이그레이션 : 미리 작성된 코드로 데이터베이스에 테이블과 컬럼을 생성하는 방식 2. Database-First 방식: 데이터베이서 작업 우선주의 모든 테이블과 컬럼을 데이터베이스에서 테이블과 컬럼을 우선 생성한다. Entity Data Modeling : 코드를 손쉽게 작성할 수 있도록 도와준다. 먼저 Code-First 방식으로 진행해보기로 한다. Code First 방식 이전 게시글에서 작성한 프로젝트를 열어서 그중 DataModels/User.cs 파일을 열고, DataAnnotations 를 추가하고 , 어노테이션을 작성한다. [Key, StringLength(50),.. 2021. 12. 13.
[네트워크 관리사 2급 실기] 라우터 문제 정리 네트워크 관리사 2급 실기 문제 유형 및 배점은 다음과 같다.1번.케이블링1문제 * 6.5점2~9번.에뮬레이터를 이용한 윈도우 설정 문제8문제 * 5.5점10~11번.리눅스2문제 * 5.5점12~15번.단답형 네트워크 문제4문제 * 5.5점1~3번.라우터 문제 ( 현재 페이지 ! )3문제 * 5.5점 라우터 문제를 정리한 기념으로 포스팅을 한다.15번 이후에 새로 1,2,3번 문제로 진행되므로 시험 순서상으로는 마지막에 해당된다!  정리 순서는 다음과 같다.interface 문제show (확인) 문제 line 문제그 외 (ip, hostname) 1. interface 문제@ serial 2/0에  frame-relay방식으로 캡슐화> en > conf t > interface serial 2/0 > e.. 2021. 12. 10.
[vue] 정리 (최종 업데이트:2021-12-21) 최솔이의 작성 요령 개념 개념 ? 명령어 $ npm ... 주석 // 플러그인, 팁 * 주제별로 언급 @ 2021-12-07 VUE CLI / VUE 파일의 구성 요소 3가지 CLI ? Command-Line Interface 를 의미한다. 터미널을 통해 프로젝트를 손쉽게 시작할 수 있도록 도와준다. $ npm install -g @vue/cli // npm 이라는 명령어를 통해 vue cli를 전역(-g)에 설치해준다 * vue cli 공식 사이트 https://cli.vuejs.org/ $ vue create hello-world // 간단하게 프로젝트를 생성 할 수 있다. 강의 내에서 간단한 프로젝트 생성은 건너 뛰고 lint ? 코드 작성의 규칙을 정함 eslint , rules 도 마찬가지 pu.. 2021. 12. 7.
[ASP.NET] 개요 / MVC 패턴 / 의존성 주입 패턴 닷넷 코어는 패턴 프로그래밍에 최적화 되어있다. 패턴 ? 사용자에게 보다 나은 서비스를 제공 프로그램 개발 ? 테스트와 유지보수가 쉬워야 한다. 애플리케이션의 존재 목적 ? 사용자를 만족시키는것 닷넷코어는 아래 2가지를 사용한다 MVC 패턴 (Model-View-Controller) 의존성 주입 패턴 (Dependency Injection) 2021-12-07 MVC 패턴(Model-View-Controller) MVC 프로젝트 생성 C - MembershipController 컨트롤러 폴더에 추가 public IActionResult Login(LoginInfo login) {} 생성 내용에는 if문 내부에서 ModelState.IsValid 를 확인 if문으로 ID, PW가 일치하는지 확인하고 일치하.. 2021. 12. 7.
해리포터 미나리마 에디션 (마법사의돌, 비밀의방) 나는 해리포터 두 번째 시리즈인 비밀의 방이 출간될 때부터 전시리즈를 출간일에 구매해온 해리포터 덕후다. 매해 출간 전부터 용돈을 모았고, 용돈이 부족할땐 작디작은 학교 앞 서점에서 카운터에 계신 사장님의 눈치를 봐가며 읽곤 했다. 놀이동산에 관심도 없었지만 오사카 살면서 유니버셜 스튜디오 재팬을 가고 싶은 이유가 있었다면 해리포터 단 하나만이 목적이라고 해도 과언이 아닐정도.. 대학 다닐 땐 전권을 가져가서 방학 땐 하루에도 몇 시간씩 침대에 누워 다시 읽곤 했다. 그리고 요 몇 년간 ebook만 읽게 되면서 ebook으로도 전권 소장 중이다...ㅋㅋ 서론은 이만하고... 작년부터 출간되기 시작한 해리포터 미나리마 에디션 구매 후기를 작성해보고자 한다. 비밀의방 미나리마 에디션 출간일이 10월 26일이.. 2021. 11. 22.
[React] 컴포넌트간 통신 / Context API / provider / consumer / useContext 기존 구린 방법 1. 하위 컴포넌트 변경하기 (A의 버튼을 눌러서 B, C, D를 거쳐 E에 있는 값을 변경) 2. 상위 컴포넌트 변경하기 (E의 버튼을 눌러 역으로 D,C,B 를 거쳐 A에 있는 값을 변경) 각 함수들에 props를 인자로 받아서, B,C,D,E로 넘겨주어야 했다. 이문제를 해결하기 위해 useContext를 사용하기로 했다. 1. 하위 컴포넌트 전체에 데이터를 공유하는 방법 데이터를 set 하는 놈 = 가장 상위 컴포넌트 => provider 데이터를 get 하는 놈 = 모든 하위 컴포넌트에서 접근 가능 1) consumer import PersonContext from "../contexts/PersonContext"; export default function Example1() .. 2021. 11. 16.
네트워크 관리사 2급 필기 합격 수기 지난 11월 14일 일요일 한국정보통신자격협회 주최의 네트워크 관리사 2급 필기 시험을 응시했다시험 장소는 8일 월요일이 되어서야 발표가 났고, 다행히(?) 서울의 중심지역인 선린 인터넷 고등학교였다.어떤 후기에서 보니 건대였다고 해서 조금 걱정했는데 안심이었다. 시험 과목네트워크관리사 2급 필기 시험은 아래 네 과목으로  구성되어있다.  1. 네트워크 관리 일반  2. TCP/IP  3. NOS  4. 네트워크 운용기기 공부 기간 & 공부 방법이전 SQLD 합격 수기에서도 작성했지만.. 나는 이론서를 굉장히 좋아한다.책장 채우기도 꽤 좋아해서 컴퓨터, 개발 관련 서적이 아니더라도 책장을 채우며 만족감을 느낀다.(다 읽는다고는 안했다 ㅎ)추천도서는 SQLD와 마찬가지로 영진닷컴의 이기적 네트워크관리사 1.. 2021. 11. 16.
[React] Basic Hooks / Additional Hooks / React Router Hooks Basic Hooks useState: state를 대체 할 수 있다. useEffect: 라이프 사이클 훅을 대체 할 수 있다 Additional Hooks useReducer : state를 변경하는 로직이 담겨있는 함수 다수의 하윗값을 포함하는 복잡한 정적 로직을 만들때 다음 state가 이전state에 의존적일때 Redux를 안다면 쉽게 이용 가능 useMemo useCallback createRef: (Uncontrolled-createRef) : 항상 레퍼런스를 생성해서 렌더될때 넣어준다 useRef: (Uncontrolled-useRef) : 렌더사이에도 유지해준다. 최초 렌더시 undefiend -> 이후 태그 출력 React-Router-Hooks useHistory 이전: props를 .. 2021. 11. 16.
[React] Component Styling / Style loader / React Shadow / Ant Design // 프로젝트 생성 $ npx create-react-app style-loaders-example // install $ npm i sass $ npm i classnames $ npm i styled-components 스타일로더 CSS 모듈, SASS 모듈 Styled Component 1,2 react shadow ant design 2021. 11. 16.
[React] router / react-router-dom / query-string / redirect 먼저 프로젝트 내에 Pages라는 폴더를 생성하고, Home , About , Profile, NotFound 등 jsx파일을 추가한다. // Home.jsx export default function Home() { return Home 페이지입니다.; } App.js 파일에서 react-router-dom 에서 browserRouter, Redirect, Route, Switch, Link 를 import 한다. 또한 이동시킬 페이지들을 모두 import한다. import { BrowserRouter, Redirect, Route, Switch, Link } from "react-router-dom"; // App.js 의 App return 내부 (isLogin ? : )} /> 코드를 확인해보면 .. 2021. 11. 16.
SQLD 42회 합격 수기 지난 9월 5일 일요일 42회 SQLD 시험을 치렀고, 10월 1일 합격 발표가 났다.여타 시험들에 비해 합격 발표가 늦게 나오는 이유는 주관식 문제 때문일까.. ㅎ 책 소개 SQLD 공부 방법으로는 다들 노랭이 책을 언급하곤 한다.2~3 회독하고 가면 합격은 거뜬하다고들.....SQL 자격검정 실전문제 https://book.naver.com/bookdb/book_detail.naver?bid=11346202  SQL 자격검정 실전문제SQL 자격검정 실전문제는 국가공인 SQL 전문가 및 국가공인 SQL 개발자 자격시험 대비 수험서로 SQL 전문가 가이드에서 다루고 있는 데이터 모델링의 이해, SQL기본 및 활용, SQL 고급 활용 및 튜닝 등book.naver.com 하지만 나는 노랭이만 봤을 때 문제.. 2021. 11. 15.
반응형

티스토리툴바