분류 전체보기
01_MySQL : 데이터 베이스란
SQL은 STRUCTED QUERY LANGUAGE의 약자로 자바, 파이썬 보다 유명하다고 한다. 이 언어는 데이터베이스와 대화하기 위해 특별하게 디자인 된 언어이다. 이 데이터베이스는 RELATIONAL(SQL) 과 NON-RELATIONAL(NON-SQL)로 나뉘게 된다. SQL 진영에는 mysql,postgresql.sqlite가 있으며, NON-SQL 진영에는 mongoDB, DynamoDB,couchDB등이 있다. SQL데이터베이스는 정말 많은 회사에서 사용된다. 정부기관 은행등등 말이다. SQL은 사실 엑셀문서와 똑같이 생겼다. SQL 데이터베이스는 행,열로 구성되어 있다. 결국 SQL이 데이터베이스를 다루는 언어라면, 데이터베이스에 대해 조금 더 자세히 알고 갈 필요성이 있을 것 같다. 우리..
scss keyframe 적용법
일반적인 방법으로는 scss에 @keyframe을 적용할 수 없었다. @mixin keyframes($animation-name) { @-webkit-keyframes #{$animation-name} { @content; } @keyframes #{$animation-name} { @content; } } @mixin animation($str) { -webkit-animation: #{$str}; animation: #{$str}; } @include keyframes(fade) { 0% { opacity: 1; } 100% { opacity: 0; } } 위와같이 mixin과 include를 활용해서 넣어주어야 한다. 위 예시는 fade를 적용시켜본 경우이다. 그 이후, class-name { @i..
16_CSS 네이밍 규칙
항상 지금까지 css 이름을 지을땐 나름의 규칙만 가지고 지었었는데, 이번 기회에 이를 바로잡을 필요가 있다고 생각하여 css 에서 class 이름을 짓는다면 어떤 방식으로 지어야 하는지 알아보았다. 보통 자바스크립트에서는 Camel case로 불리는 규칙을 많이 사용한다. myNameIsMingyu 와 같은 형태이다. 하지만 css에서는 그렇지 않다. CSS에서는 우선 기본적으로 소문자와, 하이폰( - ) 을 사용한다 my-name-is-mingyu 와 같은 방식이다. BEM 규칙 BEM규칙이란 Block, Element, Modifer의 줄인말이다. 아래 형태의 html을 보면서 생각해 보자. Search Block은 기능적으로 독립된 컴포넌트이다. search-form 이 이에 해당된다. Eleme..
Unix와 Windows 파일 시스템
🐘 Unix 파일시스템 💡 파일 시스템 : 파일을 저장하는데 사용되는 수단으로 디스크에 파일을 저장한다.** 시스템 내의 수많은 파일이 존재하는데, 이를 효율적으로 관리하기 위해서는 트리형으로 파일을 관리할 필요성이 있다. 특히 유닉스의 파일은 파일이름 , i-node , 데이터 블록 세가지 요소를 모드 충족해야 한다. 🐬 파일 이름 규칙 ✅ 특별한 확장명 없이 이름 사용 ✅ .으로 시작하는 파일의 경우 숨어있는 파일을 의미 주로 시스템 파일에 사용 ls 명령어에 옵션 -a를 설정해야 파일의 존재 확인 ✅ 파일 이름은 최대 255자까지 허용 ✅ 루트를 의미하는 /는 사용 불가 ✅파일과 디렉토리 이름에는 알파벳, 숫자, -, _, . 만을 사용 ✅ 파일과 디렉토리 이름에 공백, * & " ' ~ # $ (..
정규표현식
정규표현식을 잘 사용하면 정말 유용하게 문자열들을 걸러낼 수 있다 🐘 JS에서의 간단한 사용 예 const text = "실행할 텍스트"; console.log(text.match(정규표현식)); 🐘 정규표현식의 기초 문법 "시간을 달리는 부캠 week-2 입니다. 연락은 010-1234-5678 9시간 이내" 이라는 텍스트를 가지고 실험해보자. 🐘 문자만 들어온 경우 /시/ : ‘시’를 하나 만 찾는다. "시간을 달리는 부캠 week-2 입니다. 연락은 010-1234-5678 9시간 이내" [ ‘시’ ] 옵션 🐘 g /시/g : ‘시’를 모두 찾는다. "시간을 달리는 부캠 week-2 입니다. 연락은 010-1234-5678 9시간 이내" [ '시', '시' ] /시간/g : ‘시간’를 모두 찾는다...
자바스크립트 타이머함수
자바스크립트에서는 크게 두가지 타이머 함수가 존재한다. 🐬 setTimeout() : 일정 시간 뒤에 함수가 실행 🐬 setInterval() : 일정시간마다 함수가 실행 중요한점은 두 타이머는 정확한 시간을 보장하지는 않는다! 예를들어 400ms를 준다고 해당 시간을 정확하게 보장하지는 않는다는 것이다. setTimeout() 함수가 실행되면 바로 실행되는것이 아닌, 큐에 넣어 대기하게 된다. JS 블록의 실행이 끝나지 않았기 때문에 처리를 할 수 없기 때문이다. JS 블록이 끝나면 큐 내부에서 대기하는 처리가 있는지 확인한다. 여기에는 자바스크립트 코드뿐 아니라 마우스클릭등의 이벤트또한 존재할 수 있다. 결국 setTimeout() 함수는 필연적으로 이전의 콜백 실행으로부터 지연되는 시간을 갖게 된다..