# 생활코딩

27개의 포스트

JS_이벤트

event target : 이벤트가 발생하는 지점event type : 이벤트의 종류등록방법 : inline방식(태그안에 직접 들어가 있는 것), 프로퍼티리스너방식, addEventListener()방식event.stopPropagation() : 이벤트를 멈출때 사용

2일 전
·
0개의 댓글

JS_Node

[Node] >Node 객체는 DOM에서 시조와 같은 역할을 한다. 다시 말해서 모든 DOM 객체는 Node 객체를 상속 받는다. 관계 Node.childNodes : 자식을 의미 Node.firstChild :첫번째 자식을 의미 Node.lastChild : 마

3일 전
·
0개의 댓글
post-thumbnail

JS_BOM(Browser Object Model)

웹브라우저의 창이나 프래임을 추상화해서 프로그래밍적으로 제어할 수 있도록 제공하는 수단전역객체인 Window의 프로퍼티와 메소드들을 통해서 제어할 수 있다

3일 전
·
0개의 댓글

#TIL (May 3nd, 열아홉번째 이야기)

https://opentutorials.org/course/743/6491배열과 유사(연관된 데이터를 담아내는 그릇) 하지만, index로 우리가 원하는 데이터 값을 넣을수 있고, 객체지향과는 다른 컨셉임

2020년 5월 3일
·
0개의 댓글
post-thumbnail

WEB1 - HTML & Internet

내가 만들어야겠다!상상한 뒤 ➔ 서로 생각하는 것이 다를 수 있으므로!와이어프레임 만들기구현하기원인과 결과원인 : 사람이 하는 일, 코드, 소스, 컴퓨터 언어결과 : Application, Program, ★WebPage★Public Domain : 저작권(저작재산권)

2020년 5월 3일
·
0개의 댓글

#TIL (April 16th, 다섯번째 이야기)

Ctrl+Shift+J (윈도우) 콘솔 탭이 선택된 상태로 개발자 도구가 실행됨alert('hello world')를 실행해서 되는지 확인기존에 html과 css는 atom을 사용했으나, JS부터는 sublime text를 사용해볼 예정 문자는 String이라고 하며

2020년 4월 16일
·
0개의 댓글

Linux Study

생활코딩 리눅스 강의를 듣고 정리합니다.

2020년 3월 30일
·
0개의 댓글
post-thumbnail

Git & GitHub 공부 _ Notion을 활용한 정리 ('Chapter_4 : 깃허브로 백업하기')

https://www.notion.so/Chapter-4-39fa2b4aa2e34e9fb358af815f151a30// 지옥에서 온 문서 관리자 - 깃 & 깃허브 입문 "깃허브로 백업하기"

2020년 3월 29일
·
0개의 댓글

공부방향

하고 싶은건 많고 상상으로는 매일 매일 꾸준히 다 할수 있을것 같은 환상에 빠져서 무리한 계획을 세우고 스스로 높여버린 허들에 자빠지는 일이 대부분인 나

2020년 3월 12일
·
1개의 댓글

Closure

클로저(closure)는 내부함수가 외부함수의 맥락에 접근할 수 있는 것을 가리킨다.이 예제는 내부함수 inner에서 title을 호출했을 때, 외부함수 outter의 지역변수인 title에 접근할 수 있음을 보여준다.위 예제의 마지막 두 행을 보면 함수 outter를

2020년 3월 7일
·
0개의 댓글
post-thumbnail

정규표현식

생활코딩

2020년 2월 28일
·
0개의 댓글
post-thumbnail

[생활코딩 React 1~9]

class 기반의 객체지향 스타일로 진행될 것.작성하는 것이 아닌 사용하는 것.객체 지향 프로그래밍->객체 지향 상속 까지 듣고 들으면 더 좋아요.페이스북에서 ui를 더 잘만들기 위해서 페이스북에서 만든 자바스크립트 ui 라이브러리페이스북 들어가서 검사-> 맨 위 선택

2020년 2월 11일
·
0개의 댓글
post-thumbnail

[생활코딩 React] ⑧ 수업을 마치며

🔗 생활코딩 React immutable 불변성 immutable-js 배열과 객체의 대체재 모든 연산이 원본이 복제된 결과 리턴 router 페이지 전환을 할 때마다 네트워크 로딩을 하지 않는 장점이 있지만, url로 페이지를 찾아올 수 없다는 단점 react router url에 따라 컴포넌트가 실행될 수 있도록 도와줌 create-re...

2019년 11월 20일
·
0개의 댓글
post-thumbnail

[생활코딩 React] ⑦ Update & Delete 기능 구현

🔗 생활코딩 React 1. update 구현 CreateContent.js를 복사해서 UpdateContent.js 생성 Content 생성하는 부분을 getContent() 함수로 분리 제목, 내용 가져오는 부분을 getReadContent() 함수로 분리 1) form 🔗 forms 2) state 변경 UpdateContent.js에 id ...

2019년 11월 19일
·
0개의 댓글

[생활코딩 React] ⑥ Update & Delete 기능 구현

react.png 🎥 생활코딩 YouTube 1. Update 구현 " Nav Update 클릭 👉 contents 영역 : 해당 form 으로 변경 👉 내용 변경 후 button 클릭 시 변경 " CreateContent.js를 복사하여 UpdateContent.js 생성 1) form " TOC.js내의 카테고리를 선택한 뒤 update 클릭...

2019년 11월 19일
·
2개의 댓글

[생활코딩 React] ⑤ Create 기능 구현

react.png 🎥 생활코딩 YouTube 1. Create 소개 👀 React를 사용해서 어떠한 방식으로 Create 할 것인가? 🖐 정적으로 출력되어있던 메뉴들을 동적으로 추가해보자! 1) mode 변경 기능 " 아래 사진과 같은 controll Button을 생성하여 클릭시 mode 를 변경해주자 " ![web.png](https://s...

2019년 11월 19일
·
0개의 댓글

[생활코딩 React] ④ 이벤트

react.png 🎥 생활코딩 YouTube 1. 이벤트 state,props 그리고 rendor 함수 🎁 이벤트 ? : 애플리케이션을 역동적으로 만들어주는 기술 👉 props, state, event 삼자가 서로 상호작용하면서 애플리케이션의 역동성을 만들기 때문에 같이 생각할 것! 2. 이벤트 설치 3. 이벤트에서 state 변경하기 ( s...

2019년 11월 18일
·
0개의 댓글

[생활코딩 React] ③ State & Props

react.png 🎥 생활코딩 YouTube 1. State 소개 props : 사용자가 제품을 조작하는 장치, 사용자가 컴포넌트를 사용하는 입장에서 중요한 것 state : 제품을 구현하는데에 있는 내부적 조작장치, props의 값에 따라 내부에 필요한 데이터들 2. State 사용 : 실행 될 때 rendor() 함수보다 먼저 실행시켜서 값이...

2019년 11월 18일
·
0개의 댓글

[생활코딩 React] ② 컴포넌트 제작

react.png 🎥 생활코딩 YouTube 1. 리액트가 없다면 🙄 리액트를 사용하는 이유 : 태그를 이름으로 재사용 할 수 있어 대량 생산이 가능하고 가독성이 높다. 2. 컴포넌트 만들기 1) 컴포넌트 생성 - JSX -유사 JavaScript 임 -React는 JSX를 JavaScript Code로 변환...

2019년 11월 18일
·
0개의 댓글

[생활코딩 React] ① 개발 환경

react.png 🎥 생활코딩 YouTube 1. 공부전략 📕 Coding : 개발 환경 설정 및 코드 작성 📗 Run : 작성된 코드를 실행하여 결과 확인 📘 Deploy : 소비자에게 전달 2. 개발환경의 종류 1. 온라인 플레이 그라운드 - 웹에서 바로 코딩하여 결과를 확인할 수 있음 - 예) C...

2019년 11월 18일
·
0개의 댓글