본문 바로가기
내가 웹을 배우게 된 과정, Angular 처음 접하게 된 계기 군대에서 IT에 관한 공부를 하던 중 HTML을 살짝 접했는데, 코드를 쓰는 즉시 브라우저에 내용이 적히는 모습에 흥미를 갖게되었다. Angular를 배우게 된 이유 현업에 종사하고 계신 지인께서 Angular를 배워 보라는 권유를 해주었다. HTML, CSS, JavaScript 밖에 모르던 나에게 프론트엔드 프레임워크는 어려웠지만 놀랍고 배우고 싶은 기술이었다. Angular란? Angular는 SPA 개발을 위한 구글의 오픈소스 자바스크립트 프레임워크이다. 여러가지 프론트엔드 개발에 필요한 대부분의 기능을 갖추고 있으며, 정적 타입을 제공하는 TypeScript를 주력 언어로 채택하여 대규모 애플리케이션 개발에 보다 적합한 환경을 제공한다. Angular의 장점 컴포넌트 기반 ..
JavaScript JavaScript란? 동적으로 컨텐츠를 바꾸고, 멀티미디어를 다루고, 움직이는 이미지 등 웹 페이지를 꾸며주도록 하는 프로그래밍 언어이다. JavaScript가 실행되는 과정 브라우저에서 웹페이지를 불러올 때, 실행 환경(브라우저 탭)안에서 HTML, CSS, Javascript 코드가 실행된다. 이는 마치 공장에서 원재료(코드)가 일련의 과정을 거쳐 제품(웹페이지)로 탄생되는 것과 같다. 자바스크립트는 HTML과 CSS가 결합되고 웹페이지에 올려진 후, 브라우저의 자바스크립트 엔진에 의해 실행된다. Javascript 실행 순서 자바스크립트는 인터프리터 식이며 따라서 위에서 아래로 순차적으로 코드가 실행된다.
Python의 특징과 장단점 Python의 특징 - 플랫폼 독립적 - 인터프리터 식 - 객체지향적 - 동적타이핑의 대화형 언어(실행 시간에 자료형을 검사 즉, 그 전에는 자료형을 명시하지 않음) - 들여쓰기를 사용하여 블록을 구분하는 문법 Python의 장점 - 읽고 사용하기가 쉽다. -> 개발속도의 증가, 타인의 코드를 읽을 때 효율적 - 다양한 플랫폼의 사용 -> 라즈베리파이 기반 - 비동기식 코딩 -> 기다리는 시간이 존재하지 않음. 다른작업을 바로 실행 Python의 단점 - 속도 -> 인터프리터 언어 이기 때문 - 모바일 컴퓨팅과 브라우저 부재 -> 파이썬으로는 앱을 개발하는 것은 어렵다. 파이썬의 간결함과, 많은 오픈소스 라이브러리에 반해서 파이썬을 배우게 되었다. 처음에는 느리다는 단점 때문에 배우려하지 않았던 언어이지..
SW 마에스트로 10기 면접준비 ※ 면접 전에 준비해야 할 내용 1. 지식 - Python 기초지식 - JavaScript 기초지식 - Angular 기초지식 - Flask, NodeJs, Django 기초지식 - 클라이언트와 서버, 웹의 개념 - 머신러닝에 대한 간단한 지식 2. 경험 - 프로젝트를 진행하면서 있었던 기억에 남는 이슈 ex) 프론트는 http, 백엔드는 https로 진행하려 했는데 둘 사이에 연결이 안됬던 부분 - 내가 배워온 각 언어들을 선택했던 이유 - 각 프로젝트의 경험 정리(푸클, 프라임 외주, 세원메딕스 기능추가 외주, 자바로 만들었던 메신저) 3. 프로젝트 관련 - 인상적인 SW 마에스트로의 역대 프로젝트 정해두기 - 인공지능 챗봇에 대한 정리 ※ 면접 당시에 주의 해야 할 내용 - 긴장 풀지 않기 - 열정..
flask 개발환경 구축하기 flask를 설치하기 위해선 pip가 필요합니다. pip는 Pip Installs Packages의 약자로서 파이썬 패키지를 설치하고 관리하는 패키지 관리자입니다. pip는 python3.4+를 설치하면 함께 설치됩니다. 설치순서1. python 설치(pip설치)2. flask 설치 1. python 설치https://www.python.org/ 사이트로 접속하여 다운로드에서 원하는 버전을 다운로드합니다. 저는 3.7.1버전을 다운로드 했습니다. 3.7.1 버전을 선택하여 들어가서 쭉 내려보면 윈도우 64비트에 해당하는 설치파일들입니다. 셋 중 하나를 택하여 설치하면 됩니다. python 설치 성공 시의 모습입니다. python --version, pip --version 명령어로 테스트 할 수 있습니다..
Angular 개발환경 구축하기 Angular를 사용하기 위해서는 NPM의 설치가 필요합니다. NPM은 Node Package Manager 의 줄임말으로서 NodeJS를 설치하면 함께 설치됩니다..NodeJS 설치 후, Angular CLI를 설치합니다.Angular CLI는 편리하게 프로젝트를 생성하고 관리하도록 도와줍니다. 설치순서1. NodeJS 설치(NPM)2. Angular CLI 설치3. visual studio code(툴) 설치 1. NodeJS 설치https://nodejs.org/ko/로 접속하여 LTS버전을 다운로드합니다.(최신버전을 받아도 상관없으나, 저는 조금 더 안전한 LTS버전을 선호합니다)아래는 설치가 성공했을 때의 모습입니다. node --version, npm --version 명령시 이러한 반응이 있..
Pookle 프로젝트 - DB 설계 Database : MongoDB(NoSQL)Database Name : Pookle_dbcollections : user, timeline_post, board_post user collections : _id : object_iduser_name : stringuser_pw : stringuser_que : stringuser_ans : stringuser_nickname : string // 기본값은 user_name과 동일하게 넣되, 변경해서 사용할 수 있도록.user_fav_timeline : object = {timeline_id : object_id,timeline_title : string // 유저에게 미리 보여주기 용} user_like_board : object = {board_id ..
Angular 설치 1. nodejs 설치nodejs(https://nodejs.org/ko/) 페이지로 이동하여 맞는 운영체제의 LTS버전을 다운로드합니다. 2. angular cli 설치 npm install -g @angular/cli3. 프로젝트 생성ng new myfirstproject4. 해당 디렉토리로 이동 후, 프로젝트 실행ng serve웹브라우저에서 localhost:4200 로 이동다음과 같은 화면이 보이면 성공입니다.

티스토리툴바