https://www.w3schools.com/js/js_regexp.asp JavaScript RegExp ObjectW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.www.w3schools.com
전체 글
https://print-blue.tistory.com/191 [React] 예시 1. 순수한 자바스크립트 페이지를 리액트 JSX 문법으로 바꾸기1. 자바스크립트로 구현# p240530/react/ex01-javascript.html 상품 1 페이지 추가 🤍 기본 페이지기능 1. 좋아요 버튼 클릭시 하트 색 변경&이미지 추가된 모습 2. 자바스크립트를 리액트 JSX 문법으로 변print-blue.tistory.comhttps://print-blue.tistory.com/193 [React] 예시 2. 순수한 자바스크립트 페이지를 리액트 component 로 바꾸기https://print-blue.tistory.com/191 [JavaScript ] 예시 1. 순수한 자바스크립트 페이지# p240530..
내 기억으론 17년쯤부터인가 대학교 수업때 이제 쿠팡이 점점 치고 올라온다 라는 내용으로 배웠는데 이제는 뭐 대기업 느낌 ..! 구글과 마이크로 소프트, 그리고 쿠팡 이 3개의 기업엔 어떤 공통점이 있을까 ?!구글과 마이크로소프트는 어느 정도 유사해보이지만, 쿠팡도 ? 라는 생각을 하게 된다 근데 로고를 보면 어 ! 하는 부분이 있는데 ,세 기업 모두 로고에 빨강, 초록, 노랑, 파랑 으로 이루어져 있다 한 두가지면 모르겠는데 4가지 모두 겹치는 건 우연이라 보기 어렵다 ! 로고 색이 가지는 의미일반적으로 기업들은 브랜드 아이덴티티를 명확히 하기 위해 1가지 색상을 포인트로 하는 경향이 있다고 한다.네이버는 초록색트위터는 파란색카카오는 노란색그리고 포인트가 되는 색에는 각 기업이 추구하는 방향성과 비전..
React.js 사용하는 이유그 전 개발을 하면서 맛만 봤던 거라 정확하게 이게 뭔지 어떨 때 써야하는지 몰랐다프론트 수업을 들으면서 HTML, CSS 그리고 JavaScript 관련 수업을 듣고, 자연스럽게 다음 진도인 React 수업을 듣는데,React 를 왜 쓰지 그냥 html 구조를 짜면 되는 거 아닌가 굳이 할 필요가 있나 했는데 결국 html 도 반복되는 구조가 있고 그러다 보면 코드가 길어지는데 이걸 React 가 해결해줄 수 있다 React 가 만든 DOM(가상의 돔)이라 불리고, React 작업할 때 기준을 잡아야 되기 때문에html 에는 1~2개(미완성 html) 밖에 없다고 한다.element 가 동적으로 추가가 되면서 클라이언트 쪽에서 실행이 되는데이때 렌더링이 된다 ! 공식 문서를..
https://print-blue.tistory.com/191 [JavaScript ] 예시 1. 순수한 자바스크립트 페이지# p240530/react/ex01-javascript.html 상품 1 페이지 추가 🤍 기본 페이지기능 1. 좋아요 버튼 클릭시 하트 색 변경&이미지 추가된 모습\print-blue.tistory.comhttps://print-blue.tistory.com/193 [React] 예시 2. 순수한 자바스크립트 페이지를 리액트 component 로 바꾸기https://print-blue.tistory.com/191 [JavaScript ] 예시 1. 순수한 자바스크립트 페이지# p240530/react/ex01-javascript.html 상품 1 페이지 추가 🤍 기본 페이지..
https://print-blue.tistory.com/191 [JavaScript ] 예시 1. 순수한 자바스크립트 페이지# p240530/react/ex01-javascript.html 상품 1 페이지 추가 🤍 기본 페이지기능 1. 좋아요 버튼 클릭시 하트 색 변경&이미지 추가된 모습\print-blue.tistory.comhttps://print-blue.tistory.com/193 [React] 예시 2. 순수한 자바스크립트 페이지를 리액트 component 로 바꾸기https://print-blue.tistory.com/191 [JavaScript ] 예시 1. 순수한 자바스크립트 페이지# p240530/react/ex01-javascript.html 상품 1 페이지 추가 🤍 기본 페이지..
https://print-blue.tistory.com/191 [JavaScript ] 예시 1. 순수한 자바스크립트 페이지# p240530/react/ex01-javascript.html 상품 1 페이지 추가 🤍 기본 페이지기능 1. 좋아요 버튼 클릭시 하트 색 변경&이미지 추가된 모습\print-blue.tistory.com 그 전 작업과 동일하지만 component 기반으로 수정해보자 !이 전 작업은 생략 ! script 영역function H1(props) { return 상품 1페이지{ props.children }}function H1(props) { return 상품 1페이지{ props.children }} const Form = () => { // 함수 표현식 익명 함수 ret..
Babel Babel is a JavaScript compiler. 즉 자바스크립트 컴파일러이다 ! 자바스크립트는 인터프리터 언어인데 왜 컴파일러가 필요하지 ? 라는 생각을 가질 수 있다 !정확히는 babel 이 javascript 로 결과물을 만들어주는 컴파일러다 트랜스파일(transpile) 라 불림 ! https://bravenamme.github.io/2020/02/12/what-is-babel/ babel 이란 무엇인가?들어가며 최근에 react 프로젝트와 typescript 프로젝트를 거치면서 webpack 을 자주 써보고 세팅해보게 되었습니다. 처음에는 동작의 원리보다 요즘 잘나가는 프론트엔드 개발 환경 만들기라는 목표bravenamme.github.io