Front (44) 썸네일형 리스트형 Internet Explore 호환 주의사항 웹개발의 웬수같은 Internet Explore.. 가끔 이걸 지원해달라는 회사때문에 참 고통이다. 크롬과 IE를 동시에 개발하면서 다른 점을 정리해보자 리액트를 사용하는경우 Polyfill을 통해 크로스 브라우징을 지원해주고 IE까지 변환해준다. 하지만 IE 브라우저 특성상 이상한 버그가 있기 때문에 주기적으로 IE 브라우저에서 테스트가 필요하다. MOBX를 사용하는 경우 MOBX 4버전(나는 4.15.6로 개발함)을 통해 IE에서 사용 가능하다. 그 윗 버전은 동작하지 않는다ㅜ MOBX 버전으로 인한 이슈 MOBX 4버전은 Observable한 데이터의 하위 구조까지 정확하게 구조를 명시해줘야 값이 변경되었을 때 렌더링을 수행한다. 만약 회사 > 부서 > 멤버의 변화에 따라 화면을 렌더링을 수행하게 .. 코드 리뷰2 App.js const rootStore = new RootStore(); .... + + + {/* GNB에 추가된 LIST 임시로 화면을 보여드리기위해 추가됬습니다. 적용 시 삭제 부탁드립니다. */} App.js 에서 글로벌 상태 모델을 생성하고 을 제공했으면 합니다. 이름을 MVVM 의 modelView 로 통일 다음에 KanbanStore 를 추가적으로 매핑을 할 수는 있는데... components/kanban/ChannelCategories.js - const { match } = this.props; + const { channelType, channelId } = this.props; this.state = { - selectedChannelType: match.params.channel.. package.json 알아보기 https://velog.io/@skyepodium/package.json 코드 리뷰1 전체 코딩 컨벤션 적용 필요 AirBnb 나 Google 쪽을 기반으로 정했으면 함. 에디터에서 해당 설정을 적용했으면 함. 주로 어떤 에디터를 사용해서 작업하는지요? 프로젝트 룸을 만들고, 누가 설정 가이드도 올렸으면 합니다. tabsize 와 tabexpand 체크 되는 거 맞죠? 메소드 이름 짓는 방식도 통일이 필요해보입니다. onChange vs change 명명규칙 디렉토리 구조에 대한 설명 좀 부탁합니다. Atomic Design 구조는 어떤지? 컴포넌트에서 너무 많은 일을 하려고 하는 듯 보입니다. 큰 프로젝트에서는 좋은 방식은 아닌 듯 보입니다. ESLINT 항상 확인해주세요. vscode 를 쓰는데, 간단한 버그들 예를 들여 == 대신에 === 를 사용해야하는 케이스들이 걸려나옵니다. p.. jQuery data()의 이해와 활용 유용한 함수고 실무에서 자주 쓰는 함수이므로 정독해 볼 필요가 있다. http://www.nextree.co.kr/p10155/ JQuery 기존 소스 React로 마이그레이션하는데 생기는 이슈 이슈 1. 전역 변수와 라이프사이클 jQuery를 사용할 때 전역변수로 function을 선언해 놓고 편하게사용하는 프로젝트들이 많다. 예를 들어 아래와 같은 함수를 전역변수로 정의했다고 가정하면 $(function () { $("[data-select]").select(); $("[data-popup]").on("click", function () { var $this = $(this), $parents, $x, $y; if ($this.data("popup") == ".member-select-wrapper") { $this.popup({ type: "open", x: 0, y: 0, width: "100%", }); } else { if ($this.parents(".box-item").length.. 리액트 처음 시작하는 나의 시행착오 노트 환경설정 때 했던 시행착오 1. git에 올리는 파일 public index.html manifest.json robots.txt resources fonts functions images styles temp src App.js index.js .gitignore package.json package-lock.json yarn.lock git clone후 npm install하면 package.json에 있는 모듈이 설치된다. npm start하면 git에서 받은 리액트 시작된다. 나는 초보라 create react app으로 시작했는데 그렇게 하면 쓸데없는 모듈도 많이 추가되어 프로젝트가 커질수록 비효율적이라고 한다. npm init하고 webpack, babel config 설정하고 쓰는 거라고 했.. jQuery 성능 향상 jQuery 성능을 향상하기 위한 몇 가지 방법을 소개하겠습니다. jQuery는 라이브러리이기 때문에 순수 자바스크립트보다 당연히 성능이 안 좋습니다. 안 그래도 느린데 잘못된 방법으로 코딩을 하면 상황을 더 악화시킬 수 있습니다. 그래서 흔히들 하는 실수와 그에 대한 대처 방법을 소개하겠습니다. 변수 저장 우선 첫 번째로 가장 간단한 건데 많이 놓치고 있는 부분이 있습니다. 제이쿼리로 찾은 객체를 변수에 저장하지 않는 겁니다. $('#zero').text('저장하지 않으면 매번 함수가 실행됩니다'); $('#zero').append(''); $('#zero').css('color', '#fff'); 위와 같이 $('#zero')를 여러 번 쓰는 것을 많이 봤습니다. 하지만 흔히 놓치는 사실이 $()는 .. 이전 1 2 3 4 5 6 다음