본문 바로가기

전체 글

 (432)
[웹개발종합반] week2: JQuery / Ajax 2주차 수업 목표 Javascript 문법 익숙해지기 jQuery로 간단한 HTML 조작하기 Ajax로 서버 API(약속)에 데이터를 주고 결과를 받아오기 수업 자료 [스파르타코딩클럽] 웹개발 종합반 - 2주차 매 주차 강의자료 시작에 PDF파일을 올려두었어요! www.notion.so 1. Javascript 복습하기 짝홀 버튼 만들기 버튼을 짝수번 눌렀을 때에는 '짝짝짝', 홀수번 눌렀을 때에는 '홀홀홀'이 얼럿을 띄우는 버튼 만들기 function hey() { let count = 1; if (count % 2 == 0) { alert('짝수입니다!'); } else { alert('홀수입니다!'); } count += 1; } 하지만 이렇게 작성하면 '홀수입니다!' 얼럿만 뜨게 된다. 왜냐하면 ..
[웹개발종합반] week 1: HTML / CSS / JS 1주차 수업 목표 서버와 클라이언트의 역할에 대해 이해하기 HTML, CSS의 기초 지식 이해하기 부트스트랩 사용법 익히기 JavaScript 기초 문법 익히기 수업 자료 [스파르타코딩클럽] 웹개발 종합반 - 1주차 매 주차 강의자료 시작에 PDF파일을 올려두었어요! www.notion.so 1. 1주차 오늘 배울 것 1.1 서버/클라이언트/웹의 동작 개념 웹 페이지 수정해보기 모든 작업은 크롬에서 진행한다. 사파리나 윈도우즈 익스플로러에서는 진행할 수 없다. Hint 크롬에서 네이버, 다음과 같은 웹 사이트에 접속한 후 오른쪽 마우스를 눌러 '검사하기'를 누르자. 그리고 안에 코드를 수정하면 웹 사이트의 화면이 변경된다. 하지만 현재 수정한 페이지는 웹 사이트 자체에서 변경되는 것이 아니라 현재 내가 ..
for in & for of 1. forEach 배열 객체에서만 가능한 메서드. 각 인덱스의 값에 차례대로 접근할 수 있다. 2. for ... in 인덱스를 가져온다. 3. for .... of 인덱스에 있는 속성 값을 가져온다. ➡ 예시 let user_array = ['홍길동', '김삿갓', '변사또']; let user_object = {'a':'1234','b':'5678','c':'91011'}; /* array */ user_array.forEach((i) => console.log(i); ); // 홍길동 // 김삿갓 // 변사또 for (let i of user_array) console.log(i); // 0 // 1 // 2 for (let i in user_array) console.log(i); // 홍길동 ..
[웹개발종합반] week 0: 강의 준비 강의 준비 강의가 본격적으로 시작하기 이전에 준비를 진행하였다. Pycharm Professional 설치 JetBrains 회원가입 AWS 가입 겟레디윗미 온라인 줌 미팅 6/13 (일) 21:00에 온라인 줌으로 OT도 진행한다고 한다. 신청폼도 작성하여 참여할 준비 완료! [6/14 개강 기수 대상] 겟레디윗미 안내 겟레디윗미(Get Ready With Me)란 개강 전날 밤, 스파르타 튜티 여러분과 개강을 준비하는 온라인 오리엔테이션(OT)입니다! www.notion.so 0주차 리뷰 항상 기초가 부족해서 어떻게 공부를 이어가야하나 고민이었는데 우연히 내일배움에 대해 알게된 덕분에 저렴한 가격으로 좋은 강의를 듣게 되었다. 강의를 열심히 듣고 완주하였을 땐 기초가 탄탄해진 나로 거듭나야지! 강의자..
NPM과 NPX [번역] 그래, npx! npm말고 — 차이점 설명 최근에 리액트를 배우기 시작했을 때, 나는 많은 사람들이 (나를 포함해서) 잘 알려진 npm대신 npx를 보고 헷갈려하는 것을 보았습니다. 우리중에 몇몇은 이상하다고 느꼈지만 별로 깊게 생각하지 velog.io
[개발스터디] week1: Next.js / ESLint / TypeScript 21-06-08 Week 1 목표 오늘은 개발환경 세팅하는 것이 주된 목표였고, 추가로 몇 가지 기본 개념들에 대해서도 공부하였다. Web Curriculum js ES6, ES7, ES8, ... babel react component lifecycle hooks global state management ( redux, mobx, ... ) webpack SCSS Next.js with vercel client side rendering vs server side rendering authentication cookie & session vs jwt http call http headers, http status REST API server GraphQL server (with apollo clien..
정규표현식 1. 정규표현식이란? 문자를 찾아내는 도구 영어로는 regular expression. 문자열에서 특정 문자를 찾아내는 도구로, 이를 이용하면 수십줄이 필요한 작업을 단 한 줄로 끝낼 수 있다. 사용하는 언어 자바스크립트 뿐만 아니라 수 많은 언어들이 정규표현식을 사용하고 있다. 어떻게 공부할까? 정규표현식은 하나의 언어이다. 따라서 정규표현식의 모든 것을 완벽하게 알 수는 없다. 해당 글에서는 자바스크립트에서 어떻게 사용하는지 알아볼 것이므로 정규표현식 자체에 대한 수업은 https://opentutorials.org/course/909/5142 여기서 익힐 수 있다. 2. 정규표현식 생성하기 정규표현식을 사용할 때에는 컴파일과 실행, 두 가지 단계를 거친다. 2-1. 컴파일 컴파일은 검출하고자하는 패..
API란? (+ UI) 1. API란? Application Programming Interface. 프로그램이 동작하는 환경을 제어하기 위해 환경에서 제공되는 조작 장치이다. 이는 프로그래밍 언어를 통해 조작할 수 있다. 2. UI와 API의 차이점 둘 다 인터페이스라는 점은 동일하다. 그럼 둘의 차이점에 대해 살펴보자. UI 컴퓨터 시스템과 컴퓨터를 사용하는 사람 사이의 접점에 존재하면서, 사람이 생각하는 바를 컴퓨터에게 전달하는 입력 장치들 혹은 시스템의 상태를 사용자에게 알려주는 출력 장치들에 해당되는 그 접점, 중계자에 해당되는 것을 User Interface라고 한다. 즉 사용자를 대면하는 접점이 되는 지점을 포괄적으로 일컫는다. 웹 사이트에 접속하면 메뉴, 댓글기능, 게시판 등 많은 기능들이 있다. 이들도 UI이다..
반응형

티스토리툴바