화성갈끄니까아

🤷🏻‍♀️ 시작하기 전에 앞서... ✏️ 우리는 일상생활 뿐만 아니라 코드를 짜면서 같은 자료형들을 그루핑(grouping)하는 작업을 많이 하고 있을 것이다. 프로그래밍적으로 그루핑할 경우에는 배열이라는 것을 흔히 많이 들으면서 사용해 왔다. 배열뿐만아니라 리스트라는 단어도 듣는데 그때마다 배열이라는 것이 있는데 리스트라는 단어를 왜 사용할까? 어떠한 차이점이 있지? 에 대한 호기심이 커졌다. 따라서 배열과 리스트에는 어떠한 차이점이 존재하는지, 각자 어떠한 것을 정의하길래 다른 것인지 한번 알아보도록 하자! 💁🏻‍♂️ 배열(Array)이란? ✏️ 위키백과에서 '배열이란 인덱스와 번호에 대응하는 데이터들로 이루어진 자료구조를 나타낸다.'라고 설명하고 있다. 솔직히 이것만 봐서는 어떤 것을 의미하는지 이..

🤷🏻‍♀️ 시작하기전... ✏️ 소프트웨어 개발 주기는 요구사항 분석, 설계, 구현, 배포, 유지보수 등과 같은 일련의 과정을 거치게 되는데 이 과정에서 소프트웨어 개발 모델을 사용하여 진행된다. 소프트웨어 개발 모델에는 폭포수, 애자일, 나선형, 프로토타입, V모델이 있다. 이 중 폭포수 모델과 애자일의 가장 대표적으로 비교할 수 있으며 매우 중요하니깐!! 한번 무엇인지 쉽게 알아보자! 폭포수 모델 ❓ ✏️ 위의 그림을 보면 폭포수 처럼 작업이 위에서 아래로 흐르는 것을 확인할 수 있다. 폭포수 모델은 1970년대 제시된 첫 번째 소프트웨어 개발 방법론으로써, 요구사항 분석 → 설계 → 개발 및 구현 → 테스트 → 유지보수의 단계를 순차적으로 진행하여 소프트웨어를 개발하는 방법이다. 다음과 같은 과정을..

MVC 패턴이 무엇일까 ❓ MVC 패턴은 디자인 패턴중 하나로써, Model / View / Controller로 구성되어 있는 패턴이다. 그럼 디자인 패턴은 뭔가요❓ 디자인 패턴은 소프트웨어 설계 시 자주 발생하는 고질적인 문제들을 해결하기 위한 해결책을 만들어서 재사용하여 문제점을 처리하는 것을 의미한다. 디자인 패턴은 개발자 간 의사소통 또한 원할하게 해주는 아주 중요한 역할을 해준다고 할 수 있다. 디자인 패턴은 크게 생성(Creational)패턴, 구조(Structural)패턴, 행위(Behavioral)패턴이 있다. Model & View & Controller 1. Model ✏️ Model은 컨트롤러가 호출하면 DB와 연동하여 데이터의 입출력과 데이터와 연관된 비지니스 로직을 처리하는 역..

웹팩에 대해 알기 전 🤷🏻‍♀️ ✏️ 웹 애플리케이션을 개발하는 과정에서 코드의 길이가 늘어나게 되었기 때문에 편리하고 유지보수가 쉽도록 하기 위해 많은 모듈을 사용하여 개발할 것이다. 그렇게 완성이 되면 웹 서버에 배포를 하게 된다. 사용자들이 브라우저를 통해 웹 사이트에 접속하게 되면 브라우저는 UI를 나타내기 위하여 HTML, CSS, Image, Font 등의 자원을 웹 서버에 요청(HTTP request)하게 된다. 그리고 웹 서버는 준비된 자원들을 브라우저에게 응답(HTTP response)함으로써 사용자들에게 UI를 볼 수 있게 해 주게 되는 것이다. 하지만 모듈을 계속해서 분리하다 보면 그만큼 브라우저가 서버에게 요청하는 파일의 개수가 많아질 것이다. 요청하는 파일의 개수가 많아진다는 것은..

요리 🥘 ✏️ 요리사가 요리를 하고 있다. 요리를 하면서 조리대에 요리 재료들과 식기들을 놓고 진행 중이다. 계속해서 재료들과 식기들이 추가되다 보면 얹을 공간이 없어질 것이다. 요리사는 더 이상 요리가 진행되기 힘들다고 판단을 한다. 그러자 옆에 있는 조수가 사용하지 않거나 사용이 완료된 재료들을 치우면서 공간을 넓혀주는 장면을 기억해보자. 메모리 💾 ✏️ 메모리를 쉽게 이해하기 위해서 요리하는 과정을 앞서 설명하였다. 컴퓨터 또한 요리하는 과정과 마찬가지로 처리할 작업들을 올려놓을 공간이 필요하다. 요리에 필요한 재료들과 식기 구들을 놓는 조리대를 메모리라고 생각해 보자. 조리대 공간이 넓으면 넓을수록 더 많은 요리가 동시에 가능할 것이다. 이는 우리가 컴퓨터를 구매할 때 램의 GB를 체크하는 이유이..

자바스크립트와 웹 브라우저는 아주 밀접한 관계이다?? 🤷🏻 정답 🙂 자바스크립트는 웹 브라우저를 프로그래밍적으로 제어하기 위한 언어이기 때문에 뗄레야 뗄 수 없는 언어라고 할 수 있다. 따라서 프론트엔드 개발자라면 웹 브라우저의 구조에 대해서는 반드시 알아야 한다고 생각한다. 또한 요즘 웹 브라우저 뿐만 아니라 다양한 환경에서 자바스크립트가 이용되고 있기 때문에 자바스크립트의 탈 웹브라우저에 대해서도 간단히 알아보자!! 먼저 웹 브라우저에 대해서 알아봅시다~ 웹 브라우저의 기본 구조 🏗 * 구조는 브라우저마다 다를 수 있다. User Interface : 주소 표시줄, 다음 & 이전 & 새로고침 버튼 등 웹 페이지를 제외하고 사용자와 상호작용하는 인터페이스 Browser Engine : User Inte..

개발자로써 프로그래밍 언어에 대한 동작원리를 파악하는게 왜 중요할까?? 좋은 코드를 잘 짜고 싶으면 문법외에도 동작원리에 대한 개념 이해가 반드시 필요하기 때문이다. 좋은 코드란? 가독성이 좋고 성능 향상 및 테스트 하기 좋은 코드를 의미한다. 브라우저에 대한 이해도가 필요한 이유??? 자바스크립트로 작성한 코드를 브라우저가 실행시키기 때문이다. 브라우저는 자바스크립트를 실행해주는 엔진인 셈이다. About Javascript 💁🏻‍♂️ 자바스크립트는 한번에 코드 하나 밖에 실행하지 못하는 특징을 가지고 있다. 이를 싱글 쓰레드(Single Threaded)라고 부른다. 따라서 원래 병렬처리가 불가능한 언어이다. 더 쉽게 이해하자! alert창을 띄워놓으면 닫기 전까지 어떠한 동작도 하지 못한다는 것을 ..