분류 전체보기 (7) 썸네일형 리스트형 React 앱 시작하기 1. node.js 설치하기 https://nodejs.org/ko/ 접속 > 왼쪽 설치버튼 클릭 > 설치 설치 후 확인은 window버튼+r > cmd > npm -v 로 설치 됬는지 확인가능 2. cmd 창에서 npm install -g create-react-app (global 영역(어디서든 실행)에 npm 설치 한다는 뜻) └ npx로 설치하는 방법도 있는데 npx는 일회성으로 설치 후 삭제되는 명령어 3.개발 환경 셋팅 내가 원하는 폴더에 react를 설치하고자 한다면 cd(change directory) 원하는 폴더를 cmd에 드래그 (경로 복사) 엔터 cd C:\Users\mi\Desktop\mi_study\react\react_study_movie_clone 엔터 > react_study.. [css] table 에 border-radius 효과주기 운영 사이즈 개선 작업 중 table에 border-radius 효과가 안먹힌다. 테이블 기본 스타일에 간격이 생기는데 이것을 없애는 스타일 border-collapse: collapse;을 적용했을 때 border-radius가 충돌해서 border-radius 효과가 적용되지 않는다. 이 방법을 피해서 테이블 외곽에 border 효과를 주려면 table { width: 100px; height: 100px; background-color: skyblue; border-collapse: collapse; border-radius: 10px; border-style: hidden; box-shadow: 0 0 0 1px #000; } box-shadow로 효과를 준다 [출처] CSS. table에 bor.. 기업 홈페이지 오류 개선 (lnb 터치 오류) 웹 접근성 마크를 따기 위해서 조치 했던 부분에서 오류가 났는지 모바일에서 lnb를 클릭했을 때 한번에 슬라이드 다운이 되지 않는 현상 발생. $(function () { var lang = window.location.pathname.match(/\/(kr|en)/g)[0].replace('/', '') $.getJSON('../../resources/json/menu-' + lang + '.json', function (data) { $('.breadcrumb_cont').remove() var menu = data.find(function (elem) { return elem.path === window.location.pathname }) var parent = data.find(function .. 리액트 - 달력만들기 참고 https://eunhee-programming.tistory.com/267 j-query /*** Layout **/ $(function(){ $(window).resize (resizeBox).resize(); function resizeBox(){ var locW = $(window).innerWidth(); var locWs = 1262; var locWs2 = 900; function scrollEvent() { locS = $(window).scrollTop(); if(locS > 50){ $('header, #container').addClass('top'); }else{ $('header, #container').removeClass('top'); } if(locW > locWs2){ var locA1 = $('.cont_area').offset().top; if( locS < .. (J-Query)웹 접근성 대비 탭메뉴 선택시 title 변경 title var t = $(this).text(); // t = 선택(호버, 클릭) 링크의 텍스트 $(".tab_inner a").removeAttr('title'); // 타이틀값을 지우고 $(this).attr('title', t + '선택' ); // 선택된 링크에 텍스트 + 선택 으로 타이틀 보역지게 220406.리액트 (컴포넌트 구성방법) 보호되어 있는 글입니다. 이전 1 다음
