Gyuni's Dev.Story

프로그래밍을 하다 보면 자주 사용하는 코드를 임의의 코드로 만들어 호출하여 사용할 수 있게 만드는데 이것을 우리는 함수라고 합니다. 함수를 사용하면 반복적으로 사용하는 코드를 분리하여 호출만 하는 방식으로 간단하게 사용할 수도 있고 파일의 크기에도 영향을 많이 주기 때문에 코딩하는 데 있어 아주 중요하다고 할 수 있습니다. 함수를 선언하는 방법과 자바스크립트에서 기본으로 제공해주는 함수에 대해서 알아보겠습니다. 함수 선언 함수를 선언하는 방법부터 하나하나 알아보겠습니다. 선언은 기본적으로 함수이름을 function을 사용하여 선언하고 그 뒤 소괄호() 안에 입력받을 변수를 입력하여 선언하게 됩니다. 그리고 함수이름과 입력받을 변수를 입력해 함수를 호출할 수 있습니다. 간단한 예시로 덧셈 함수를 만들어 함..

리스트 (list) 순서와 관련된 형태로 배열이라고도 부릅니다. 리스트는 대괄호 [] 안에 선언할 수 있습니다. 위와 같은 방법으로 변수에 리스트를 선언할 수 있습니다. 또한 이미 만들어진 리스트에 요소를 넣을 수도 있습니다. 위와 같은 명령어를 사용하게 되면 기존에 지정되었던 list 변수의 마지막에 'C'가 추가되게 됩니다. 리스트를 출력하는 방법은 크게 2가지가 있습니다. 리스트[숫자]를 이용해서 하나의 값을 확인하는 방법과 리스트를 그대로 작성하여 전체를 출력하는 방법입니다. 위의 사진을 보면 알겠지만 list[1]를 출력했는데 list 안의 2번째 값이 출력된 것을 확인할 수 있습니다. 그 이유는 리스트의 값을 0부터 읽기 때문에 list[0]에는 5의 값이 list[1]에는 10의 값으로 인식..

코딩을 진행하면서 변수명이나 클래스 명을 선언할 때 사람마다 규칙을 정해서 만들게 됩니다. 혼자서 코딩 & 개발을 하면 괜찮지만 다른 사람과 협업하여 같이 진행하는 경우에는 규칙이 꼭 필요합니다. 변수 명을 혼자서 알아보기 편하게 작성되면 다른 사람이 프로그램을 수정해야 하는 경우가 생긴다면 가독성이 떨어져 코드를 이해하기 힘들기 때문입니다. 가장 많이 사용하는 변수 선언 방식에 대해서 알아보겠습니다. 1. 카멜식 (Camel Case) : 첫 단어의 시작은 소문자로 작성하고 다음 단어의 시작은 대문자로 표현하는 방식입니다. 원문 : Apple Tree 카멜식 : appleTree 2. 파스칼식 (Pascal Case) : 단어의 첫 글자마다 대문자로 표현하는 방식입니다. 원문 : Apple Tree 파..

기존에는 var로만 변수 선언이 가능했지만 요즘에는 let, const을 사용하여도 선언이 가능하게 되었습니다. var var로 선언한 변수는 중복이 가능한데, 중복되어 작성하는 경우 마지막에 작성된 변수의 값을 인식하게 됩니다. 초기에는 이상이 없으나 프로그램을 계속 작성하다 보면 코드의 줄이 길어지는데 중복이 발생하는 경우이전에 사용한 변수가 있으면 해당 값이 변경되어 프로그램에 이상이 생길 수 있습니다. 그렇기 때문에 var을 사용할 때는 기존에 선언해둔 변수가 있는지 없는지 확인하는 것이 중요합니다. var는 중복하여 선언하는 경우 위의 사진과 같이 이후에 할당된 값을 인식합니다. let let은 변하는 값이 담기는 '변수'입니다. var와 다르게 중복으로 선언하는 것이 불가능하여 중복될 위험성을..

요즘은 인터넷 브라우저로 구글 크롬을 자주 사용하는데 구글 크롬으로도 자바스크립트를 사용하여 학습할 수 있습니다! 우선, 구글 크롬 브라우저를 연 뒤 'F12'키를 눌러 개발자 콘솔을 열어줍니다. 개발자 콘솔을 연 후 '콘솔' 혹은 'Console'창에서 간단하게 자바스크립트를 사용할 수 있습니다. 해당 창이 잘 작동하는지 확인하기 위해 기본적인 명령어로 테스트를 해보았습니다. 테스트 결과 사진과 같이 잘 작동하는 것을 알 수 있었습니다. console.log(); 명령어는 콘솔 창에 괄호 안의 값을 출력해주는 역할을 하는 명령어입니다. 변수를 사용하여 출력할 수도 있습니다. 옛날에는 변수로 var을 사용하였지만, 요즘에는 var을 2개를 분리하여 let, const를 사용해서 선언합니다. 보통 let은..

1. 프론트엔드 (Front-End) : 사용자가 직접 보는 화면의 UI 디자인과 기능을 구현하는 작업을 의미하며, 디자인한 UI의 기능 구현을 위해 백엔드 작업에서 개발하는 API를 불러와서 기능을 구현하는 역할도 한다. 그 외에도 데이터 처리를 위한 양식을 지정하는 역할도 프론트엔드의 작업이다. * 프론트엔드 개발자를 Client 개발자라고 부른다. 장점 : 작업하는 화면을 개발 도중 확인이 가능하다. 단점 : HTML의 기술 발전이 빨라 기존에 배운 내용이 변경되거나 안 되는 경우가 많다. 또한 외주를 받는 경우 요구사항이 변경되어 기존에 개발한 코드 구조가 바뀌는 경우가 많다. 필요한 기술 : HTML, CSS, Javascript, JAVA, JSP, React, Vue, Angular, Sve..

TIL의 의미 & 방법 TIL은 'Today I Learned'의 약어입니다. 번역하면 '오늘 내가 배운 것'이라고 하며, '일일커밋' 이라고도 합니다! 주로 개발자들이 공부할 때 사용하는 방법 으로, 그 날 배운 것을 매일 기록하는 습관을 TIL 이라고 합니다. TIL의 방법은 GitHub에 커밋으로 기록을 남기는 방식과 저와 같이 개인 블로그를 운영하며 작성하는 방법 등이 있습니다. 글에 추가할 사항이 있다면 댓글로 남겨주세요!

드디어 처음, tistory 블로그를 개설했습니다. 처음에는 이게 중요할까 생각했지만 인생을 돌이켜서 생각해보니 중요할 수 있을 것 같다고 생각했기에 만들었습니다. 저는 지금까지 살아오면서 많은 프로그램을 개발, 공부 해왔었지만 기록, 포트폴리오 등을 준비하지 않고 있었습니다. 그래서 이제 공부했던 내용, 프로그램에 대한 포트폴리오 내용을 올려서 공유하고자 블로그를 개설했습니다! 내용에 대한 피드백은 항상 감사히 경청하겠습니다!