프론트 엔드 개발 기록

Babel 최신 언어들을 es5로 변환해주는 트랜스컴파일러. Gulp 반복적인 작업 (ex. 프론트엔드 빌드)에 필요한 작업들을 수행하는Stream기반의 Build System. 코드작성 > JS Test > JS Minify > JS Merge > CSS Minify > CSS Merge > 결과물 폴더에 저장 1. 프로젝트 시작하여 package.json파일 생성 npm init 2. gulp, eslint 전역으로 설치 npm install -g gulp eslint 3. 배포시엔 필요 없으니 --save-dev 설정하여 설치 npm install --save-dev gulp babel-core babel-preset-es2015 gulp-babel@7 gulp-sass gulp-eslint 4. ..

부모 컴포넌트에 정의되어 있는 method를 자식 컴포넌트에서 사용하고 싶을 때. props로 해당 method를 받아 사용한다. *Parent 컴포넌트 *Child 컴포넌트 getParentMethod(parentMethod)

테스트 default 수정 후

자세히 보기 레이어팝업 내용

다 안다고 생각했는데 막상 들춰 보니 잘 몰랐던 태그도 있어서 정리해 보았다. 아래 태그들에 대한 내용이 담겨있다. 굵은 글씨체 중요의미를 지닌 굵은 텍스트 기울어진 텍스트 강조의미를 지닌 기울어진 텍스트 강조 마킹된 텍스트(형광펜느낌) 좀 더 작은 텍스트 삭제됐다는 의미를 지닌 중간 라인 텍스트 삽입됐다는 의미를 지닌 밑줄 텍스트 아래 첨자 텍스트 위 첨자 텍스트 굵은 글씨체 딱히 의미를 지니진 않은, 시멘틱 요소가 없는 태그예요. 그냥 보이는 글씨를 굵게 보이게 해주는 것 뿐! strong태그와 보이는 것은 같지만 태그의 의미는 훨씬 약하다고 할 수 있어요. *보다 더 적합한 태그가 있는지 고려 해 보고 사용하는 것이 좋아요. *에 의미를 넣기 위해 클래스를 사용하는 것도 좋은 방법입니다! 중요의미를..

텍스트가 여러 줄 일 때 말 줄임 스크립트! text area

*2018. 1. 19 작성된 포스트 이번에 부장님께서 사원들 상대로 과제를 내주셨어요. 오늘 서로 피드백 주고 받는 자리를 가졌는데 부장님께서 알려주셨던 내용들 정리해봅니다! 참고로 저희 부문 실장님은 직도 열심히 공부하시는 멋진 분이예요! 직장 상사분을 이렇게 좋아하고 존경할 수 있는지 부장님을 만나고 알게되었답니당. *block 요소 다음 img와 같은 inline 요소를 바로 사용하는 것을 자제하세요. p와 같은 태그로 한번 감싸서 사용 할 것을 고려하세요. *의미없는 img는 css로 처리 하세요. 보통 span이나 가상 css element로 하는 것이 좋아요. *tab menu를 마크업 할때 탭메뉴 버튼 내부에 컨텐츠를 넣는 것이 논리적인 순서에 맞고 키보드로 운영 가능하도록 만들기 쉽습니다..

최신 포탈 사이트의 메일폼에서는 적용되는 css들이 아웃룩 2007같은 옛날 메일폼에서는 적용이 안되기도 한다. 관련하여 참고 가능한 사이트 https://templates.mailchimp.com/resources/email-client-css-support/ Email Client CSS Support | Email Design Reference ©2001-2020 All Rights Reserved. Mailchimp® is a registered trademark of The Rocket Science Group. templates.mailchimp.com 외국 사이트라 우리나라 브라우저는 없지만 어쨋든 고객이나 기획자에게 안되는 이유를 설명할때 부가적으로 보여줄 수 있는 자료였다.