Little Jay

질문출처: https://www.frontendinterviewhandbook.com/javascript-questions#explain-how-this-works-in-javascript JavaScript trivia questions in front end interviews | Front End Interview Handbook Answers to Front-end Job Interview Questions - JS Questions. Pull requests for suggestions and corrections are welcome! www.frontendinterviewhandbook.com Javascript "this"에 대하여 사실 자바스크립트에서 "this"라는 키워드를 간단하게 정..

나는 현재 학교의 교양전담교수님의 수업 TA로 일하고 있다. 교수님께서 개인 홈페이지가 필요하다고 하셔서 비록 백엔드 처리는 잘 못하지만 일단 Front는 내가 하고 있는 부분이기 때문에 이 부분을 만들고 또 비용적인 면에서 아직 학생이고 교수님께서 정말 컴퓨터에 무지하기 때문에 Netlify로 간단하게 배포를 하기로 했다. https://github.com/MyuB/Prof_Jung GitHub - MyuB/Prof_Jung Contribute to MyuB/Prof_Jung development by creating an account on GitHub. github.com 대단한 것은 아니고, React로 만들어진 무료 개인 홈페이지 템플릿을 찾고 clone해서 사용했다. MIT License를 사..

wordle이라는 게임이 있는데 살짝 행맨 같은 게임이다. 다시 생각해보니 행맨 보다는 단어로 하는 야구게임이 오히려 더 어울리는 것 같다. https://www.nytimes.com/games/wordle/index.html 위의 사이트에서 해볼 수 있다. css를 먹이면 조금 따라할 수 있을 것 같은데 일단 이정도만 구현하는 거로 해봐도 괜찮은 것 같다. 너무나 간단하기 때문에 live를 사용하였고, 배포도 안할 예정이다. 제출

저번글에 이어 SCSS의 문법을 살펴보겠습니다. Data Types CSS에 없는 새로운 개념입니다. CSS에서는 자료형의 타입을 고민하지 않아도 되기때문이죠. SCSS의 자료형에는 자바스크립트와 비슷한 문법적 개념들이 많습니다. Data Description Ex Numbers 숫자(단위가 붙어도 상관 없음) 20px, 3rem Strings 문자(따옴표가 안붙어도 상관 없음) "/docs/image.jpg", center, absolute Colors 색상 표현이 가능한 것들 #ffffff, rgba(0, 0, 255, .5), red, orange Booleans 논리(참, 거짓) true, false Nulls 없음(js의 Null) null Lists 공백 혹은 컴마(,)로 구분된 목록 (a, ..

CSS 웹 공부를 해보았다면 CSS를 모를 수가 없을 것 같습니다. CSS(Cascading Style Sheets)란 HTML, XML 등으로 작성된 문서의 스타일을 구현하는 스타일 시트 언어입니다. 간단하게 정리하자면 HTML 문서를 꾸며주는 역할을 수행한다고 이해할 수 있습니다. CSS의 문제점 CSS는 훌륭합니다. 우리가 이렇게 인터넷에서 다채로운 구조 및 색상들을 볼 수 있는 것도 CSS덕분이라고 해도 과언이 아닌 것 같습니다. 그렇다고 CSS에 문제가 없는 것은 아닙니다. 제가 처음 FrontEnd 분야가 재밌다고 느껴져서 공부를 시작했고 클론 코딩을 했었는데, Static CSS 파일에만 코드만 500줄이 넘어가기 시작했었고, 여기서부터 내가 뭘 코딩하고 있었는지, 눈에 들어오지 않기 시작했..

정규표현식이란? 정규 표현식은 문자열에 나타는 특정 문자 조합과 대응시키기 위해 사용되는 패턴입니다. 간단한 문자 검색부터 이메일, 패스워드 검사 등의 복잡한 문자 일치 기능 등을 정규식 패턴으로 빠르게 수행할 수 있습니다. 자바스크립트에서는 정규표현식 또한 객체입니다. 정규표현식의 역할 정규표현식은 크게 3개의 역할들로 구분합니다. 문자 검색(search) 문자 대체(replace) 문자 추출(extract) 본 포스팅은 자바스크립트의 정규식에대해 다루겠습니다. 파이썬, C++ 에서도 정규표현식을 지원하지만, 본 포스팅에서는 자바스크립트 기준으로 공부하고 정리한 것을 올리겠습니다 정규표현식 테스트 사이트 아래의 사이트들에서 간단하게 본인이 작성한 정규식코드를 확인할 수 있습니다. https://rege..