초학자용 【초학자용】AWS에서 SSL화하는 방법 포트폴리오를 AWS를 사용하여 SSL화를 목적으로 하고 있습니다. 이미 EC2를 사용하여 배포가 완료되어 있고 Route53에서 도메인을 취득하고 있는 전제로 추천하겠습니다 양해 바랍니다. 아직 AWS를 사용하여 배포하지 않은 분은 아래 준비에서 배포 2까지를 완료하십시오. 도메인을 취득하지 않은 분은 의 기사를 참조해 주세요. 이 근처는 몰라도 흉내내 가면 문제 없게 할 수 있습니다만, 모... SSL 인증서초학자용ALBSSLAWS 【초학자 지원】RailTutorial에서 유일하게 암기하는 것이 좋은 곳 아무래도, 호보하루입니다. 나는 평소 초학자에게 프로그래밍을 가르칠 때, 「환암기는 절대 하지마!」라고 목소리를 크게 하고 말합니다. 하지만 이번에는 굳이 말합시다. 「여기만은 암기해도 누르고 있어!」라고. 이곳은 어디야 얘기죠. 그것은 "MVC 아키텍처의 개념도"입니다. 와우 엄청 읽고 날고 싶어요. 음 부정은 하지 않습니다. 나도 같은 것 같아요. 하지만 RailsTutorial에서 여기... mvcRails 튜토리얼Rails초학자용 [초학자용] Django・React 추천 서적 정리 초보자의 방향에 무엇을 배울 수 있는지를 쓰면서 특히 좋은 책이나 웹 사이트를 소개합니다. 공부를 시작한 지 얼마 안된 대학 시대는 주위에 IT에 조예가 깊은 친구나 선배가 없었기 때문에 책이나 웹사이트에 의지했습니다. 지식이 없었기 때문에, 하고 싶은 것과 관계가 없는 책도 많이 사 버렸네요・・・. 여러분에게는 돈을 낭비하고 싶지 않기 때문에(웃음), 조금 개요도 쓰면서 추천을 소개해 갑니... django-rest-frameworkReact초학자용초보자장고 【DOM 조작(전편)】JavaScript의 addEventListener에 대해서, 「・・하면」을 정리해 보았다 이번에는 JavaScript의 DOM 조작 addEventListener 에 대해 정리해 보았습니다. DOM 조작 초보자의 참고가되면 기쁩니다. 기본 DOM 조작 (addEventListener)의 흐름 ① 우선은 요소의 취득. ② 취득한 요소에 addEventListener로 처리를 추가한다 ③처리의 "계기(제1인수)"를 기술 →⭐️ 이번 메인은 이 ③이 됩니다. ④ "처리를 함수내(제2인... dom 조작자바스크립트es6초학자용 Swift 초학자가 만드는 전자 레인지 로직 안녕하세요! Swift 학습을 시작 6 개월의 ennu입니다. 이번은 재미있을 것 같은 제목을 발견했기 때문에 나도 전자 레인지 (따뜻한 기능 없음)를 만들어 보기로했습니다! 리팩토링을 위해 코멘트에서 조언 해 주시면 기쁩니다 ・전자렌지의 와트수는 900,600,200으로 한다 ・이번은, 안전을 위해서 11분 이상은 가열할 수 없는 것으로 한다 · 타이머 구현 ・분과 초의 개념을 구현 ・ 남... XcodeSwiftplayground초학자용 [Swift5] User Defined Runtime Attributes를 사용하여 스토리 보드에서 속성의 초기 값을 설정해 보았습니다. UI를 설정하는 프로퍼티의 초기치를 Storyboard에서 설정해 보았으므로, 비망록으로서 그 순서를 적습니다. [Xcode] 버전 12.4 [Swift] 버전 5.3.2 Storyboard의 [ Identity Inspector ] 탭의 User Defined Runtime Attributes 에 "+ "를 눌러 설정하면 됩니다. 「Key Path」에 프로퍼티명을, 「Type」에는 이번은 ... XcodeSwift초학자용 【Rails】Slack에게 통지하는 방법 이번에는 을 사용하여 Rails 앱에서 Slack에 알립니다. Gemfile 에 다음 두 가지를 추가합시다. Gemfile 터미널 은 그 이름대로 Slack에 통지를 보낼 때 이용합니다. 은 .env 에 정의한 환경 변수를 읽을 수 있는 gem입니다. 자주 사용하는 gem이므로 도 읽어 둡시다. 이번은 후술하는 Slack의 WebHooksURL과 channel을 환경 변수로 관리할 때에 이용... 슬랙초보자Rails초학자용 쓸데없는 비용을 억제! CloudWatch Events에서 EC2를 중지하는 방법 지난번 을 썼습니다만, 원래 EC2 인스턴스를 지워 잊지 않는 구조를 설정할 수 있으면, 낭비적인 비용도 들지 않을까 생각했기 때문에 기사로 해 갑니다. 1. CloudWatch 규칙 선택 1. AWS Management Console에서 CloudWatch 검색 2. 이벤트 > 규칙 화면을 열고 "규칙 만들기"를 누릅니다. 2. CloudWatch Events 규칙 만들기 , - * ?/L... 신인 프로그래머 응원초학자용CloudWatchEventsAWS 기계 학습에 대해 깨끗이 이해 ※본 기사는 의 교재 를 일부 수정한 것입니다. 최근, 여러 곳에서 듣는 「AI」라는 말. 「기계학습」과 같은 장면에서 사용되는 경우도 많습니다. 본 기사를 끝까지 읽는 것으로, 「AI」와 「기계 학습」은 무엇이 어떻게 다른가를 철저히 이해할 수 있습니다. 그 밖에도 프로그래밍 학습에 도움이 되는 정보를 발신하고 있습니다! 기다려주세요! "인공지능(Artificial Intelligence)... 파이썬사랑초학자용Techpit기계 학습 심볼릭 링크를 만들거나 삭제하는 방법 한심한 이야기이지만, 항상 잊어 버리므로 자신의 비망록입니다 자신은 이미지 등을 잘라서 심볼릭 링크를 사용하여 표시하고 있습니다. 도움이되면 다행입니다. 잘못된 점 등이 있으면 지적해주세요! ① .ssh/config 만들기 ② 심볼릭 링크 작성 ssh 연결 심볼릭 링크 만들기 심볼릭 링크 삭제 config 설정 SSH 명령을 입력하는 것이 번거롭기 때문에 서버별로 설정합니다. 현장의 선배로부... Linux 명령리눅스초학자용 Rails【초보자용】코멘트 기능의 실장 rails에서 코멘트 기능의 구현에 대해 정리했습니다. Ruby on Rails의 개발 환경이 갖추어져 있습니다. Posts(투고 테이블)와 User(사용자 테이블)는 이미 작성되어 있다. User 테이블은 gem devise를 사용하고 있다. 이번에는 게시물에 대한 댓글을 구현합니다. 작성할 Comments 테이블의 세부사항과 관계에 대해 다음과 같습니다. 터미널에서 모델링 마이그레이션 파... 코멘트 기능Rails초학자용Rails 튜토리얼루비 【초학자용】SQL이란? ~ 「【온라인 핸즈온】 처음 SQL」을 향해 ~ 실은 이 공부회에 참가하기 전에, 오로지 「SQL이란」으로 검색해 보았습니다! Wikipedia 보고 어색하거나(웃음), 솔직히 아직 모르는 것 뿐이었습니다만, 대략 100기사 정도는 접했다고 생각합니다. 그리고 나서 알았던 것은, 개요나 종류에 대해서 쓰여진 기사는 많이 있었지만, 구체적인 활용 장면까지 써 있는 기사는 적었다고 하는 것입니다! 특히 추상적인 것을 배울 때 체감으로 무엇을 ... 공부회SQL출구 엔지니어초학자용 【Ruby】생년월일부터 연령을 계산하는 방법 우선, Date 클래스는 편입 클래스가 되어 있지 않기 때문에, Date 클래스를 사용하려면 우선 프로그램 파일안에 다음의 일문을 기술합니다. 생년월일부터 연령을 계산하는 방법 (오늘 - 생년월일) ÷ 10000이므로, 예) 2000년 4월 9일 출생 (20210410 - 20000409) ÷ 10000 = 21.0001 → 21세 예) 2000년 4월 11일 출생 (20210410 - 20... 루비초학자용 [rails] 다 대다 중간 테이블 [to_table, class_name, through, source] gift User ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー> 20210301082221_create_gifts_.rb gift.rb user.rb profile.rb foreign_key: { to_table: :users } users 테이블에서 참조하... 초학자용 [JS] MobileMenu 이것을 스마트 폰 대응으로 만듭니다. 스마트 폰의 브라우저로 웹 사이트를 열람 한 경우에는 window.ontouchstart가 존재하므로, 'touchstart'가 eventType()에 저장됩니다. PC나 데스크톱으로 웹사이트를 열람한 경우에는 window.ontouchstart가 존재하지 않으므로, '클릭'이 eventType()에 저장됩니다. 그리고 _addEvent ( )에 this... 초학자용 [JS] IntersectionObserver Intersection은 물체의 교차 Observer가 모니터링하는 것 의미 · 한 요소가 화면에 보일 때 애니메이션 시작 【요소의 교차】와 【요소의 감시】의 역할을 완수합니다 new IntersectionObserver에 callback 함수를 건네주어 초기화 처리를 실시합니다 io에 모니터링하려는 대상 DOM을 등록하여 모니터링을 시작합니다. (io.observe( ) + 요소) 대상 ... 초학자용 [JS] This this는 객체를 참조하는 키워드입니다. 상태에 따라 취할 수 있는 값이 변동하고, 로직은 최근에 둘러싸인 객체를 참조합니다. class나 메소드외, 아무것도 격납되어 있지 않은 상태의 this라면 window 객체를 참조합니다. 이것은 브라우저의 글로벌 객체라고 하며 브라우저에서 사이트를 표시하고 있는 상태의 변수나 메서드를 저장하는 객체입니다. class TextAnimation 내의 t... 자바스크립트초학자용 문계가 AI 영역에 무수히 도전한다 ~PART9~ 그 녀석··kaggle 시작한다고 conpass에서 참가할 수 있는 「하나리 카그글부」라고 하는 이벤트에 참가해 왔으므로, 감상이라고 할 정도의 것도 아니지만, 조금 공유시켜 주세요. (저자는 에도코 3대입니다. 하고 있어요.) 이런 이벤트가 있는 것을 모르는 사람에게는, 빨리 퍼지면 좋겠다-라고 생각했습니다・・・. 그리고 참가를 고민하고 있는 사람은 이미 참가해 버리면 좋다고 생각합니다. kaggle에 관심을 가지기 시작한... 감상문초학자용Kaggle이벤트문계 [JS] DOM(Document Object Model) DOM(Document Object Model)이란? HTML을 JavaScript에서 조작 할 수있게 한 인터페이스입니다. JavaScript에서 DOM API를 통해 HTML 정보를 가져오고 변경합니다. 정보의 취득·변경·이벤트의 등록 등을 할 수 있습니다 document는 HTML 정보가 저장되는 객체입니다. 속성 메소드를 통해 HTML에 액세스하여 정보를 찾아보고 수정할 수 있습니다.... 초학자용 [JS] 배열/forEach v 값 i 첨자 ary 배열... 자바스크립트초학자용 [JS] 콜백 함수 함수를 전달하여 함수를받은 쪽 함수 내에서 실행할 수 있습니다. 이게 뭐야? 먼저 첫 번째 hello 인수 callback에 getName이 들어갑니다. 두 번째 줄의 + callback이 + 'Shun'으로 바뀝니다. 그리고 결과는 함께 함수로 취급 변수로 취급 익명 함수를 그대로 callback 함수로 전달 화살표 함수를 callback 함수로 전달 인수 2개 익명 함수를 callback... 자바스크립트초학자용 [JS] 애로우 함수 두 출력 결과는 동일합니다. 그러나, 첫 번째 실행 후 변수 선언이 있으면 오류가 발생합니다. 자바스크립트의 움직임으로서는, 함수를 한번 파일 전체에서 확인하고 나서 처리가 행해지므로, 두 번째 함수 선언은 오류가 발생하지 않습니다. 이 차이를 인식합시다. => 사용 {`} 안에 한 줄이면 {`}을 생략 할 수 있습니다. name에 디폴트치가 없는 경우, 한편 함수의 인수가 1개의 경우에는 ... 자바스크립트초학자용 [JS] 루프 let i = 0; "변수 정의" i < 5; 루프를 계속하는 조건 지정 i = i + 1 블록이 한 번 끝날 때 실행되는 표현식 arry[ i ]를 사용하면 배열의 요소를 돌릴 수 있습니다. i < arry.length; in arry라고 하면 배열의 인덱스가 건너옵니다 i, arry[ i ]라고 하면 값을 일괄로 볼 수도 있습니다 for of는 값이 그대로 넘어옵니다. 현재 지원되... 자바스크립트초학자용 [JS] 객체 {0}==오브젝트 리터럴 초기화 후 속성 저장 초기화 시점에 속성 저장 객체 안에 객체를 저장하거나 배열을 저장할 수도 있습니다. person.color;와 같은 표기법을 "점 표기법"이라고 말하고 값을 얻을 수 있습니다. 값 변경 [ ]로 쓰는 기법 브래킷 표기법은 변수를 사용하려는 경우에 사용합니다. 키 정보가 동적이면 의도적으로 [ ]를 사용할 수 있습니다. 객체는 메소드도 저장할 수 ... 자바스크립트초학자용 [JS] 배열 JS의 배열은, 수치·문자·boolean 등, 복수의 데이터형을 하나의 배열에 아울러 가질 수가 있다 push 속성으로 배열에 요소를 추가할 수 있습니다. unshift 속성을 사용하면 배열 끝에 요소를 추가할 수 있습니다. pop 속성은 배열의 마지막 요소를 삭제할 수 있습니다. pop에서 삭제한 요소는 상수에 대입하여 출력할 수도 있다 shift 속성으로 배열의 첫 번째 요소를 삭제할 수... 자바스크립트초학자용 Active Storage 개요 파일 업로드 기능을 쉽게 구현할 수 있는 기능(Gem). Rails에 통합되어 있기 때문에, 지정의 커멘드를 실행하는 것으로 간단하게 도입할 수 있다. Amazon S3, Google Cloud Storage, Microsoft Azure Storage 등의 클라우드 스토리지 서비스에 대한 파일 업로드를 쉽게 할 수 있다. 클라우드 스토리지 외에도 로컬 디스크에 파일을 저장할 수 있습니다. ... 루비Rails초학자용 [JS] 메서드 및 속성 속성 ( )로 끝나지 않는 것이 프로퍼티입니다. 방법 console.log(hello.~~~( ))와 같이 .로 시작하고 ( )로 끝나는 것이 메소드입니다. 브라우저가 디폴트로 가지고 있는 기능을 네이티브의 메소드라고 부릅니다. 지정된 숫자만큼 문자열을 잘라내는 메서드 문자를 분할하는 메소드 배열의 데이터 형식으로 변환... 초학자용 [JS] 함수 실행 인수 = 함수에 전달되는 값 반환 값 = 함수에서 반환되는 값 함수가 실행된 결과를 실행자에게 반환할 수 있습니다. 익명 함수 = 함수 이름이없는 함수 (왼쪽에 const hello = 없음)... 초학자용 [메모] 햄버거 메뉴 HTML CSS nth-child(1) nth-child(2) nth-child(3)... 초학자용 이전 기사 보기
【초학자용】AWS에서 SSL화하는 방법 포트폴리오를 AWS를 사용하여 SSL화를 목적으로 하고 있습니다. 이미 EC2를 사용하여 배포가 완료되어 있고 Route53에서 도메인을 취득하고 있는 전제로 추천하겠습니다 양해 바랍니다. 아직 AWS를 사용하여 배포하지 않은 분은 아래 준비에서 배포 2까지를 완료하십시오. 도메인을 취득하지 않은 분은 의 기사를 참조해 주세요. 이 근처는 몰라도 흉내내 가면 문제 없게 할 수 있습니다만, 모... SSL 인증서초학자용ALBSSLAWS 【초학자 지원】RailTutorial에서 유일하게 암기하는 것이 좋은 곳 아무래도, 호보하루입니다. 나는 평소 초학자에게 프로그래밍을 가르칠 때, 「환암기는 절대 하지마!」라고 목소리를 크게 하고 말합니다. 하지만 이번에는 굳이 말합시다. 「여기만은 암기해도 누르고 있어!」라고. 이곳은 어디야 얘기죠. 그것은 "MVC 아키텍처의 개념도"입니다. 와우 엄청 읽고 날고 싶어요. 음 부정은 하지 않습니다. 나도 같은 것 같아요. 하지만 RailsTutorial에서 여기... mvcRails 튜토리얼Rails초학자용 [초학자용] Django・React 추천 서적 정리 초보자의 방향에 무엇을 배울 수 있는지를 쓰면서 특히 좋은 책이나 웹 사이트를 소개합니다. 공부를 시작한 지 얼마 안된 대학 시대는 주위에 IT에 조예가 깊은 친구나 선배가 없었기 때문에 책이나 웹사이트에 의지했습니다. 지식이 없었기 때문에, 하고 싶은 것과 관계가 없는 책도 많이 사 버렸네요・・・. 여러분에게는 돈을 낭비하고 싶지 않기 때문에(웃음), 조금 개요도 쓰면서 추천을 소개해 갑니... django-rest-frameworkReact초학자용초보자장고 【DOM 조작(전편)】JavaScript의 addEventListener에 대해서, 「・・하면」을 정리해 보았다 이번에는 JavaScript의 DOM 조작 addEventListener 에 대해 정리해 보았습니다. DOM 조작 초보자의 참고가되면 기쁩니다. 기본 DOM 조작 (addEventListener)의 흐름 ① 우선은 요소의 취득. ② 취득한 요소에 addEventListener로 처리를 추가한다 ③처리의 "계기(제1인수)"를 기술 →⭐️ 이번 메인은 이 ③이 됩니다. ④ "처리를 함수내(제2인... dom 조작자바스크립트es6초학자용 Swift 초학자가 만드는 전자 레인지 로직 안녕하세요! Swift 학습을 시작 6 개월의 ennu입니다. 이번은 재미있을 것 같은 제목을 발견했기 때문에 나도 전자 레인지 (따뜻한 기능 없음)를 만들어 보기로했습니다! 리팩토링을 위해 코멘트에서 조언 해 주시면 기쁩니다 ・전자렌지의 와트수는 900,600,200으로 한다 ・이번은, 안전을 위해서 11분 이상은 가열할 수 없는 것으로 한다 · 타이머 구현 ・분과 초의 개념을 구현 ・ 남... XcodeSwiftplayground초학자용 [Swift5] User Defined Runtime Attributes를 사용하여 스토리 보드에서 속성의 초기 값을 설정해 보았습니다. UI를 설정하는 프로퍼티의 초기치를 Storyboard에서 설정해 보았으므로, 비망록으로서 그 순서를 적습니다. [Xcode] 버전 12.4 [Swift] 버전 5.3.2 Storyboard의 [ Identity Inspector ] 탭의 User Defined Runtime Attributes 에 "+ "를 눌러 설정하면 됩니다. 「Key Path」에 프로퍼티명을, 「Type」에는 이번은 ... XcodeSwift초학자용 【Rails】Slack에게 통지하는 방법 이번에는 을 사용하여 Rails 앱에서 Slack에 알립니다. Gemfile 에 다음 두 가지를 추가합시다. Gemfile 터미널 은 그 이름대로 Slack에 통지를 보낼 때 이용합니다. 은 .env 에 정의한 환경 변수를 읽을 수 있는 gem입니다. 자주 사용하는 gem이므로 도 읽어 둡시다. 이번은 후술하는 Slack의 WebHooksURL과 channel을 환경 변수로 관리할 때에 이용... 슬랙초보자Rails초학자용 쓸데없는 비용을 억제! CloudWatch Events에서 EC2를 중지하는 방법 지난번 을 썼습니다만, 원래 EC2 인스턴스를 지워 잊지 않는 구조를 설정할 수 있으면, 낭비적인 비용도 들지 않을까 생각했기 때문에 기사로 해 갑니다. 1. CloudWatch 규칙 선택 1. AWS Management Console에서 CloudWatch 검색 2. 이벤트 > 규칙 화면을 열고 "규칙 만들기"를 누릅니다. 2. CloudWatch Events 규칙 만들기 , - * ?/L... 신인 프로그래머 응원초학자용CloudWatchEventsAWS 기계 학습에 대해 깨끗이 이해 ※본 기사는 의 교재 를 일부 수정한 것입니다. 최근, 여러 곳에서 듣는 「AI」라는 말. 「기계학습」과 같은 장면에서 사용되는 경우도 많습니다. 본 기사를 끝까지 읽는 것으로, 「AI」와 「기계 학습」은 무엇이 어떻게 다른가를 철저히 이해할 수 있습니다. 그 밖에도 프로그래밍 학습에 도움이 되는 정보를 발신하고 있습니다! 기다려주세요! "인공지능(Artificial Intelligence)... 파이썬사랑초학자용Techpit기계 학습 심볼릭 링크를 만들거나 삭제하는 방법 한심한 이야기이지만, 항상 잊어 버리므로 자신의 비망록입니다 자신은 이미지 등을 잘라서 심볼릭 링크를 사용하여 표시하고 있습니다. 도움이되면 다행입니다. 잘못된 점 등이 있으면 지적해주세요! ① .ssh/config 만들기 ② 심볼릭 링크 작성 ssh 연결 심볼릭 링크 만들기 심볼릭 링크 삭제 config 설정 SSH 명령을 입력하는 것이 번거롭기 때문에 서버별로 설정합니다. 현장의 선배로부... Linux 명령리눅스초학자용 Rails【초보자용】코멘트 기능의 실장 rails에서 코멘트 기능의 구현에 대해 정리했습니다. Ruby on Rails의 개발 환경이 갖추어져 있습니다. Posts(투고 테이블)와 User(사용자 테이블)는 이미 작성되어 있다. User 테이블은 gem devise를 사용하고 있다. 이번에는 게시물에 대한 댓글을 구현합니다. 작성할 Comments 테이블의 세부사항과 관계에 대해 다음과 같습니다. 터미널에서 모델링 마이그레이션 파... 코멘트 기능Rails초학자용Rails 튜토리얼루비 【초학자용】SQL이란? ~ 「【온라인 핸즈온】 처음 SQL」을 향해 ~ 실은 이 공부회에 참가하기 전에, 오로지 「SQL이란」으로 검색해 보았습니다! Wikipedia 보고 어색하거나(웃음), 솔직히 아직 모르는 것 뿐이었습니다만, 대략 100기사 정도는 접했다고 생각합니다. 그리고 나서 알았던 것은, 개요나 종류에 대해서 쓰여진 기사는 많이 있었지만, 구체적인 활용 장면까지 써 있는 기사는 적었다고 하는 것입니다! 특히 추상적인 것을 배울 때 체감으로 무엇을 ... 공부회SQL출구 엔지니어초학자용 【Ruby】생년월일부터 연령을 계산하는 방법 우선, Date 클래스는 편입 클래스가 되어 있지 않기 때문에, Date 클래스를 사용하려면 우선 프로그램 파일안에 다음의 일문을 기술합니다. 생년월일부터 연령을 계산하는 방법 (오늘 - 생년월일) ÷ 10000이므로, 예) 2000년 4월 9일 출생 (20210410 - 20000409) ÷ 10000 = 21.0001 → 21세 예) 2000년 4월 11일 출생 (20210410 - 20... 루비초학자용 [rails] 다 대다 중간 테이블 [to_table, class_name, through, source] gift User ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー> 20210301082221_create_gifts_.rb gift.rb user.rb profile.rb foreign_key: { to_table: :users } users 테이블에서 참조하... 초학자용 [JS] MobileMenu 이것을 스마트 폰 대응으로 만듭니다. 스마트 폰의 브라우저로 웹 사이트를 열람 한 경우에는 window.ontouchstart가 존재하므로, 'touchstart'가 eventType()에 저장됩니다. PC나 데스크톱으로 웹사이트를 열람한 경우에는 window.ontouchstart가 존재하지 않으므로, '클릭'이 eventType()에 저장됩니다. 그리고 _addEvent ( )에 this... 초학자용 [JS] IntersectionObserver Intersection은 물체의 교차 Observer가 모니터링하는 것 의미 · 한 요소가 화면에 보일 때 애니메이션 시작 【요소의 교차】와 【요소의 감시】의 역할을 완수합니다 new IntersectionObserver에 callback 함수를 건네주어 초기화 처리를 실시합니다 io에 모니터링하려는 대상 DOM을 등록하여 모니터링을 시작합니다. (io.observe( ) + 요소) 대상 ... 초학자용 [JS] This this는 객체를 참조하는 키워드입니다. 상태에 따라 취할 수 있는 값이 변동하고, 로직은 최근에 둘러싸인 객체를 참조합니다. class나 메소드외, 아무것도 격납되어 있지 않은 상태의 this라면 window 객체를 참조합니다. 이것은 브라우저의 글로벌 객체라고 하며 브라우저에서 사이트를 표시하고 있는 상태의 변수나 메서드를 저장하는 객체입니다. class TextAnimation 내의 t... 자바스크립트초학자용 문계가 AI 영역에 무수히 도전한다 ~PART9~ 그 녀석··kaggle 시작한다고 conpass에서 참가할 수 있는 「하나리 카그글부」라고 하는 이벤트에 참가해 왔으므로, 감상이라고 할 정도의 것도 아니지만, 조금 공유시켜 주세요. (저자는 에도코 3대입니다. 하고 있어요.) 이런 이벤트가 있는 것을 모르는 사람에게는, 빨리 퍼지면 좋겠다-라고 생각했습니다・・・. 그리고 참가를 고민하고 있는 사람은 이미 참가해 버리면 좋다고 생각합니다. kaggle에 관심을 가지기 시작한... 감상문초학자용Kaggle이벤트문계 [JS] DOM(Document Object Model) DOM(Document Object Model)이란? HTML을 JavaScript에서 조작 할 수있게 한 인터페이스입니다. JavaScript에서 DOM API를 통해 HTML 정보를 가져오고 변경합니다. 정보의 취득·변경·이벤트의 등록 등을 할 수 있습니다 document는 HTML 정보가 저장되는 객체입니다. 속성 메소드를 통해 HTML에 액세스하여 정보를 찾아보고 수정할 수 있습니다.... 초학자용 [JS] 배열/forEach v 값 i 첨자 ary 배열... 자바스크립트초학자용 [JS] 콜백 함수 함수를 전달하여 함수를받은 쪽 함수 내에서 실행할 수 있습니다. 이게 뭐야? 먼저 첫 번째 hello 인수 callback에 getName이 들어갑니다. 두 번째 줄의 + callback이 + 'Shun'으로 바뀝니다. 그리고 결과는 함께 함수로 취급 변수로 취급 익명 함수를 그대로 callback 함수로 전달 화살표 함수를 callback 함수로 전달 인수 2개 익명 함수를 callback... 자바스크립트초학자용 [JS] 애로우 함수 두 출력 결과는 동일합니다. 그러나, 첫 번째 실행 후 변수 선언이 있으면 오류가 발생합니다. 자바스크립트의 움직임으로서는, 함수를 한번 파일 전체에서 확인하고 나서 처리가 행해지므로, 두 번째 함수 선언은 오류가 발생하지 않습니다. 이 차이를 인식합시다. => 사용 {`} 안에 한 줄이면 {`}을 생략 할 수 있습니다. name에 디폴트치가 없는 경우, 한편 함수의 인수가 1개의 경우에는 ... 자바스크립트초학자용 [JS] 루프 let i = 0; "변수 정의" i < 5; 루프를 계속하는 조건 지정 i = i + 1 블록이 한 번 끝날 때 실행되는 표현식 arry[ i ]를 사용하면 배열의 요소를 돌릴 수 있습니다. i < arry.length; in arry라고 하면 배열의 인덱스가 건너옵니다 i, arry[ i ]라고 하면 값을 일괄로 볼 수도 있습니다 for of는 값이 그대로 넘어옵니다. 현재 지원되... 자바스크립트초학자용 [JS] 객체 {0}==오브젝트 리터럴 초기화 후 속성 저장 초기화 시점에 속성 저장 객체 안에 객체를 저장하거나 배열을 저장할 수도 있습니다. person.color;와 같은 표기법을 "점 표기법"이라고 말하고 값을 얻을 수 있습니다. 값 변경 [ ]로 쓰는 기법 브래킷 표기법은 변수를 사용하려는 경우에 사용합니다. 키 정보가 동적이면 의도적으로 [ ]를 사용할 수 있습니다. 객체는 메소드도 저장할 수 ... 자바스크립트초학자용 [JS] 배열 JS의 배열은, 수치·문자·boolean 등, 복수의 데이터형을 하나의 배열에 아울러 가질 수가 있다 push 속성으로 배열에 요소를 추가할 수 있습니다. unshift 속성을 사용하면 배열 끝에 요소를 추가할 수 있습니다. pop 속성은 배열의 마지막 요소를 삭제할 수 있습니다. pop에서 삭제한 요소는 상수에 대입하여 출력할 수도 있다 shift 속성으로 배열의 첫 번째 요소를 삭제할 수... 자바스크립트초학자용 Active Storage 개요 파일 업로드 기능을 쉽게 구현할 수 있는 기능(Gem). Rails에 통합되어 있기 때문에, 지정의 커멘드를 실행하는 것으로 간단하게 도입할 수 있다. Amazon S3, Google Cloud Storage, Microsoft Azure Storage 등의 클라우드 스토리지 서비스에 대한 파일 업로드를 쉽게 할 수 있다. 클라우드 스토리지 외에도 로컬 디스크에 파일을 저장할 수 있습니다. ... 루비Rails초학자용 [JS] 메서드 및 속성 속성 ( )로 끝나지 않는 것이 프로퍼티입니다. 방법 console.log(hello.~~~( ))와 같이 .로 시작하고 ( )로 끝나는 것이 메소드입니다. 브라우저가 디폴트로 가지고 있는 기능을 네이티브의 메소드라고 부릅니다. 지정된 숫자만큼 문자열을 잘라내는 메서드 문자를 분할하는 메소드 배열의 데이터 형식으로 변환... 초학자용 [JS] 함수 실행 인수 = 함수에 전달되는 값 반환 값 = 함수에서 반환되는 값 함수가 실행된 결과를 실행자에게 반환할 수 있습니다. 익명 함수 = 함수 이름이없는 함수 (왼쪽에 const hello = 없음)... 초학자용 [메모] 햄버거 메뉴 HTML CSS nth-child(1) nth-child(2) nth-child(3)... 초학자용 이전 기사 보기