본문 바로가기

IT_Developers1149

JavaScript - let 은 IE11 버전부터 제공합니다. let는 ie10에서 사용이 불가 안녕하세요. 고코더 입니다. ● 1. 프런트엔드를 개발하다 보면 항상 익스플로러가 문제입니다. 유난히 혼자 튀는 거 같습니다. IE11 이 es6을 지원한다고 하지만 다른 브라우저들 모두가 사용하는 기능을 혼자 사용하지 않는 경우가 있습니다. //let let letGoCoder= 123; ● 2 대표적인 게 아마 이것이 아닌가 싶습니다. 바로 let입니다. 물론 ie11부터는 정확히 말하며 부분 지원입니다. 오류가 있기 때문입니다. for문에서 개별적으로 바인딩되지 않는 문제입니다. ● 3. 뭐 그렇다면 방법 없죠. var를 사용하시면 됩니다. // var var varGoCoder= 123; 마무리 익스 그만 운영해도 좋을 거 같은 2021. 1. 18.
CodePen - 코드펜 소스 비공개는 유료 서비스 입니다. 코드펜 소스를 나만 보는 방법 안녕하세요. 고코더 입니다. ● 1. 코드펜은 누구나 무료로 프런트엔드 소스를 저장하고 실습하고 공유할 수 있는 좋은 사이트입니다. 그런데 기본 정책은 공개입니다. 즉 내가 만든 모든 소스들은 누군가 참고하고 수정할 수 있는 것입니다. 그런데 가끔은 비공개로 소스를 나만 가지고 싶을 때가 있습니다. 그럴 경우에는 로컬에서 개발하는 게 맞지만 코드펜에서도 소스를 비공개할 수 있는 방법이 있습니다. ● 2. 유료 서비스를 사용하면 코드펜에서는 "Private Pens, Collections, and Projects." 라는 서비스를 Annual Starter 부터 제공을 합니다. ● 3. 일명 코드펜 Pro가 되면 만들어놓은 소스를 공개하지 않고 혼자만 볼 수 있습니다. 1년에.. 2021. 1. 18.
VSCode - "package-lock.json: For performance reasons, document symbols have been limited to 5000 items.." / 비주얼 스튜디오 코드 비주얼 스튜디오 코드 package-lock.json 설정 안녕하세요. 고코더 입니다. ● 1. package 파일이 있는 프로젝트를 비주얼 스튜디오 코드로 실행 시 아래와 같은 팝업이 뜨는 경우가 있습니다. 자동으로 챙겨주는 VSCode의 세심함은 언제나 감동입니다. " package-lock.json: For performance reasons, document symbols have been limited to 5000 items. Use setting 'json.maxItemsComputed' to configure the limit. " ● 2. 메시지를 번역하자면 성능상의 이유로 5000개 이상의 아이템을 처리하지 못하게 제한을 걸어두었고 이를 해제하려면 옵션을 수정하라고 합니다. 5000개가.. 2021. 1. 17.
React.js - 리액트에서 "Hello JSX!" 출력하기 JSX를 사용해서 페이지 띄우기 안녕하세요. 고코더 입니다. ● 1. 이번 시간에는 JSX를 사용해 간단하게 리액트에서 "Hello JSX"를 표현해보려고 합니다. 리액트를 처음이라면 우선 JSX를 간단하게 사용하는 방법을 배워보는 게 좋을 거 같아서 JSX를 아주 간단하게 작성해보는 시간을 가집니다. 우선 이전에 프로젝트 빌드까지 과정이 끝나야 합니다 카테고리에 있는 글을 차례대로 읽어보시면 좋습니다. 그럼 create-react-app로 프로젝트가 완성되었다고 진행해보겠습니다. ● 2. 프로젝트 폴더에서 index.js 파일을 열어보겠습니다. 다양한 에디터 도구가 있지만 추천하는 건 VSCode로 수정을 해보시길 바랍니다. C:\react\hello\src\index.js ● 3. index.js 안.. 2021. 1. 17.
React.js - 리액트 실행(npm start), 정지(npm stop???) 하는 방법 npm start , npm stop??? 안녕하세요. 고코더 입니다. ● 1. 리액트 프로젝트를 생성 후에는 자동으로 최초 1회 한해서는 자동 실행이 완료됩니다. 그 후에는 직접 해당 프로젝트를 실행할 수 있습니다. 이번 시간에는 create-react-app로 설치한 프로젝트를 시작하고 멈추는 방법을 알아보겠습니다. ● 2. 빌드된 프로젝트를 명령 프롬프트로 이동합니다. 제 블로그와 공부 중이라면 C:\react\hello 폴더에서 실습 중입니다. 해당 폴더에서 아래 명령어를 실행합니다. 프로젝트를 실행하는 npm 명령어입니다. 그럼 자동으로 localhost:3000로 기본 브라우저가 열리면서 결과 값이 보입니다. npm start ● 3. 그렇다면 반대로 stop은 어떻게 할까요? 패키지 파일을 .. 2021. 1. 17.
React.js - JSX란? JavaScript + XML? JSX란? JavaScript eXtension 이란? 안녕하세요. 고코더 입니다. ● 1. 오늘은 JSX에 대해 알아보려고 합니다. 이름도 조금 낯설지만 알고 보면 우리가 익숙하게 사용했던 언어와 많이 닮아 있습니다. 하나둘씩 알아가 보는 시간을 가져보겠습니다. 이번 시간에는 이론적인 부분만 학습하겠습니다. ● 2. JSX란 Javascript+XML의 합성어입니다. 다시 말하면 XML 사용을 허용하는 자바스크립트 확장 문법이라고 말합니다. 빌드 시 Babel에 의해 자바스크립트로 변환됩니다. 자바스크립트와 HTML을 표현할 수 있기 때문에 편리한 개발이 가능합니다. 자바스크립트 내부에 마크업 코드를 작성해줄 수 있습니다. 그리고 변수와 프로퍼티의 바인딩 기능을 제공합니다. ● 3. 개발자에게 익숙하고.. 2021. 1. 17.
Repl.it - 레플릿 깃허브 연동하여 가입하기 github 아이디로 연동하여 회원가입 안녕하세요. 고코더 입니다. ● 1. 이번 시간에는 이메일로 가입이 아닌 깃허브를 연동해서 가입하는 방법을 알아보겠습니다. https://repl.it/signup 회원가입 주소로 접속 후에 깃허브 아이콘을 클릭합니다. ● 2. 깃허브에 로그인한 상태라면 아래처럼 연동을 위한 절차가 진행됩니다. 제공될 정보는 아래와 같습니다. "Authorize Repl.it Online IDE"를 클릭합니다. - GitHub ID - 액세스 할 수 있는 리소스 파악 - 활동 내역 - 계정에 이메일 주소 ● 3. 그런데 가져온 ID가 하이픈을 빼고 입력이 됩니다. 깃허브에서는 gocoder-net으로 가입했는데 리플릿에서는 하이픈이 빠진 gocodernet이 되어버렸습니다. 음 이.. 2021. 1. 17.
Repl.it - 레플릿 이메일로 가입하기 repl.it email로 회원가입 안녕하세요. 고코더 입니다. ● 1. 이전 시간에는 레플릿에서 회원가입 없이 코딩을 연습할 수 있는 방법을 배웠습니다. 하지만 다양한 서비스를 만나보고 싶다면 가입하여 사용하시는 걸 추천합니다. ● 2. 사이트에 접속해서 Sign up을 클릭합니다. 혹은 https://repl.it/signup 에 바로 접속하셔도 좋습니다. ● 3. 접속한 후에는 차례대로 정보를 입력합니다. 첫 번째 칸은 이름을, 두 번째 칸은 이메일을, 마지막 칸은 비밀번호를 입력하고 Sign up를 클릭합니다. ● 4. 그럼 바로 사용할 수 있도록 개인 창이 뜨지만 상단 위에는 "Please verify your email. Resend verification link"라며 이메일을 인증하라고 메.. 2021. 1. 17.
Repl.it - 레플릿 회원가입 없이 코딩 연습하기 회원가입 없이 코딩하기 안녕하세요. 고코더 입니다. ● 1. repl.it는 간단하게 코딩을 연습할 수 있기에 좋은 사이트입니다. UI도 좋고 기능도 강력하며 설치도 필요 없습니다. 그런데 홈페이지에서 "Start coding"을 클릭하면 ● 2. 회원가입 창이 나타납니다. 그래서 회원가입이 필수라고 생각할 수 있는데요. 회원을 가입하지 않아도 간단하게 코딩을 연습할 수 있습니다. ● 3. 바로 해당 URL로 https://repl.it/languages/c 접속하게 되면 바로 코딩이 가능합니다. 그리고 여기서 원하는 언어를 선택하면 바로 회원가입 없이 프로그래밍 연습이 가능합니다. 마무리 그래도 회원가입을 해서 사용하는 게 좋습니다. 2021. 1. 17.

티스토리툴바