코딩 【VSCode 플러그인】 코딩 초보자야말로 Prettier를 우선 인스톨하자(동영상 해설 첨부) 이 기사는 「HTML&CSS속습 교실」의 학습 페이지의 하나 「 발췌한 것입니다. Prettier가 어떤 것인지 알 수 있습니다 VSCode 플러그인 설치 방법을 알 수 있습니다 Prettier 플러그인을 활성화하기위한 구성 단계를 알 수 있습니다 Prettier를 한마디로 설명하면 「코드를 깨끗하게 성형해 주는 툴」이 됩니다. 코딩 학습을 시작한지 얼마 안된 초보자 있다고 생각합니다만, H... 초보자플러그인VSCodeprettier코딩 Chrome의 기본 아이콘 이름을 확인하고 표시를 변경하는 방법 본문은 마크업 tips입니다. chrome에서 화면 확인을 했을 때, type이 time의 input 태그 옆에, 예를 들면 시계 아이콘이 들어 있고, 그것을 아무래도 없애고 싶을 때에 제거하는 방법에 대해 기재하고 있습니다. 변경 전 → 변경 후 1. 개발자 도구 설정 변경 먼저 개발자 도구 설정에서 Shadow DOM 표시를 활성화하십시오. 이 작업을 수행하지 않으면 대상 아이콘에 대한 ... Chrome마크업코딩 엑셀보다 쉬운 SQL - 3주차 <수업 목표> 여러 테이블의 정보를 연결하는 Join을 이해한다. 연결된 정보를 바탕으로 보다 풍부한 데이터분석을 연습한다. 아래 위로 결과를 연결하는 Union을 공부한다. Join이란? -> 두 테이블의 공통된 정보 (key값)를 기준으로 테이블을 연결해서 한 테이블처럼 보는 것을 의미 1) Left Join 왼쪽에 오는 테이블을 기준으로 오른쪽 테이블 연결 -> 어떤 데이터는 모든 필드... 스파르타코딩코딩sqlsql 숫자열과 문자열 문제소개 코드 정의된 변수 값 확인 range(len(nums)) 활용코드... 코딩문제풀이카카오프로그래머스코딩테스트문제풀이 📕 [ TIL ] : 2일차_2022.04.19.(화) GitHub) README.md 생성, 마크다운 및 캐시파일삭제 명령어 vscode에는 pycharm처럼 venv 폴더 생성하지 않고도 anaconda로 가상환경 설정 가능 (pip 설치 용이. 발생했던 오류 : 여백 및 오타 오류부터 파일 경로 설정, aws 키체인 저장한 곳 바뀔 시 서버 초기 실행할때부터 경로 다시 설정해야함 [ ✏️ 리마인드 : 서버 업데이트시 중요한것! [ ✏️ 수업... 내일배움단JavaScriptTILhtml개발자스파르타코딩클럽모든개발자분들파이팅입니다js웹개발스파르타코딩JavaScript <스파르타3주차>원페이지쇼핑몰 완성하기 1주차에 만든 원페이지쇼핑몰(총알오징어)에 POST, GET 기능 구현해보았습니다. ★시작 전 준비사항★ 1. static, templates 폴더 + app.py 만들기! 2. pymongo, flask 설치하기(setting → python interpreter → +버튼) 이름, 수량, 주소, 전화번호를 입력하고 주문하기를 클릭하면 아래 list에 데이터가 나타나도록 해줄꺼에요. ▼ a... GETPOSTpymongoFlask코딩Flask Day 2 - ReactJS로 영화 웹 서비스 만들기 사이트 : 노마드코더 강의 : ReactJS로 영화 웹 서비스 만들기 시각 : 2022.04.18 ◆ 완료한 강의 : #3 [2021 UPDATE] STATE: #3.0 Understanding State ~ #3.8 Recap const [] = React.useState() 사용하면 Array 한개가 생김. [ 담을 데이터용 변수, 담을 데이터를 처리할 함수용 변수] 이렇게. 두번째 항에... ReactDOM코딩JSXhtmlReactJavaScriptJSX 📕 [ TIL ] : 1일차_2022.04.18.(월) 웹 프로그래밍 A-Z 기초 KDT 실무형AI웹개발자 2회차 : 1주차 (1-1~1-16) ~ 2주차 (2-1~2-8) 파이썬 문법 기초 KDT 실무형AI웹개발자 2회차 : 1-1~1-15 이번년도 3월 경, 내일배움단 합류 전 웹개발, 앱개발 과정을 수강했었기에 이번에 새로 배운 것들만 다시 복기차원에서 적어보았다. CSS : 뭔가를 꾸민다 = 가리킬 수 있어야 꾸미기 가능 style 뒷배경... 내일배움단JavaScriptTILhtml개발자스파르타코딩클럽모든개발자분들파이팅입니다js웹개발스파르타코딩JavaScript 로또 최고, 최저 순위 찾기 문제소개 풀이접근 코드 정의된 변수 값 확인... 최고순위코딩로또문제풀이프로그래머스최저순위로또 22일)JWT를 처음보고 존맛탱으로 읽은 저를 개발자로 키워주고 계셔서 감사합니다/Token/Encoded/ Decoded Code-Camp FE 6기 간략히 요약하면, Backend는 어떤 사람이 api를 요청하는지 알 수 없기 때문에 유저의 모든 api 요청에 accessToken을 함께 보내줬습니다! 이 토큰을 받은 Backend는 accessToken을 열어서 그 안에있는 객체(JSON)의 내용물을 보고 누가 요청을 한건지 구분 할 수 있던 것이였습니다! 이 방식으로 Browser에서 요청이 들어오면 더 이상 DB에서 토큰을 찾지 않... 코딩부트캠프개발자취업accesstokenJWTauthorization코드캠프Hashing프론트엔드개발자EncodedbearerjsonDecoded코딩Decoded 알고리즘 문제 #2 - 기능개발 두 번째 알고리즘 지난번에 이어 이번에도 알고리즘 문제를 풀어보았다. 이번 문제는 제목이 기능개발이다. 지난 문제와는 달리 그래도 빠르게 이해할 수 있었던 것 같다. 먼저 문제를 이해하고, return 값과 동일한 결과가 나오도록 코드를 짜보았다. 문제를 이해한 대로 보자면, prossess에 진행률에 따른 숫자 리스트가 입력된다. 그리고 speeds에는 작업 속도가 입력된다. 진행률이 10... 알고리즘algorithm큐python스택Codingqueue탐색stack파이썬search코딩Coding [오늘의 정수 정수 정상수] 에라토스테네스의 체 그래서 오늘은 이 악물고 알찬 구현의 시간을 가져보기 위해 백준에 들어갔고, 내 눈에 보인 태그는 #에라토스테네스의_체 였다. (중간에 괄호 처리 된 것은 ii에서 이미 지워진 친구들이란 것을 나름 열심히 표현해 본 것이다.) 짧게 설명하고 가자면, 100 = a x b로 표현할 때, a , b중 하나는 무조건 sqrt(100) 이기 때문이다. 11 x 2는 이미 2 x 11에서 제거 당했고... 백준알고리즘정수론C코딩C 엑셀보다 쉬운 SQL - 4주차 Subquery(서브쿼리)의 사용 방법을 배워본다 실전에서 유용한 SQL 문법을 더 배워본다 subquery 하나의 SQL 쿼리 안에 또다른 SQL 쿼리가 있는 것을 의미 -> join을 쓰지 않고도 같은 기능할 수 있음 ex) kakaopay로 결제한 유저들의 정보 보기 카카오로 결제한 유저의 정보 보기(join 기능 이용) subquery 이용 a. 우선 kakaopay로 결제한 user... 스파르타코딩코딩sqlsql 엑셀보다 쉬운 SQL 문법정리 보고싶은 필드를 적는다 group by나 where에 들어간 필드가 들어가면 보기 편한 것 같다 테이블에 없는 필드라도 보고싶은 통계(계산) 수치나 subquery를 넣어서 보면 된다 select의 필드가 들어있는 테이블을 적는다 보고싶은 데이터의 조건을 입력한다 특정 필드에 대한 조건을 입력한다 ex) name like '이xx' -> name 필드에 '이xx'인 데이터를 불러오라는 조건 ... 스파르타코딩코딩sqlsql 20) 검색할때 바로바로 안걸러주면 한국인은 답답해서 못살아 🤯 검색 프로세스 이해, Tokenizing, inverted index.. Debouncing / Throttling 원두멘토님의 열정을 이어받아 다 이해한날 !!!!!! 먼저, 백엔드의 검색 시스템 구조에는 가장 기본적으로 테이블을 풀 스캔하는 방식(full table scan)으로 전체 테이블 로우를 조회하는 방법이 있었습니다! 이 방법을 개선하기 위해 데이터베이스에 저장할 때, 문장을 키워드 단위로 토크나이징(컴퓨터에게 이해 시키기 위해 우리의 언어를 의미가 있는 가장 작은 단어로 나누는 것)하고, 역인덱스(inverted index)를 만들어서 저장했습... 쓰로틀링table fullscanDebouncing개발자메모리기반 데이터 베이스replaceAll토크나이징elasticsearchuuid코딩부트캠프검색프로세스개발자취업역색인프론트엔드Throttlinginverted index디스크기반 데이터 베이스코드캠프tokenizing디바운싱lodash코딩Debouncing [Python] 랜덤함수 파이썬python파이썬코딩코딩python 문과생 데이터사이언티스트되기 7! SQL은 Structured Query Language 즉, 구조적 질의 언어의 줄임말입니다. 관계형 데이터베이스 시스템에서 자료를 관리 및 처리하기 위해 설계된 언어입니다. SQL은 1970년대에 IBM에서 최초 개발되었으며 관계형 모델이라는 이론에서 파생된 특징을 가지고 있는데, 현재 SQL의 표준으로 ANSI SQL이 정립되었습니다. 관계형 모델이란 비즈니스 데이터를 인식, 구성하고, ... 문과생데이터사이언스sql부트캠프제로베이스코딩데이터사이언티스트sql B)13565 인제대학교 생화학연구실에 재직중인 석교수는 전류가 침투(percolate) 할 수 있는 섬유 물질을 개발하고 있다. 이 섬유 물질은 2차원 M × N 격자로 표현될 수 있다. 또한 각 격자는 검은색 아니면 흰색인데, 검은색은 전류를 차단하는 물질임을 뜻하고 흰색은 전류가 통할 수 있는 물질임을 뜻한다. 전류는 섬유 물질의 가장 바깥쪽 흰색 격자들에 공급되고, 이후에는 상하좌우로 인접한 흰색 ... 개발자알고리즘코딩그래프백준개발자 1주차 수업 숙제 CSShtml코딩CSS 코딩 수업 두번째 CSShtml코딩CSS 코딩 수업 첫번째 CSShtml코딩CSS [Python] 튜플, 집합, 자료구조의 변경 1. 튜플 2. 집합 3. 자료구조의 변경 4. 문제... 파이썬python파이썬코딩코딩python
【VSCode 플러그인】 코딩 초보자야말로 Prettier를 우선 인스톨하자(동영상 해설 첨부) 이 기사는 「HTML&CSS속습 교실」의 학습 페이지의 하나 「 발췌한 것입니다. Prettier가 어떤 것인지 알 수 있습니다 VSCode 플러그인 설치 방법을 알 수 있습니다 Prettier 플러그인을 활성화하기위한 구성 단계를 알 수 있습니다 Prettier를 한마디로 설명하면 「코드를 깨끗하게 성형해 주는 툴」이 됩니다. 코딩 학습을 시작한지 얼마 안된 초보자 있다고 생각합니다만, H... 초보자플러그인VSCodeprettier코딩 Chrome의 기본 아이콘 이름을 확인하고 표시를 변경하는 방법 본문은 마크업 tips입니다. chrome에서 화면 확인을 했을 때, type이 time의 input 태그 옆에, 예를 들면 시계 아이콘이 들어 있고, 그것을 아무래도 없애고 싶을 때에 제거하는 방법에 대해 기재하고 있습니다. 변경 전 → 변경 후 1. 개발자 도구 설정 변경 먼저 개발자 도구 설정에서 Shadow DOM 표시를 활성화하십시오. 이 작업을 수행하지 않으면 대상 아이콘에 대한 ... Chrome마크업코딩 엑셀보다 쉬운 SQL - 3주차 <수업 목표> 여러 테이블의 정보를 연결하는 Join을 이해한다. 연결된 정보를 바탕으로 보다 풍부한 데이터분석을 연습한다. 아래 위로 결과를 연결하는 Union을 공부한다. Join이란? -> 두 테이블의 공통된 정보 (key값)를 기준으로 테이블을 연결해서 한 테이블처럼 보는 것을 의미 1) Left Join 왼쪽에 오는 테이블을 기준으로 오른쪽 테이블 연결 -> 어떤 데이터는 모든 필드... 스파르타코딩코딩sqlsql 숫자열과 문자열 문제소개 코드 정의된 변수 값 확인 range(len(nums)) 활용코드... 코딩문제풀이카카오프로그래머스코딩테스트문제풀이 📕 [ TIL ] : 2일차_2022.04.19.(화) GitHub) README.md 생성, 마크다운 및 캐시파일삭제 명령어 vscode에는 pycharm처럼 venv 폴더 생성하지 않고도 anaconda로 가상환경 설정 가능 (pip 설치 용이. 발생했던 오류 : 여백 및 오타 오류부터 파일 경로 설정, aws 키체인 저장한 곳 바뀔 시 서버 초기 실행할때부터 경로 다시 설정해야함 [ ✏️ 리마인드 : 서버 업데이트시 중요한것! [ ✏️ 수업... 내일배움단JavaScriptTILhtml개발자스파르타코딩클럽모든개발자분들파이팅입니다js웹개발스파르타코딩JavaScript <스파르타3주차>원페이지쇼핑몰 완성하기 1주차에 만든 원페이지쇼핑몰(총알오징어)에 POST, GET 기능 구현해보았습니다. ★시작 전 준비사항★ 1. static, templates 폴더 + app.py 만들기! 2. pymongo, flask 설치하기(setting → python interpreter → +버튼) 이름, 수량, 주소, 전화번호를 입력하고 주문하기를 클릭하면 아래 list에 데이터가 나타나도록 해줄꺼에요. ▼ a... GETPOSTpymongoFlask코딩Flask Day 2 - ReactJS로 영화 웹 서비스 만들기 사이트 : 노마드코더 강의 : ReactJS로 영화 웹 서비스 만들기 시각 : 2022.04.18 ◆ 완료한 강의 : #3 [2021 UPDATE] STATE: #3.0 Understanding State ~ #3.8 Recap const [] = React.useState() 사용하면 Array 한개가 생김. [ 담을 데이터용 변수, 담을 데이터를 처리할 함수용 변수] 이렇게. 두번째 항에... ReactDOM코딩JSXhtmlReactJavaScriptJSX 📕 [ TIL ] : 1일차_2022.04.18.(월) 웹 프로그래밍 A-Z 기초 KDT 실무형AI웹개발자 2회차 : 1주차 (1-1~1-16) ~ 2주차 (2-1~2-8) 파이썬 문법 기초 KDT 실무형AI웹개발자 2회차 : 1-1~1-15 이번년도 3월 경, 내일배움단 합류 전 웹개발, 앱개발 과정을 수강했었기에 이번에 새로 배운 것들만 다시 복기차원에서 적어보았다. CSS : 뭔가를 꾸민다 = 가리킬 수 있어야 꾸미기 가능 style 뒷배경... 내일배움단JavaScriptTILhtml개발자스파르타코딩클럽모든개발자분들파이팅입니다js웹개발스파르타코딩JavaScript 로또 최고, 최저 순위 찾기 문제소개 풀이접근 코드 정의된 변수 값 확인... 최고순위코딩로또문제풀이프로그래머스최저순위로또 22일)JWT를 처음보고 존맛탱으로 읽은 저를 개발자로 키워주고 계셔서 감사합니다/Token/Encoded/ Decoded Code-Camp FE 6기 간략히 요약하면, Backend는 어떤 사람이 api를 요청하는지 알 수 없기 때문에 유저의 모든 api 요청에 accessToken을 함께 보내줬습니다! 이 토큰을 받은 Backend는 accessToken을 열어서 그 안에있는 객체(JSON)의 내용물을 보고 누가 요청을 한건지 구분 할 수 있던 것이였습니다! 이 방식으로 Browser에서 요청이 들어오면 더 이상 DB에서 토큰을 찾지 않... 코딩부트캠프개발자취업accesstokenJWTauthorization코드캠프Hashing프론트엔드개발자EncodedbearerjsonDecoded코딩Decoded 알고리즘 문제 #2 - 기능개발 두 번째 알고리즘 지난번에 이어 이번에도 알고리즘 문제를 풀어보았다. 이번 문제는 제목이 기능개발이다. 지난 문제와는 달리 그래도 빠르게 이해할 수 있었던 것 같다. 먼저 문제를 이해하고, return 값과 동일한 결과가 나오도록 코드를 짜보았다. 문제를 이해한 대로 보자면, prossess에 진행률에 따른 숫자 리스트가 입력된다. 그리고 speeds에는 작업 속도가 입력된다. 진행률이 10... 알고리즘algorithm큐python스택Codingqueue탐색stack파이썬search코딩Coding [오늘의 정수 정수 정상수] 에라토스테네스의 체 그래서 오늘은 이 악물고 알찬 구현의 시간을 가져보기 위해 백준에 들어갔고, 내 눈에 보인 태그는 #에라토스테네스의_체 였다. (중간에 괄호 처리 된 것은 ii에서 이미 지워진 친구들이란 것을 나름 열심히 표현해 본 것이다.) 짧게 설명하고 가자면, 100 = a x b로 표현할 때, a , b중 하나는 무조건 sqrt(100) 이기 때문이다. 11 x 2는 이미 2 x 11에서 제거 당했고... 백준알고리즘정수론C코딩C 엑셀보다 쉬운 SQL - 4주차 Subquery(서브쿼리)의 사용 방법을 배워본다 실전에서 유용한 SQL 문법을 더 배워본다 subquery 하나의 SQL 쿼리 안에 또다른 SQL 쿼리가 있는 것을 의미 -> join을 쓰지 않고도 같은 기능할 수 있음 ex) kakaopay로 결제한 유저들의 정보 보기 카카오로 결제한 유저의 정보 보기(join 기능 이용) subquery 이용 a. 우선 kakaopay로 결제한 user... 스파르타코딩코딩sqlsql 엑셀보다 쉬운 SQL 문법정리 보고싶은 필드를 적는다 group by나 where에 들어간 필드가 들어가면 보기 편한 것 같다 테이블에 없는 필드라도 보고싶은 통계(계산) 수치나 subquery를 넣어서 보면 된다 select의 필드가 들어있는 테이블을 적는다 보고싶은 데이터의 조건을 입력한다 특정 필드에 대한 조건을 입력한다 ex) name like '이xx' -> name 필드에 '이xx'인 데이터를 불러오라는 조건 ... 스파르타코딩코딩sqlsql 20) 검색할때 바로바로 안걸러주면 한국인은 답답해서 못살아 🤯 검색 프로세스 이해, Tokenizing, inverted index.. Debouncing / Throttling 원두멘토님의 열정을 이어받아 다 이해한날 !!!!!! 먼저, 백엔드의 검색 시스템 구조에는 가장 기본적으로 테이블을 풀 스캔하는 방식(full table scan)으로 전체 테이블 로우를 조회하는 방법이 있었습니다! 이 방법을 개선하기 위해 데이터베이스에 저장할 때, 문장을 키워드 단위로 토크나이징(컴퓨터에게 이해 시키기 위해 우리의 언어를 의미가 있는 가장 작은 단어로 나누는 것)하고, 역인덱스(inverted index)를 만들어서 저장했습... 쓰로틀링table fullscanDebouncing개발자메모리기반 데이터 베이스replaceAll토크나이징elasticsearchuuid코딩부트캠프검색프로세스개발자취업역색인프론트엔드Throttlinginverted index디스크기반 데이터 베이스코드캠프tokenizing디바운싱lodash코딩Debouncing [Python] 랜덤함수 파이썬python파이썬코딩코딩python 문과생 데이터사이언티스트되기 7! SQL은 Structured Query Language 즉, 구조적 질의 언어의 줄임말입니다. 관계형 데이터베이스 시스템에서 자료를 관리 및 처리하기 위해 설계된 언어입니다. SQL은 1970년대에 IBM에서 최초 개발되었으며 관계형 모델이라는 이론에서 파생된 특징을 가지고 있는데, 현재 SQL의 표준으로 ANSI SQL이 정립되었습니다. 관계형 모델이란 비즈니스 데이터를 인식, 구성하고, ... 문과생데이터사이언스sql부트캠프제로베이스코딩데이터사이언티스트sql B)13565 인제대학교 생화학연구실에 재직중인 석교수는 전류가 침투(percolate) 할 수 있는 섬유 물질을 개발하고 있다. 이 섬유 물질은 2차원 M × N 격자로 표현될 수 있다. 또한 각 격자는 검은색 아니면 흰색인데, 검은색은 전류를 차단하는 물질임을 뜻하고 흰색은 전류가 통할 수 있는 물질임을 뜻한다. 전류는 섬유 물질의 가장 바깥쪽 흰색 격자들에 공급되고, 이후에는 상하좌우로 인접한 흰색 ... 개발자알고리즘코딩그래프백준개발자 1주차 수업 숙제 CSShtml코딩CSS 코딩 수업 두번째 CSShtml코딩CSS 코딩 수업 첫번째 CSShtml코딩CSS [Python] 튜플, 집합, 자료구조의 변경 1. 튜플 2. 집합 3. 자료구조의 변경 4. 문제... 파이썬python파이썬코딩코딩python