목록웹 (39)
Romantic Developer : )
안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 앞서 실습한 자바스크립트의 아주 기본적인 문법에 이어 조금더 나아가Functions 에 대하여 알아보고 이를 활용하는 방법에 대해서 실습해 보고자 합니다. 본 포스팅은 코드카데미 자바스크립트 과정에서 Functions 파트를 기반으로 만들어 졌습니다.참조 : https://www.codecademy.com/en/tracks/javascript 그러면 바로 시작하도록 하겠습니다. 1. JavaScript Functions ?! 프로그래밍은 마치 요리를 하는 것과 같습니다. 어떠한 조리법에 따라 어떠한 재료를 얼만큼 넣는지에 따라다른 요리가 완성되기 때문입니다. 기본적인 함수를 호출하는 내용은 아래와 같이 생겼습니다. var divideByThree = ..
안녕하세요! 영감을 주는 개발자 방민방민입니다. 지난 시간에 이어 자바스크립트 기초 문법 중 조건문, 반복문 등에 대하여 알아보는 시간을 갖고자 합니다. 바로 시작하도록 하겠습니다. 1. if 문 if 문은 프로그래밍에서 가장 많이 사용하는 제어문입니다. if 문의 문법은 아래와 같습니다. if (조건문) { statement1; } else { statement2; } 조건문에 따라 조건문이 참인경우 statement1 이 , 거짓인 경우에는 statement2 가 실행됩니다. 여러가지의 조건문을 사용하기 위해서는 if ~ else if ~ else 문을 사용합니다. 문법은 아래와 같습니다. if (조건문) { statement1; } else if(조건문2) { statement2; } else { ..
안녕하세요~ 영감을 주는 개발자 방민방민입니다. 오늘은 자바스크립트 기본 문법에 대해서 조금더 디테일하게 공부를 해보고자 합니다.아주 기초적인 자바스크립트 문법에 대해서는 코드카데미와 본 블로그의 자바스크립트 기초(1) 과 (2) 에서 맛보았습니다. 아주 기초적인 내용만 다루었기 때문에 본 포스팅부터 몇회에 걸쳐 자바스크립트의 아주 기초적인 문법을 공부해 보겠습니다. 본 포스팅은 니콜라스 자카스의 책 "프론태엔드 개발자를 위한 자바스크립트 프로그래밍" 을 토대로 만들어 졌습니다. 1. 대소문자 자바스크립트는 대소문자를 구별합니다. 즉 test 와 Test 는 다른 변수입니다. 2. 식별자 자바스크립트에서 식별자는 함수, 변수 등의 이름을 말합니다.보통 소문자로 작성하며 두개의 단어를 연결할때는 myCom..
안녕하세요~ 영감을 주는 개발자 방민방민입니다. 오늘은 지난 javascript 기초 문법에 이어 이를 활용한 간단한 반응형 웹을 만들어 보고자 합니다. 이 포스팅은 저번과 마찬가지로 코드카데미의 javascript 과정에서 "Code your own adventure" 과정을 토대로 작성되었습니다.(참조 : https://www.codecademy.com/en/tracks/javascript) 그럼 시작합니다! 1. confirm 앞선 자바스크립트 기초(1) 이서 배웠던 confirm 기능을 활용하여 사용자의 준비를 확인합니다.confirm("are you ready?"); 2. Old enough to play? 사용자가 충분한 연령대의 사용자인지를 확인하기 위하여 사용자로부터 나이를 입력받고, 이를..
안녕하세요 영감을 주는 개발자 방민방민입니다. 오늘은 Codecademy 커리큘럼에 따라 기초 문법에 대한 공부를 해 내가고자 합니다. 본 포스팅은 아래 코드카데미 Javascript 커리큘럼 중 Introduction of javascript 과정을 기반으로 하여 작성되었습니다. 참고용으로 본 포스팅을 사용하시면 될것입니다. :)(참조 : https://www.codecademy.com/en/tracks/javascript) 그럼 시작합니다. 1. 길이 문자열의 길이를 출력하는 문법은 아래와 같이 length를 사용합니다. 이때 문자열의 길이를 출력하는 length 함수는 공백도 문자로 취급하여 함께 카운트 합니다. javascript 는 객체지향 언어이므로 아래와 같이 간단한 방법으로 함수를 호출하여..
안녕하세요~ 영감을 주는 개발자 '방민방민' 입니다. 오늘은 CRUD 의 개념중 Read 즉 읽어오기 에 대해 알아보도록 하겠습니다. 더 긴 말은 생략하고 바로 시작하겠습니다. 1. 개념 Read 는 웹 상에서 사용자가 작성한 글을 읽어올수 조회할 수 있는 기능을 말한다. 2. 실습 지난번 Create 를 통해서 사용자의 입력을 받아 DB 상에 저장하는 과정 까지를 다루었습니다.오늘은 Read에 대해 좀 더 알아보도록 하겠습니다. 먼저 게시판에서 어떤 글을 읽기 위해서는 내가 쓴 글이 목록화 되어 보여지면 직관적이고 좋을것 같습니다.아마도 .... 저는 물론 그렇습니다. 그래서 사용자에게 처음으로 보여질 페이지를 index로 내가 써놓은 글들이 목록으로 보여줄 수 있도록 해보겠습니다. 오늘 다룰 실습에 ..
안녕하세요 영감을 주는 개발자 '방민방민'입니다. 다른 이야기는 빼고 바로 시작하도록 하겠습니다. 1. 개념 CRUD 에서 Create ( 새로운 게시물 생성) 에 대한 내용을 다루고자 합니다.. 2. 실습 Create 라는 기능하는 콘트롤러는 다음의 두가지로 구성될 것입니다.new 는 실제 사용자에게 보여지는 페이지로 사용자로부터 데이터를 받아오는 역할을 할것이고 create 는 사용자에게 보여지지는 않지만 new 에서 받아온 데이터를 이용하여 실제 게시물을 생성하는 역할을 할것입니다. #Create def new #사용자에게 보여질 create 페이지 end def create #사용자의 데이터를 받아와서 내부에서 게시물을 생성 end new 는 사용자에게 보여지는(view) 파일임으로 view 폴더..
안녕하세요 영감을 주는 개발자 '방민방민'입니다. 오늘은 CRUD 개념에 대해 코드와 함께 생각해 보는 시간을 가지고자 합니다. 위 내용은 앞서 Modeling과 관련된 내용이 생략되어 있을 수 있습니다. Modeling 과 관련된 내용은 따로 포스팅을 하도록 하겠습니다. 1. CRUD 개념 웹 페이지 구현에 있어서 CRUD 는 아주 중요한 개념이며 아래의 4가지로 구성됩니다. - Create- Read- Update- Delete 뒤에 나올 게시판의 예를 들면 새로운 게시글을 Create(작성) 하고 , 작성된 게시글을 Read(읽음) 하고,Update(갱신) 하고 Delete(삭제)할 수 있다는 것입니다. 실습을 통해 알아보도록 하겠습니다. 2. 실습 먼저 아래 명령어 (버전은 생략 가능) 를 통해 ..
안녕하세요~! 영감을 주는 초보 개발자 '방민방민' 입니다. 오늘은 웹 개발에 있어 dynamic web 을 구축하는 방법중 Ruby on Rails 에 대해 이야기해 보고자 합니다. 그럼 바로 시작합니다! 1) Web을 만드는 두가지 방법 웹 서비스를 제작하는 방법에는 두가지가 있을 것입니다.첫번째. A-Z 모두를 직접 제작하기이 경우에는 DB 세팅부터 시작해서 Web 서버 세팅까지 본인이 직접 모든일들을 수행해야할 것입니다. 두번째. 프레임 워크를 사용이 경우에는 개발자가 잡다한 것들을 빼고 웹서비스만을 구축하는데 모든 힘을 쏟을 수 있을 것입니다. 2) 프레임워크가 뭔가요? 프레임워크는 기본적인 구조나 필요한 코드들을 알아서 제공해 주는것을 말합니다. 커피장사에 비교해 보면, 인테리어, 홍보, 원재..