본문 바로가기

분류 전체보기

 (18)
VSCode 확장 프로그램 및 단축키 모음 [패스트캠퍼스] React& Redux로 시작하는 웹 프로그래밍 강의 수강 1주차(2) VSCode 확장 프로그램(플러그인) 모음 한글화: Korean Language Pack for Visual Studio Code VSCode를 한글화 해주는 확장 프로그램으로, 메뉴, 폴더명 등이 한글로 변경 됨. 태그 이름 한 번에 변경: Auto Rname Tag 시작태그와 종료태그를 동시에 수정할 수 있음. 실시간으로 브라우저에 출력: Live Server *Live Server는 개발을 위해 임시로 로컬 서버(내 컴퓨터 환경)를 오픈하는 것이며, 제품(Product)은 실제 호스팅 서버(사용자들이 접근 가능한)에 업로드 해야함. VSCode 단축키 모음 *개인적으로 중요하다고 생각하는 단축키 기능 Window..
[패스트캠퍼스] 프로그래밍 첫걸음 시작하기 학습일지 5주차 벌써 마지막 주차. 5주가 후딱 지나갔다. 이번주 강의는 마무리로 개발자 커리어 로드맵에 대해서 안내해준다. 엄청 열심히 들었다고 자신할 수는 없지만... 그래도 중간에 놓지 않고 끝까지 한 점에 만족한다. 남은 프론트엔드 강의도 열심히 들어서 마무리 잘 하자! 프론트엔드 개발자 커리어 로드맵 Command line interface Windows 기준: VScode -> Terminal -> Powershell 혹은 cmd창 Ajax: 비동기식 자바스크립트 비동기식이란? 페이지를 매번 로드하지 않고도 페이지 안의 내용을 바꿀 수 있는. 더 효율적, 더 쾌적하게 사용할 수 있음. Node.js 프론트엔드 필수요소로, Javascript runtime: 브라우저 밖(브라우저를 실행하지 않고도)에서 Java..
[패스트캠퍼스] 프로그래밍 첫걸음 시작하기 학습일지 4주차 시간 진짜 대박 빠르다. 프로그래밍 기초는 5주 과정인데, 이제 한주만 남겨두고 있다. 근데 노트북으로 들으면서 vscode 들락날락 하려니까 좀 정신 없다. 발음도 계속 씹히고... 그래도 자료 정리가 잘 되어 있어서 혼자 공부할만 하다! 프로그래밍 기초 말고도 React&Redux 일지도 작성해야 하는데... 이건 패캠 열공 챌린지로 제출할 거라 의무감(?)에 바로바로 쓰게 되는데, 온전한 내 의지로 쓰는 건 좀 어렵다... ^^ 그래도 그건 8주 과정이니 차근차근 써야지 꼭! 1. 메뉴마다 화면 보여주기 2. 사진 올리기 - 페이지 글자수 카운팅 onkeypress: 입력 전 이벤트 발생(문자키만 인식) onkeydown: 입력 전 이벤트 발생 onkeyup: 입력 후 이벤트 발생 위와 같이 작성한..
[패스트캠퍼스] 프로그래밍 첫걸음 시작하기 학습일지 3주차 이번주는 조금 게으르게 들었다... 이런저런 일이 많아서. 교양 수업처럼 들으니까 꽤 괜찮은 것 같다. 부담없이. 벌써 3주차 강의를 마쳤고, 프로그래밍 첫걸음 시작하기 강의는 2주밖에 남지 않았다! 끝까지 화이팅...! Javascript = 동작 자료형 & 변수 string: 문자열 ex) "안녕하세요", "hello", ... number: 숫자 ex) 1, ... variable, 모든 자료형의 값을 할당하는 것. -변수 할당: var 변수이름 Boolean 자료형 - 참/거짓 자료형 !: 부정 연산자 ==: 값이 같은지 비교 ===: 값과 타입이 같은지 비교 !=: 값이 다른지 비교 !==: 값과 타입이 다른지 비교 >, >=,
[패스트캠퍼스] 프로그래밍 첫걸음 시작하기 학습일지 2주차 2주차... HTML과 CSS의 기본을 공부하고 있다. 이 부분은 암기가 필요한 것 같다. 유튜브에서 HTML&CSS 강의들을 몇개 봤었는데, 태그와 요소들을 하나하나 자세히 알려주는 강의는 없었다. 강의력이 좋은지는 잘 모르겠으나, 이 강의에서는 하나하나 알려줘서 좋은 것 같다. 솔직히 태그와 요소들이 잘 정리되어 있는 페이지들을 혼자 보고 공부할 수 있겠지만, 나같은 미루기 끝판왕은 하나하나 떠먹여주는 이런 강의가 좋다 ㅋㅋ 암튼 그래 그렇다고 머릿속에 다 들어오는 건 아니지만 강의 자료를 내 방식대로 한 번 더 정리함으로써 어느 정도 외워지겠지! HTML Semantics Tag FastCampus Portfolio 사진 올리기 내 정보 팔로우 보기 팔로워 보기 Logout 사진 업로드 양식을 저장..
프론트엔드(Front-End) 개요 [패스트캠퍼스] React& Redux로 시작하는 웹 프로그래밍 강의 수강 1주차(1) 프론트엔드 개발이란? HTML, CSS, JS를 사용해 데이터를 그래픽 사용자 인터페이스(GUI)로 변환하고, 그것으로 사용자와 상호 작용할 수 있도록 하는 것. 웹 브라우저에서 동작하는 개발 언어(?)는 HTML, CSS, JS 3가지! -HTML(Hyper Text Markup Language): 웹 구조 담당 -CSS(Cascading Style Sheets): 스타일 담당 -JS(JavaScript): 동적 처리 담당 웹앱(=웹사이트) 동작방식 주소창 주소 입력(https: 프로토콜 사용) -> 서버에 최초 요청(Request) -> 서버의 최초 응답(Response): HTML -> 추가 요청 -> 추가 응답..
[패스트캠퍼스] 프로그래밍 첫걸음 시작하기 학습일지 1주차 패스트캠퍼스 수강을 시작했다. 프로그래밍을 아예 모른다고 생각해서, 마침 내일배움카드로 신청할 수 있길래 가벼운 마음으로 시작. 아직은 수월한데, 다만 강사님 발음이 뭉개져서 집중하기 조금 어렵다... 자막 기능 있으면 좋을 듯. 너무 쉬운 수업부터 듣는 것일 수도 있는데... 그래도 기초가 중요하다고 생각하는 편이어서, 5주 동안 열심히 들으며 다른 공부도 병행할 예정이다. 프로그래밍 언어 종류 및 특징 - C: 기계적 접근, 기능이 많지 않음, 컴공 기초 - C++: C언어에 기능 추가, 사용성 ↑(세세한 부분까지 명령할 필요 x) - C#: MS에서 개발, window에서 동작하는 프로그램에 사용 - Java: 사용 범위 大(웹, 앱), 정부 제공 사이트 대부분 자바로 개발 됨, 수요 多 - Pyt..
시작 대학교 4학년 1학기(+휴학 1년)를 마친 지금, 개발 공부를 시작하려고 한다. 얼마나 걸릴지 알 수 없지만, 꾸준히 공부하고 기록하고자 블로그를 시작한다. 나 자신 화이팅!

티스토리툴바