본문 바로가기

전체 글14

인프런 Angular - 01. Angular, Angular CLI, Node.js Angular? Google에서 만든 단일 페이지 웹 애플리케이션 개발을 위한 자바스크립트 프레임워크다. 기존 Angular 1을 AngularJS, Angular 2를 Angular라고 부른다. 단일 페이지 웹 애플리케이션 (SPA : Single Page Application) 방식으로 Ajax요청을 통해 변경되는 부분에 필요한 데이터만 받아와 해당 부분만 렌더링한다. (일반 웹 애플리케이션은 서버로부터 새로운 페이지를 받아 전체 리소스를 로드하고 처음부터 렌더링한다.) AngularJS와 Angular의 차이? - Controller와 $scope 기반 개발에서 Component 기반 개발(CBD, Component Based Development)로 전환되었다. - AngularJS보다 향상된 모.. 2020. 6. 18.
Vector 2차원 배열 파라미터 전달하기 프로그래머스 사용하면서 vector 2차원 배열을 처음 사용해보았다. 다른 함수로 해당 2차원 배열을 전달한 후, 배열을 수정하고 solution 함수에서 사용해보니 배열 값의 변화가 없었다. 알고보니 다른 함수를 선언할 때, vector로 선언한 것이다. 너무 바보같은 실수..ㅠ 아래처럼 사용하면 된다! #include #include using namespace std; vector Func (vector board){ //코드작성 return board; } int solution(vector board){ int answer = 0; Func(board); return answer; } 2020. 5. 6.
MME 웹 디자인 _ Moqups, SublimeText - 초반 우리 학과 학생들이 사물함 신청을 진행할 때 사용할 수 있는 웹을 개발하고자 했다. 대략적인 그림이 나와야 진행이 가능할 것 같았다. 그래서 디자인을 위해 Moqups 사이트를 이용했다. https://moqups.com/ Online Mockup, Wireframe & UI Prototyping Tool · Moqups Moqups is a streamlined and intuitive web app that helps you create and collaborate on wireframes, mockups, diagrams and prototypes — for any type of project. moqups.com - HTML 제작 툴 인프런으로 강의를 듣던 중 SublimeText라는 툴.. 2020. 4. 17.
CSS _ 정리 03 : 개발 이슈 (반응형 웹) 1. 반응형 웹 반응형 웹을 구현하기 위해서는 간단하다. 아래처럼 화면 별로 CSS를 설정해주면 된다. @media screen and (max-width: 1680px){ h1 { font-size : 1em; } } @media screen and (max-width: 1280px){ h1 { font-size : 1.5em; } } @media screen and (max-width: 980px){ h1 { font-size : 2em; } } @media screen and (max-width: 736px){ h1 { font-size : 2.5em; } } 2. !important 타인이 만든 CSS 파일을 가져와서 사용할 때가 있다. 여기에 덧붙여서 내가 CSS를 작성하다보면 기존 것과 충돌되.. 2020. 4. 17.