초보자 [초보자용]Cloud9에서 5분만에 할 수 있는 "Yay! You’re on Rails!" 코드를 작성하기 전에 귀찮은 경우가 많다! 그런 때에 사용할 수 있는 것이, 종합 개발 환경, IDE입니다! 오분에 "Yay! You’re on Rails!"까지 간다! (AWS 계정은 가지고 있다고 가정) IDE (Integrated Development Environment)라고합니다. 터미널 에디터 (실제로 코드를 입력하는 곳) 환경이 이미 작성된 것을 브라우저상에서 조작할 수 있다. ... RailsIDE초보자루비cloud9 정말, 이 손의 문제 해결은 시간이 걸린다! Chrome의 로컬 호스트에서 SSL 인증서를 신뢰하는 방법! ! SSL certificate is not valid. 여러가지 조사한 바, SSL 증명서라고 하는 것을 발행해, Stripe에 신뢰시키지 않으면 안 되는 것 같다. 이 손의 문제는 정말 서투른. 우선 문제는 해결할 수 있었으므로, 그 방법을 간과해 갑니다! 먼저 SSL 인증서를 발급하지 않은 경우 Chrome의 URL 부분에 '안전한 사이트가 아닙니다'라는 내용이 쓰여 있다고 생각합니다. 우... 스트라이프오류로컬 개발 환경초보자SSL 【공부용】 OS와 Linux에 대해 초보자 관점에서 「분명히 다르다」라고 하는 것이 있으면, 지적해 주시면 다행입니다. OS는 Operating System(운영 체제)의 약자로, 인간이 컴퓨터를 사용하는데 있어서 편리하게 해 주는 것입니다. 스마트폰으로 말하면 iPhone에서는 iOS, Android에서는 AndroidOS가 사용되고 있습니다. PC로 말하면, Windows에서는 WindowsOS, Mac에서는 macOS가 사용되고 있습니다... 초보자오 S리눅스 Hyper-V에 사쿠토 CoreOS 설치 Windows 10 pro Hyper-V에 CoreOS를 설치하는 단계입니다. CoreOS의 공부를 시작하고 싶은 분에게는 곧바로 구축할 수 있는 환경이 됩니다 앱과 기능으로 Hyper-V를 활성화하세요! 다운로드 Hyper-V 관리자에서 "가상 스위치 관리자"- "새 가상 네트워크 스위치"- "외부"만들기 「외부 네트워크」로 외부와 통신할 수 있는 NIC를 선택(이미 선택된 NIC는 에러가... CoreOS초보자Hyper-V SANs 란 무엇입니까? 들은 적 없을지도. 뭐야 SANs란? Subject Alternative Names의 약자로, CN(Common Name)의 추가입니다. SSL 인증서는 하나의 FQDN에 하나씩 필요하지만, SAN을 활용하여 하나의 SSL 인증서로 여러 FQDN을 구성할 수도 있습니다. 이미지 설정 이미지는 다음과 같습니다. CN : SANs : sslsyoumeisyo.com SANs : sslsyoume... 초보자SANsSSL 인증서 Win32API 입문 학습 기록 ~창 만들기~ Windows10 Home ver1909 표준 Windows API 70까지 학습 완료 우선 Windows API를 사용하는 최소 프로그램 Win32API1.cpp 아마 이것이 가장 작은 프로그램 int WINAPI WinMain(HINSTANCE, HINSTANCE, LPSTR, int) 실행 후 종료하기만 하면 됩니다. windows이고 창을 만들 수 없다면 Win32API2.cpp 이제... VisualStudio2017Win32APIWindows초보자입문 【Visual Studio 2017】 타인의 GitHub 리포지토리에 푸시하는 방법 이 기사에서는 Visual Studio 2017에서 GitHub를 다루는 기사입니다. "Git for Windowws"나 "Visual Studio GitHub 연동 구성 요소"를 도입하지 않은 경우 을 참조하십시오. 상대방에서 리포지토리에 초대받습니다. 초대되면 초대 메일이 도착하므로 메일을 열고 메일 내의 "View invitation"(녹색 버튼)을 누릅니다. "Accept invita... GitHubVisualStudio2017VisualStudio초보자Git LINE Notify와 Gas를 사용해 ~Google 캘린더 예정 통지편~ 요전날 치과 의사의 예정을 날려버렸기 때문에, GAS를 사용해 LINE에 예정을 통지하는 기능을 만들었습니다. (다른 기사에서 하는 기능에 대해서도 쓰고 있습니다.) ※ GAS의 사용법, LINE Notify에 대해서 등은 그 밖에 많이 기사가 나와 있으므로 할애하고 있습니다. 매주 일요일 밤에 1주일 분의 일정을, 전날 밤에 다음 날의 일정을 보내도록 합니다. 만드는 것 사전 준비 1) G... Line초보자GoogleAppsScriptLineNotifygas 【초보자용】Raspberry Pi로 인감 센서 만들어 LINE에 통지해 보았다! Raspberry Pi를 센서 모듈에 연결하여 감지 정보를 자신의 LINE에 알리는 인감 센서를 만들어 보았습니다. 상태에서 시작하여 센서가 반응하면 LINE에 알려주는 것을 만들어 보았습니다. RaspBerry Pi Zero ・USB 허브 ・USB 키보드 ·플라스틱 해머 ・GPIO 해머 헤더 GPIO Hammer Header를 사용하여 GPIO 핀을 플라스틱 망치로 플라스틱 망치로 라즈파이... RaspberryPiONEWEDGE전자 공작초보자LineNotify Pycharm에서 MicroPython 플러그인을 설치하면 오류가 발생하여 버전 지정 Pycharm에서 micropython 코드를 쓰려고 설정하면 오류가 나오고 집착했기 때문에 메모. 설정이 끝나면 코드를 매번 드래그 앤 드롭하지 않고 micro : bit에 직접 쓸 수 있습니다. macOS Mojave 10.14.4 Python3.7 PyCharm 2019.1 Pycharm에 플러그인 "MicroPython"을 설치하고 Preferences < Languages & Fra... PycharmPython3micropython초보자microbit 형태소 분석은 데스크톱을 구성하는 데 도움이? 문자×기계 학습에 흥미를 가져와 개인 범위의 용도를 생각해, 폴더 정리에 사용할 수 있을까 생각해 검토를 시작했습니다. 이번 검토에서는 폴더 구성 & text의 읽기 → mecab × wordcloud를 실시하고 있습니다. 그 결과 특정 계층 이하를 wordcloud로 정리할 수 있었습니다. 형태소 해석을 사용하면 빈출 단어의 경향을 알 수 있으므로, 아래의 조건화에서는 파일 정리가 가능한 ... 포엠형태소 분석데이터 분석초보자기계 학습 Firebase Authentication은 토큰 인증을 사용하는 이야기 요 전날 Firebase를 이용하여 Vue.js에서 만든 SPA(Single Page Application)에 인증 기능을 폭속으로 구현한 적이 있었다. Firebase가 제공하는 공식 을 사용하여 1시간과 100행 이내의 구현으로 인증 기능을 만들 수 있었다. 이 기사에서는 Firebase SDK의 뒷면을 탐구하고 Firebase Authentication의 구조를 이해하고 구현한 소감을 ... authenticationFirebaseJWT초보자FirebaseAuth 【Vue.js】지연 로딩과 vue-cli3의 prefetch의 구조 일에서 사용하게 되었기 때문에 1부터 Vue.js에 대해 배웠다. 지연 로딩 SPA의 성능을 향상시키기 위해 특정 구성 요소가 필요할 때 로드해야 합니다. 왜 지연 로딩 메커니즘이 있습니까? router로 정의하고 있는 컴퍼넌트가 늘어나고, 실제로는 특정의 조작을 할 때 밖에 사용하지 않는 컴퍼넌트도 나온다. 그 때, 디폴트의 vue-router에서는, SPA의 컴퍼넌트 모두를 로드하는 구조... 프런트 엔드vue-routerVue.js자바스크립트초보자 【Vue.js】scrollBehavior 함수로 페이지 천이시의 스크롤을 유효하게 하는 비동기의 경우(transition 있음)도 원래 Vue.js에서는 event.preventDefault() 가 효과가 있어 디폴트의 움직임을 하지 않는다 아래와 같이 router-link 의 to 에 hash(#) 가 붙은 URL을 지정해, 그 링크를 클릭해 브라우저로 그 URL에 천이해도, id=next-user 의 요소에 자동적으로 스크롤 하지 않는다. (URL을 브라우저에 직타했을 때는, 브라우저의 기능으로 id=next-use... 프런트 엔드vue-routerVue.js자바스크립트초보자 【Vue.js】vue-router의 동적 URL로 파라미터가 바뀌었을 때, 라이프 사이클 훅은 불리지 않기 때문에 주의 일에서 사용하게 되었기 때문에 1부터 Vue.js에 대해 배웠다. 제대로 기억하지 않으면 우선 그런 것을 비망록으로 하나하나 남겨둔다. vue-router의 동적 URL이란? 다음과 같이 /users/ 에 계속되는 임의의 캐릭터 라인의 URL (URL 패스의 :id 의 부분이 그것)인 경우에, 그 때에 있는 컴퍼넌트를 표시하게 하는 설정의 일. router.js vue-router의 동적 U... 프런트 엔드vue-routerVue.js자바스크립트초보자 【VSCode 플러그인】 코딩 초보자야말로 Prettier를 우선 인스톨하자(동영상 해설 첨부) 이 기사는 「HTML&CSS속습 교실」의 학습 페이지의 하나 「 발췌한 것입니다. Prettier가 어떤 것인지 알 수 있습니다 VSCode 플러그인 설치 방법을 알 수 있습니다 Prettier 플러그인을 활성화하기위한 구성 단계를 알 수 있습니다 Prettier를 한마디로 설명하면 「코드를 깨끗하게 성형해 주는 툴」이 됩니다. 코딩 학습을 시작한지 얼마 안된 초보자 있다고 생각합니다만, H... 초보자플러그인VSCodeprettier코딩 【Pandas】DatetimeIndex란? no.29 안녕하세요, 마유미입니다. Pandas에 대한 기사를 시리즈로 작성하고 있습니다. 이번은 제29회의 기사가 됩니다. 에서 Pandas의 시간에 대한 모듈에 대해 씁니다. 이번 기사에서는, 「DatetimeIndex」에 대해서 특화해 써 갑니다. 그럼 바로 시작하겠네요. DatetimeIndex란 말 그대로, 「시간의 데이터」로 인덱스를 만들 수 있습니다. 이전 기사에서 소개한 Pandas의 ... pandas파이썬datetime초보자 가상화폐의 시가총액과 Qiita 관련 기사수의 상관관계를 조사해 보았다! 첫 투고가 됩니다! "있으면 좋겠다!"나 "신경이 쓰인다!"를 형태로 가려고 생각합니다. 프로그래밍 경험이 없는 초보자입니다만, 아웃풋 중시로 발신을 해 나가려고 생각하므로, 아무쪼록 잘 부탁드립니다! 코로나 화가 되어, 외출도 별로 하지 않게 된 오늘 요즘 여러분은 어떠세요? 나는 뭔가 새로운 취미를 생각하고 몇 년 전에했던 가상 통화를 재개했습니다. cryptocurrency가 가진 변동... 가상 통화QiitaAPI자바스크립트초보자crypto Qiita API를 터치해보세요 설정에서 진행 에서도 진행합니다. 응용 프로그램 > 개인 액세스 토큰 > 새 토큰 발행 액세스 토큰 발행 여기에 스코프가 몇 개인가 생각합니다만, 자세한 것은 이하입니다. Qiita Team는 상관없기 때문에 생략한다. 또한 이번에는 데이터를 쓰지 않으므로 write_qiita는 생략하고 최소 권한으로 유지합니다. 선택이 완료되면 발행으로 진행합니다. 발행 발급하면 개인 액세스 토큰에 액세스... QiitaAPI초보자 React에서 QiitaAPI를 두드려 앱 만들기 입문 React 공부를 시작했기 때문에 시작에 API를 두드려 초간단한 앱을 처음부터 만들어 보는 연습을 했습니다. 이번에 사용한 API는 입니다. 작성한 앱은 에 있습니다. 어떤 API를 두드릴지 결정할 때 참고로 한 기사 앱을 만들 때 참고한 기사 create-react-app를 사용하여 앱의 병아리를 만들 수 있습니다. 이번에는 react-api-study라는 앱 이름으로 만들었습니다. 참고... QiitaAPI초보자React 슈퍼 쉬운 copipe만 구글 채팅에 bot 설정 _ 알라피프 GAS 초보자가 업무 효율화 주차 미팅 때에 약간의 진척 보고의 자료를 갱신하지 않으면 안 되지만, 몇개인가 있으면 저것은 저쪽으로, 이쪽에서… 거기서, 미팅의 어느 날 아침에 부서의 chat에 갱신하는 자료의 URL을 정리해 보내 주는 나득bot을 만들었습니다. 여러가지 만들 수 있으면 편리하기 때문에 bot 만드는 법을 사내에 전파하기 위해 기사로 하고 있습니다. (Qiita 레벨의 기사가 아니어서 미안해) 로그인해... 초보자GoogleAppsScriptWebhookgas CORS란? s3라든지 cloudfront에 있는 이미지···? 안마시란 CORS란? Cross-Origin Resource Sharing의 약자로 오리진 간 리소스 공유의 의미입니다. 브라우저에서 보는 페이지와 다른 도메인에서 데이터를 검색할 수 있는 메커니즘입니다. 브라우저는 보안상의 크로스 사이트 스크립팅을 방지하기 위해 오리진 도메인의 서버와만 통신할 수 있는 제약이 있습니다. 크로스 사이트 스크... CORS초보자 【Ajax】 로컬 파일을 읽으려고하면 CORS 오류가 발생하여 해결되었습니다. 에서 학습하는 동안 다음과 같은 오류가 발생하여 해결 방법을 남겨 둡니다. 위의 오류로 곤란한 사람 CORS 에러를 로컬 서버 구축으로 해결할 수 있다 Chrome 검증 도구의 경우. Firefox 개발 도구의 경우. Firefox의 경우 위의 오류 문 다음에 자세한 링크가 붙었습니다. ※mozilla의 사이트에 링크하기 위해인지, Chrome에서는 나오지 않았기 때문에 친절! Firefox... CORS초보자아약스 IntelliJ+plantUML을 사용하여 모델 다이어그램 관리 당신이 평소에 팀에서 개발을 하고 있는 경우, 그 구현에 있어서는 반드시라고 말해도 좋을 만큼 유스 케이스 다이어그램이나 ER 다이어그램 등의 모델 다이어그램의 작성, 운용의 필요성이 생기는 것은 아닐까요. 이 기사에서는 plantUML이라는 DSL (도메인 전문 언어)을 사용하여 이러한 모델 다이어그램을 만드는 이점과 방법을 요약합니다. 변경사항을 Git에서 관리할 수 있습니다. 도메인 다... IntelliJ시퀀스 다이어그램초보자도메인plantuml /root 아래에 있는 anaconda-ks.cfg 란 무엇입니까? 를 보면,anaconda-ks.cfg는 킥 스타트 파일이라고합니다. 킥스타트 파일을 사용하면 같은 방법으로 OS 설치를 할 수 있게 된다. 설치시의 다음 화면에서 tabキー를 누르면 입력 화면이되므로 http 때 : inst.ks=http://IPアドレス/ks.cfg DVD 예 : inst.ks=cdrom:/ks.cfg... redhat초보자 JSX를 작성하는 방법 React가 표시되는 흐름은, 에도 쓴 대로, ① DOM의 요소를 취득 ② 가상 엘리먼트 작성 ③ 렌더링 입니다. 이 흐름을 매번 쓰는 것은 힘들기 때문에, 같은 일을 해도 보다 간단한 쓰기가 있습니다. 그것이 JSX입니다. JSX는 Javascript를 확장한 쓰는 방법으로 HTML 태그를 Javascript 스크립트에 직접 기술하는 구조. JSX는 자바스크립트이므로 물론 자바스크립트를 포... 초보자ReactJSX React 입문 도장 ~ JSX 기초 문법 ~ React를 학습하고 JSX에 대해 이해가 얕아서 이번에 간단하게 정리해 보았습니다. JSX는, 원래 무엇이라고 생각한 사람은 이쪽으로부터 참조해 주세요. ①React 라이브러리를 import한다 ②return 문 안이 JSX 구문 기본적으로 HTML과 같은 구문. class 요소는 className으로 바뀝니다 JSX의 외형은 HTML이지만, 실제 Javascript로 주의가 필요! cla... 초보자ReactJSX React 입문 도장 ~ JSX는 뭐야 ~ React를 학습하고 JSX에 대해 이해가 얕아서 이번에 간단하게 정리해 보았습니다. 「JSX」란, 「JavaScript XML」의 약어이며, JavaScript의 확장 언어이다. React의 컴퍼넌트내에서 마크업 언어를 기술하기 위한 HTML인 구문이 사용 가능. React의 특징으로 HTML 태그를 포함 할 수 있습니다. 브라우저에 화면을 그릴 때 HTML 문서 언어로 자바 스크립트에서 ... 초보자ReactJSX React에서 별 등급 구현 React를 사용하고 별 등급을 구현할 기회가 있었으므로 비망록으로 적습니다. 덧붙여서 이번은 패키지를 일절 사용하고 있지 않기 때문에, 패키지를 사용해 보다 세련된 레이팅을 만들고 싶은 분은 구구라고 봐 주세요. npm 패키지 ※이것보다 세련된 레이팅을 구현하고 싶은 분은 패키지등의 컴퍼넌트를 구구 해 보세요. 만드는 방법은 대충 말하면 이런 느낌입니다. State에서 빛나는 별의 수를 관... 별 모양 등급초보자ReactJSX 이전 기사 보기
[초보자용]Cloud9에서 5분만에 할 수 있는 "Yay! You’re on Rails!" 코드를 작성하기 전에 귀찮은 경우가 많다! 그런 때에 사용할 수 있는 것이, 종합 개발 환경, IDE입니다! 오분에 "Yay! You’re on Rails!"까지 간다! (AWS 계정은 가지고 있다고 가정) IDE (Integrated Development Environment)라고합니다. 터미널 에디터 (실제로 코드를 입력하는 곳) 환경이 이미 작성된 것을 브라우저상에서 조작할 수 있다. ... RailsIDE초보자루비cloud9 정말, 이 손의 문제 해결은 시간이 걸린다! Chrome의 로컬 호스트에서 SSL 인증서를 신뢰하는 방법! ! SSL certificate is not valid. 여러가지 조사한 바, SSL 증명서라고 하는 것을 발행해, Stripe에 신뢰시키지 않으면 안 되는 것 같다. 이 손의 문제는 정말 서투른. 우선 문제는 해결할 수 있었으므로, 그 방법을 간과해 갑니다! 먼저 SSL 인증서를 발급하지 않은 경우 Chrome의 URL 부분에 '안전한 사이트가 아닙니다'라는 내용이 쓰여 있다고 생각합니다. 우... 스트라이프오류로컬 개발 환경초보자SSL 【공부용】 OS와 Linux에 대해 초보자 관점에서 「분명히 다르다」라고 하는 것이 있으면, 지적해 주시면 다행입니다. OS는 Operating System(운영 체제)의 약자로, 인간이 컴퓨터를 사용하는데 있어서 편리하게 해 주는 것입니다. 스마트폰으로 말하면 iPhone에서는 iOS, Android에서는 AndroidOS가 사용되고 있습니다. PC로 말하면, Windows에서는 WindowsOS, Mac에서는 macOS가 사용되고 있습니다... 초보자오 S리눅스 Hyper-V에 사쿠토 CoreOS 설치 Windows 10 pro Hyper-V에 CoreOS를 설치하는 단계입니다. CoreOS의 공부를 시작하고 싶은 분에게는 곧바로 구축할 수 있는 환경이 됩니다 앱과 기능으로 Hyper-V를 활성화하세요! 다운로드 Hyper-V 관리자에서 "가상 스위치 관리자"- "새 가상 네트워크 스위치"- "외부"만들기 「외부 네트워크」로 외부와 통신할 수 있는 NIC를 선택(이미 선택된 NIC는 에러가... CoreOS초보자Hyper-V SANs 란 무엇입니까? 들은 적 없을지도. 뭐야 SANs란? Subject Alternative Names의 약자로, CN(Common Name)의 추가입니다. SSL 인증서는 하나의 FQDN에 하나씩 필요하지만, SAN을 활용하여 하나의 SSL 인증서로 여러 FQDN을 구성할 수도 있습니다. 이미지 설정 이미지는 다음과 같습니다. CN : SANs : sslsyoumeisyo.com SANs : sslsyoume... 초보자SANsSSL 인증서 Win32API 입문 학습 기록 ~창 만들기~ Windows10 Home ver1909 표준 Windows API 70까지 학습 완료 우선 Windows API를 사용하는 최소 프로그램 Win32API1.cpp 아마 이것이 가장 작은 프로그램 int WINAPI WinMain(HINSTANCE, HINSTANCE, LPSTR, int) 실행 후 종료하기만 하면 됩니다. windows이고 창을 만들 수 없다면 Win32API2.cpp 이제... VisualStudio2017Win32APIWindows초보자입문 【Visual Studio 2017】 타인의 GitHub 리포지토리에 푸시하는 방법 이 기사에서는 Visual Studio 2017에서 GitHub를 다루는 기사입니다. "Git for Windowws"나 "Visual Studio GitHub 연동 구성 요소"를 도입하지 않은 경우 을 참조하십시오. 상대방에서 리포지토리에 초대받습니다. 초대되면 초대 메일이 도착하므로 메일을 열고 메일 내의 "View invitation"(녹색 버튼)을 누릅니다. "Accept invita... GitHubVisualStudio2017VisualStudio초보자Git LINE Notify와 Gas를 사용해 ~Google 캘린더 예정 통지편~ 요전날 치과 의사의 예정을 날려버렸기 때문에, GAS를 사용해 LINE에 예정을 통지하는 기능을 만들었습니다. (다른 기사에서 하는 기능에 대해서도 쓰고 있습니다.) ※ GAS의 사용법, LINE Notify에 대해서 등은 그 밖에 많이 기사가 나와 있으므로 할애하고 있습니다. 매주 일요일 밤에 1주일 분의 일정을, 전날 밤에 다음 날의 일정을 보내도록 합니다. 만드는 것 사전 준비 1) G... Line초보자GoogleAppsScriptLineNotifygas 【초보자용】Raspberry Pi로 인감 센서 만들어 LINE에 통지해 보았다! Raspberry Pi를 센서 모듈에 연결하여 감지 정보를 자신의 LINE에 알리는 인감 센서를 만들어 보았습니다. 상태에서 시작하여 센서가 반응하면 LINE에 알려주는 것을 만들어 보았습니다. RaspBerry Pi Zero ・USB 허브 ・USB 키보드 ·플라스틱 해머 ・GPIO 해머 헤더 GPIO Hammer Header를 사용하여 GPIO 핀을 플라스틱 망치로 플라스틱 망치로 라즈파이... RaspberryPiONEWEDGE전자 공작초보자LineNotify Pycharm에서 MicroPython 플러그인을 설치하면 오류가 발생하여 버전 지정 Pycharm에서 micropython 코드를 쓰려고 설정하면 오류가 나오고 집착했기 때문에 메모. 설정이 끝나면 코드를 매번 드래그 앤 드롭하지 않고 micro : bit에 직접 쓸 수 있습니다. macOS Mojave 10.14.4 Python3.7 PyCharm 2019.1 Pycharm에 플러그인 "MicroPython"을 설치하고 Preferences < Languages & Fra... PycharmPython3micropython초보자microbit 형태소 분석은 데스크톱을 구성하는 데 도움이? 문자×기계 학습에 흥미를 가져와 개인 범위의 용도를 생각해, 폴더 정리에 사용할 수 있을까 생각해 검토를 시작했습니다. 이번 검토에서는 폴더 구성 & text의 읽기 → mecab × wordcloud를 실시하고 있습니다. 그 결과 특정 계층 이하를 wordcloud로 정리할 수 있었습니다. 형태소 해석을 사용하면 빈출 단어의 경향을 알 수 있으므로, 아래의 조건화에서는 파일 정리가 가능한 ... 포엠형태소 분석데이터 분석초보자기계 학습 Firebase Authentication은 토큰 인증을 사용하는 이야기 요 전날 Firebase를 이용하여 Vue.js에서 만든 SPA(Single Page Application)에 인증 기능을 폭속으로 구현한 적이 있었다. Firebase가 제공하는 공식 을 사용하여 1시간과 100행 이내의 구현으로 인증 기능을 만들 수 있었다. 이 기사에서는 Firebase SDK의 뒷면을 탐구하고 Firebase Authentication의 구조를 이해하고 구현한 소감을 ... authenticationFirebaseJWT초보자FirebaseAuth 【Vue.js】지연 로딩과 vue-cli3의 prefetch의 구조 일에서 사용하게 되었기 때문에 1부터 Vue.js에 대해 배웠다. 지연 로딩 SPA의 성능을 향상시키기 위해 특정 구성 요소가 필요할 때 로드해야 합니다. 왜 지연 로딩 메커니즘이 있습니까? router로 정의하고 있는 컴퍼넌트가 늘어나고, 실제로는 특정의 조작을 할 때 밖에 사용하지 않는 컴퍼넌트도 나온다. 그 때, 디폴트의 vue-router에서는, SPA의 컴퍼넌트 모두를 로드하는 구조... 프런트 엔드vue-routerVue.js자바스크립트초보자 【Vue.js】scrollBehavior 함수로 페이지 천이시의 스크롤을 유효하게 하는 비동기의 경우(transition 있음)도 원래 Vue.js에서는 event.preventDefault() 가 효과가 있어 디폴트의 움직임을 하지 않는다 아래와 같이 router-link 의 to 에 hash(#) 가 붙은 URL을 지정해, 그 링크를 클릭해 브라우저로 그 URL에 천이해도, id=next-user 의 요소에 자동적으로 스크롤 하지 않는다. (URL을 브라우저에 직타했을 때는, 브라우저의 기능으로 id=next-use... 프런트 엔드vue-routerVue.js자바스크립트초보자 【Vue.js】vue-router의 동적 URL로 파라미터가 바뀌었을 때, 라이프 사이클 훅은 불리지 않기 때문에 주의 일에서 사용하게 되었기 때문에 1부터 Vue.js에 대해 배웠다. 제대로 기억하지 않으면 우선 그런 것을 비망록으로 하나하나 남겨둔다. vue-router의 동적 URL이란? 다음과 같이 /users/ 에 계속되는 임의의 캐릭터 라인의 URL (URL 패스의 :id 의 부분이 그것)인 경우에, 그 때에 있는 컴퍼넌트를 표시하게 하는 설정의 일. router.js vue-router의 동적 U... 프런트 엔드vue-routerVue.js자바스크립트초보자 【VSCode 플러그인】 코딩 초보자야말로 Prettier를 우선 인스톨하자(동영상 해설 첨부) 이 기사는 「HTML&CSS속습 교실」의 학습 페이지의 하나 「 발췌한 것입니다. Prettier가 어떤 것인지 알 수 있습니다 VSCode 플러그인 설치 방법을 알 수 있습니다 Prettier 플러그인을 활성화하기위한 구성 단계를 알 수 있습니다 Prettier를 한마디로 설명하면 「코드를 깨끗하게 성형해 주는 툴」이 됩니다. 코딩 학습을 시작한지 얼마 안된 초보자 있다고 생각합니다만, H... 초보자플러그인VSCodeprettier코딩 【Pandas】DatetimeIndex란? no.29 안녕하세요, 마유미입니다. Pandas에 대한 기사를 시리즈로 작성하고 있습니다. 이번은 제29회의 기사가 됩니다. 에서 Pandas의 시간에 대한 모듈에 대해 씁니다. 이번 기사에서는, 「DatetimeIndex」에 대해서 특화해 써 갑니다. 그럼 바로 시작하겠네요. DatetimeIndex란 말 그대로, 「시간의 데이터」로 인덱스를 만들 수 있습니다. 이전 기사에서 소개한 Pandas의 ... pandas파이썬datetime초보자 가상화폐의 시가총액과 Qiita 관련 기사수의 상관관계를 조사해 보았다! 첫 투고가 됩니다! "있으면 좋겠다!"나 "신경이 쓰인다!"를 형태로 가려고 생각합니다. 프로그래밍 경험이 없는 초보자입니다만, 아웃풋 중시로 발신을 해 나가려고 생각하므로, 아무쪼록 잘 부탁드립니다! 코로나 화가 되어, 외출도 별로 하지 않게 된 오늘 요즘 여러분은 어떠세요? 나는 뭔가 새로운 취미를 생각하고 몇 년 전에했던 가상 통화를 재개했습니다. cryptocurrency가 가진 변동... 가상 통화QiitaAPI자바스크립트초보자crypto Qiita API를 터치해보세요 설정에서 진행 에서도 진행합니다. 응용 프로그램 > 개인 액세스 토큰 > 새 토큰 발행 액세스 토큰 발행 여기에 스코프가 몇 개인가 생각합니다만, 자세한 것은 이하입니다. Qiita Team는 상관없기 때문에 생략한다. 또한 이번에는 데이터를 쓰지 않으므로 write_qiita는 생략하고 최소 권한으로 유지합니다. 선택이 완료되면 발행으로 진행합니다. 발행 발급하면 개인 액세스 토큰에 액세스... QiitaAPI초보자 React에서 QiitaAPI를 두드려 앱 만들기 입문 React 공부를 시작했기 때문에 시작에 API를 두드려 초간단한 앱을 처음부터 만들어 보는 연습을 했습니다. 이번에 사용한 API는 입니다. 작성한 앱은 에 있습니다. 어떤 API를 두드릴지 결정할 때 참고로 한 기사 앱을 만들 때 참고한 기사 create-react-app를 사용하여 앱의 병아리를 만들 수 있습니다. 이번에는 react-api-study라는 앱 이름으로 만들었습니다. 참고... QiitaAPI초보자React 슈퍼 쉬운 copipe만 구글 채팅에 bot 설정 _ 알라피프 GAS 초보자가 업무 효율화 주차 미팅 때에 약간의 진척 보고의 자료를 갱신하지 않으면 안 되지만, 몇개인가 있으면 저것은 저쪽으로, 이쪽에서… 거기서, 미팅의 어느 날 아침에 부서의 chat에 갱신하는 자료의 URL을 정리해 보내 주는 나득bot을 만들었습니다. 여러가지 만들 수 있으면 편리하기 때문에 bot 만드는 법을 사내에 전파하기 위해 기사로 하고 있습니다. (Qiita 레벨의 기사가 아니어서 미안해) 로그인해... 초보자GoogleAppsScriptWebhookgas CORS란? s3라든지 cloudfront에 있는 이미지···? 안마시란 CORS란? Cross-Origin Resource Sharing의 약자로 오리진 간 리소스 공유의 의미입니다. 브라우저에서 보는 페이지와 다른 도메인에서 데이터를 검색할 수 있는 메커니즘입니다. 브라우저는 보안상의 크로스 사이트 스크립팅을 방지하기 위해 오리진 도메인의 서버와만 통신할 수 있는 제약이 있습니다. 크로스 사이트 스크... CORS초보자 【Ajax】 로컬 파일을 읽으려고하면 CORS 오류가 발생하여 해결되었습니다. 에서 학습하는 동안 다음과 같은 오류가 발생하여 해결 방법을 남겨 둡니다. 위의 오류로 곤란한 사람 CORS 에러를 로컬 서버 구축으로 해결할 수 있다 Chrome 검증 도구의 경우. Firefox 개발 도구의 경우. Firefox의 경우 위의 오류 문 다음에 자세한 링크가 붙었습니다. ※mozilla의 사이트에 링크하기 위해인지, Chrome에서는 나오지 않았기 때문에 친절! Firefox... CORS초보자아약스 IntelliJ+plantUML을 사용하여 모델 다이어그램 관리 당신이 평소에 팀에서 개발을 하고 있는 경우, 그 구현에 있어서는 반드시라고 말해도 좋을 만큼 유스 케이스 다이어그램이나 ER 다이어그램 등의 모델 다이어그램의 작성, 운용의 필요성이 생기는 것은 아닐까요. 이 기사에서는 plantUML이라는 DSL (도메인 전문 언어)을 사용하여 이러한 모델 다이어그램을 만드는 이점과 방법을 요약합니다. 변경사항을 Git에서 관리할 수 있습니다. 도메인 다... IntelliJ시퀀스 다이어그램초보자도메인plantuml /root 아래에 있는 anaconda-ks.cfg 란 무엇입니까? 를 보면,anaconda-ks.cfg는 킥 스타트 파일이라고합니다. 킥스타트 파일을 사용하면 같은 방법으로 OS 설치를 할 수 있게 된다. 설치시의 다음 화면에서 tabキー를 누르면 입력 화면이되므로 http 때 : inst.ks=http://IPアドレス/ks.cfg DVD 예 : inst.ks=cdrom:/ks.cfg... redhat초보자 JSX를 작성하는 방법 React가 표시되는 흐름은, 에도 쓴 대로, ① DOM의 요소를 취득 ② 가상 엘리먼트 작성 ③ 렌더링 입니다. 이 흐름을 매번 쓰는 것은 힘들기 때문에, 같은 일을 해도 보다 간단한 쓰기가 있습니다. 그것이 JSX입니다. JSX는 Javascript를 확장한 쓰는 방법으로 HTML 태그를 Javascript 스크립트에 직접 기술하는 구조. JSX는 자바스크립트이므로 물론 자바스크립트를 포... 초보자ReactJSX React 입문 도장 ~ JSX 기초 문법 ~ React를 학습하고 JSX에 대해 이해가 얕아서 이번에 간단하게 정리해 보았습니다. JSX는, 원래 무엇이라고 생각한 사람은 이쪽으로부터 참조해 주세요. ①React 라이브러리를 import한다 ②return 문 안이 JSX 구문 기본적으로 HTML과 같은 구문. class 요소는 className으로 바뀝니다 JSX의 외형은 HTML이지만, 실제 Javascript로 주의가 필요! cla... 초보자ReactJSX React 입문 도장 ~ JSX는 뭐야 ~ React를 학습하고 JSX에 대해 이해가 얕아서 이번에 간단하게 정리해 보았습니다. 「JSX」란, 「JavaScript XML」의 약어이며, JavaScript의 확장 언어이다. React의 컴퍼넌트내에서 마크업 언어를 기술하기 위한 HTML인 구문이 사용 가능. React의 특징으로 HTML 태그를 포함 할 수 있습니다. 브라우저에 화면을 그릴 때 HTML 문서 언어로 자바 스크립트에서 ... 초보자ReactJSX React에서 별 등급 구현 React를 사용하고 별 등급을 구현할 기회가 있었으므로 비망록으로 적습니다. 덧붙여서 이번은 패키지를 일절 사용하고 있지 않기 때문에, 패키지를 사용해 보다 세련된 레이팅을 만들고 싶은 분은 구구라고 봐 주세요. npm 패키지 ※이것보다 세련된 레이팅을 구현하고 싶은 분은 패키지등의 컴퍼넌트를 구구 해 보세요. 만드는 방법은 대충 말하면 이런 느낌입니다. State에서 빛나는 별의 수를 관... 별 모양 등급초보자ReactJSX 이전 기사 보기