에이블디 공식 블로그

안녕하세요 에이블디 입니다! 이번 시간에는 연산자에 대해 알아보려 해요! 연산자는 여러 가지 종류가 있는데, 이번 포스팅에서는 사칙, 나머지, 증감 연산자만 다루어보도록 하겠습니다. 사칙 연산자, 나머지 연산자, 증감 연산자를 정리하자면 다음과 같습니다. 분류 연산자 기호 설명 사칙 연산자 더하기 + 두 값을 더합니다. 빼기 - 앞의 값에서 뒤의 값을 뺍니다. 곱하기 * 두 값을 곱합니다. 나누기 / 앞의 값을 뒤의 값으로 나눕니다. 나머지 연산자 나머지 % 앞의 값을 뒤의 값으로 나눈 나머지 값을 구합니다. 증감 연산자 증가 ++ 변수의 값을 1만큼 증가시킵니다. 감소 -- 변수의 값을 1만큼 감소시킵니다. 연산자에 대해 더 알아보기 전에 연산자와 피연산자에 대해 간단히 설명하도록 하겠습니다. var ..

안녕하세요 에이블디입니다! 이번 시간에는 변수란 무엇인지, 그리고 변수 값의 자료형을 알아보는 방법에 대해 알아보겠습니다. 변수란 변하는 값을 의미합니다. 그리고 자바스크립트에서 변수는 변하는 '값'을 저장할 때 사용합니다. 변하는 값은 숫자도 될 수 있고 문자도 될 수 있겠죠? 예를 들어 사람의 이름과 나이를 저장하는 변수가 있다고 가정한다면, 사람마다 이름도 다를 거고 나이도 다를 수 있겠죠? 지금부터 변수에 대해 더 알아보도록 하겠습니다! 변수에는 컴퓨터가 구별할 수 있도록 이름을 붙여야 하는데요, 이를 '변수를 선언한다'라고 합니다. 변수 선언은 아래와 같이 var 뒤에 변수 이름을 적으면 됩니다. var abled; 변수를 선언할 때 이름의 첫 글자는 반드시 문자나 밑줄(_) 또는 달러($)로 ..

안녕하세요 여러분! 에이블디입니다! 오늘은 지난 시간에 이어 복합 자료형에 대해 알아보겠습니다! 복합형에는 배열과 객체가 있는데요! 하나하나씩 알아보도록 하겠습니다! 배열은 하나의 변수에 여러 값을 저장할 수 있는데요! 에이블디의 학생의 이름을 변수에 저장할 때 배열을 사용하지 않으면 다음과 같이 변수 선언을 하고 값을 할당할 수 밖에 없습니다. var yama = "야마"; var charlie = "찰리"; var lucas = "루카스"; var kevin = "케빈"; var summer = "서머"; 학생이 늘어나면 늘어날수록 변수선언을 계속해서 해야겠죠? 여기서 배열을 사용해 보겠습니다! var student = ["야마", "찰리", "루카스", "케빈", "서머"]; 5줄로 작성했던 코드가..

안녕하세요 여러분 에이블디입니다! 이번 시간에는 자바스크립트의 자료형에 대해 알아보려고 해요! 자료형이란 컴퓨터가 처리하는 자료의 형태를 말하는데요, 자바스크립트의 자료형은 값이 하나인 기본형과 여러 값을 한꺼번에 담고 있는 복합형으로 구별합니다. 다음의 표는 기본형과 복합형에 대해 정리해 보았습니다. 자료형 설명 기본형 number(숫자) 따옴표 없이 표기한 숫자를 나타냅니다. string(문자열) 작은따옴표(')나 큰따옴표(")로 묶어 나타낸 문자의 집합입니다. boolean(논리형) 참(true)과 거짓(false)으로 표현할 수 있는 유형입니다. undefined 자료형을 지정하지 않았을 때의 유형입니다. 변수를 선언하고 값을 정의하지 않으면 undifined가 됩니다. null 값이 유효하지 않..

안녕하세요! 에이블디 입니다. 이번 시간에는 자바스크립트에 대해 알아보려고 해요! 자바스크립트를 공부하기 전에 자바스크립트란 언어는 무엇인지 알아보는 시간을 가져보도록 하겠습니다! 자바스크립트는 넷스케이프 커뮤니케이션즈 코퍼레이션의 브렌던 아이크(Brendan Eich)가 처음에는 모카(Mocha)라는 이름으로 개발을 하다가 공식적으로는 라이브 스크립트(LiveScript)로 불리며 1995년 9월에 베타 릴리스가 이루어졌으나 1995년 12월에 자바스크립트(JavaScript)로 바뀌게 됩니다. 자바스크립트라는 이름 때문에 자바(Java) 언어에서 파생되었다는 인상을 심어주어 혼란이 야기되었는데, 이것은 당시 대세였던 프로그래밍 언어인 자바의 이름을 넣어 마케팅적으로 이용하기 위해 네이밍을 자바스크립트..

안녕하세요! 에이블디 입니다! 이번 시간에는 지난 시간에 이어서 포크 해 온 깃허브 리포지토리의 새로운 커밋을 원본 리포지토리에 합치는 방법에 대해 알아볼게요! 먼저 원본 리포지토리의 개발자에게 내가 수정한 것을 반영해 달라고 요청해야 합니다. 이 요청을 풀 리퀘스트(pull request)라고 하는데요 풀 리퀘스트는 #32 포스팅에서 다룬 적이 있는데 기억나시죠? 바로 실습해 보도록 하겠습니다! 먼저 포크 한 자신의 깃허브 리포지토리에서 파일 목록 위에 있는 'Contribute'를 누르면 노출되는 'Open pull request'를 눌러주세요! 'Open pull request'를 누르면 원본 리포지토리 (Dev-Jayden/fork_example)의 master 브랜치와 복제된 리포지토리(able..

안녕하세요 여러분! 에이블디입니다! 이번 시간에는 다른 깃허브 리포지토리에 있는 소스를 자신의 깃허브 리포지토리로 복제해오는 방법에 대해 알아보겠습니다! 깃허브에 오픈소스들이 많다는 것 이전 게시물들에 간간히 말씀드린 것 기억나시나요? 깃허브로 오픈소스에 기여할 수도 있지만 오픈소스 이외에도 외주라던지 아니면 사이드 프로젝트를 팀 단위로 진행하는 경우 등 메인 깃허브 리포지토리를 하나 두고 자신의 개인 깃허브 리포지토리로 소스를 가져와 작업해야 할 상황이 있는데요, 메인 리포지토리에 있는 소스를 직접 수정해서는 안 되는 상황일 때 자신의 개인 리포지토리에 메인 소스 저장소를 복제하는 것을 '포크(fork)한다' 혹은 '포크 뜬다'라고 합니다. 그럼 지금부터 포크 뜨는 법에 대해서 알아보고 실습하도록 해볼..

에이블디를 세운 지 벌써 1년 하고도 2개월이란 시간이 지났다. 1년 2개월이란 시간동안 참 많은 일들이 있었다. 그래도 결과는 너무 만족스럽고, 좋고, 행복하다. 사실 에이블디를 시작해야겠다고 생각하고 시작한 게 아닌데 이렇게 1년 2개월을 운영하고 있는 것도 참 신기하다. 어쩌다 보니 에이블디를 만들게 될 상황이 왔고, 나와 함께 에이블디를 이끌어준 학생들이 나를 믿고 끝까지 공부하여 졸업했다. 한 명 두 명 취업에 성공하기 시작하고 6명째 졸업자와 동시에 6명째 취업 성공을 달성하고 에이블디를 홍보하기 시작했다. 에이블디를 운영하면서 항상 정직하게 운영하고 싶었다. 그래서 다음에 에이블디에서 공부하게 될 사람들에게 보여줄 아웃풋이 필요했다. 학생들이 많이 있었을 때 홍보를 하여 한 명 두 명 새로운..

안녕하세요! 코딩 전문학원 에이블디 입니다! 오늘은 저희 에이블디를 졸업하고 현재는 프로 개발자로서 활동 중인 Jang 님의 후기를 소개하려 합니다. Jang 님은 클래식 음악을 전공하셨고 첼로를 연주하는 첼리스트셨어요. 독일에 유학까지 다녀오셨다가 갑자기 개발자에 뜻을 가지시고 에이블디에 오신 코딩의 'ㅋ'도 모르시던 분이셨습니다! 지금은 저희 에이블디를 졸업하시고 면접을 보시다가 정말 가고 싶은 회사가 생겼다고 하시던 회사에 당당하게 입사하셔서 프로 개발자로 활동 중이신데요! 졸업하시자마자 에이블디 후기를 개인 블로그에 작성해 주셨는데, 이번에 취업이 확정되시고 나서 취업후기를 하나 더 작성해 주셨습니다! 그럼 후기를 소개해 드리도록 하겠습니다! 먼저 졸업 직후 작성해 주신 에이블디 후기의 링크입니다..

안녕하세요 여러분! 에이블디입니다! 이번 시간에는 지난 시간에 이어 리드미에 이미지를 삽입하는 방법에 대해 알아보겠습니다! 마크다운에서 이미지를 삽입할 때는 맨 앞에 !를 붙인 후 [] 안에 대체 텍스트를 작성하고 () 안에 이미지 파일 경로를 지정합니다. 여기서 대체 텍스트란 이미지를 나타낼 수 없는 상황이나 화면 낭독기에서 이미지를 소리로 설명할 수 있도록 삽입하는 텍스트입니다. 이번에 실습할 이미지 삽입법은 웹에 올라와 있는 이미지 파일의 경로를 사용하여 이미지를 삽입하는 방법이므로 이미지 파일이 경로를 가지려면 웹에 올라와 있어야 합니다. 저는 에이블디 공식 홈페이지의 에이블디 로고 이미지를 불러와 보도록 하겠습니다. 아래의 이미지와 같이 작성을 해 보았습니다. 이제 결과 화면을 확인해 볼까요? ..