모던자바스크립트01-2

배열여러가지의 항목들이 들어있는 리스트 배열에 새로운것을 넣을 떄 array.push배열의 크기를 알아볼때 array.length 반복문특정 작업을 반복으로 할때 사용특정 조건이 만족하는 동안 계속 돌리다가 조건이 만족되지 않으면 끝낸다. 하지만 상황에 따라서 끝나지 않을때도 있다...

모던자바스크립트01-1

12내마음대로 정리자바스크립트를 기억해보자!!! JS 뭔가요?자바스크립트는 웹브라우저에만 국한되어 있지 않고 다양한곳에서 사용이 되고 있어요node js(런타임)로 통해서 서버를 실행할수 있어요테스크탑 앱, 모바일 앱도 만들어요 변수바뀔수있는 값 - 변수 let - 블록스코프, 재...

HTMLCSS 첫걸음

HTML + CSS + JS웹에서 돌아가는 언어는 세가지HTML + CSS + JS HTML : 뼈대CSS: 디자인JS : 동적 처리 (생동감) 웹표준과 웹접근성웹표준웹에서 사용되는 표준 기술이나 규칙, W3C의 권고안에서 나온 기술 표준화 제정 단계의 ‘권고안’에 해당하는 기술...

컴파일 명렁어

12npm run dev (dev 환경)npm run build && yarn start (production 환경) 사실 이 차이를 잘은 모르겠어서 정리합니다. run dev는 CRA(create-react-app)이나, Next처럼 여러 라이브러리가 결합된 프로...

iOSfixed오류

현상우리는 antd mobile을 사용 하고 있었고 주소입력 화면은 modal로 되어있었다. 주소를 검색하면 스크롤이 일어나고 하단에는 주소검색이라는 버튼이 있었다. 버튼영역에는 position:fixed를 가지고 있었고 이상하게도 아이폰인 경우 어떠한 브라우저에서도 positi...

FRONT ENDGAME

천민호-펍지프레임워크 철학리액트 철학 개발자 철저한 방목형 -> 많은 선택권을 줍니다. 동기화는 setState 동기화 하는 시점을 개발자에게 맡긴다. 앵굴러 철학 사용자 철저한 사육형 앱 상태 변화가 일어날 것 같으면 앵귤러가 알아서 앵귤러 알아될것들이 너무 많음...

ReactNext 실습

현재 더 좋은 서비스를 제공하고자 플랫폼을 위와 글미처럼 도입한다. React와 Redux, Node.js, webpack을 조합은 서비스를 운영하면서 데이터를 처리하는 로직이 복잡해지고 관리해야 하는 플러그인이 늘어나는 등 개발자의 부담을 늘리는 일이 생긴다. REST API와...

nvm으로 쉽게하는 Node관리

nvm node 버전 관리https://github.com/nvm-sh/nvm#long-term-supporthttps://tutorialpost.apptilus.com/posts/nodejs/nvm-for-node-version-manager/ Node.js의 패키지 생태계인 n...

GraphQL, Apollo

현재 더 좋은 서비스를 제공하고자 플랫폼을 위와 글미처럼 도입한다. React와 Redux, Node.js, webpack을 조합은 서비스를 운영하면서 데이터를 처리하는 로직이 복잡해지고 관리해야 하는 플러그인이 늘어나는 등 개발자의 부담을 늘리는 일이 생긴다. REST API와...

React Next

React Next123나는 그저 SSR을 하기위해서 Next라는 프레임워크사용한다. 정도만 알고 있었고 SEO와 웹속도가 빠르게 하기 위해서 사용한다 정도??이번에는 진짜 공부를 해서 프로젝트에 사용해야함~ 👻 서버사이드 렌더링(SSR)장점. 검색엔진 최적화(SEO) - B2...