분류 전체보기 (10) 썸네일형 리스트형 [JS] 데이터 정리하는 방법(Array) 📚 INTRO 우리는 코딩을 하면서 수많은 데이터를 다루게 됩니다. 하지만 이 데이터가 정리되어있지 않고 여기저기 흩어져있다면 데이터 사용이 어려워지겠죠? 더 효율적으로 프로그램을 만들기 위해서 우리는 데이터를 정리해두어야합니다. 오늘은 데이터를 정리하는 방법에 대해 알아봅시다🥳 쉽게 이해하기 위해서 데이터 타입과 변수 선언하는 방법을 알고있어야해요! 잘 모르겠다면 아래 링크를 참고해주세요😉😉 데이터 타입에 대해 잘 모르겠다면? 👉 https://hizzine.tistory.com/9 Data Type(null과 undefined) 오늘은 자바스크립트의 대표적인 자료형에 대해 알아봅시다🙌 🔎 String, number, boolean String: 텍스트 데이터를 나타내는데 사용합니다. c언어와 달리 자.. [TIL] Git 과 Github 📚INTRO 이 글을 보고계시는 여러분은 모두 git, github를 알고계시겠죠?😉 git, github는 코딩할 때 절대로 빠질 수 없는 서비스죠! 오늘은 이 둘이 뭐가 다른건지, 왜 사용해야하는건지 알아봅시다! 🔎 Git 을 왜 사용해야 할까? 코딩을 하다보면 작업하던 파일에서 무수한 에러가 발생할 수 있어요 그럴땐 차라리 편집 전 파일로 되돌려서 다시 시작하고 싶을거에요! 하지만, 계속 파일을 백업해두는것은 번거롭고, 편집 전 파일을 미리 복사해두지 않았다면? cmd + z를 무한반복하거나 하나씩 찾아서 수정해야하는 끔찍한 일을 해야합니다🤮🤮🤮 하지만 버전관리를 할 수 있다면? 손쉽게 이전 상태로 돌아갈 수 있습니다👏 버전 관리는 각 버전별로 변경된 이력을 저장하는 작업입니다. 버전 관리를 하게되.. [JS] Data Type(null과 undefined) 오늘은 자바스크립트의 대표적인 자료형에 대해 알아봅시다🙌 🔎 String, number, boolean String: 텍스트 데이터를 나타내는데 사용합니다. c언어와 달리 자바스크립트의 문자열은 변경 불가능합니다. Number: 숫자를 표현하는 자료형 입니다. Boolean: 논리적 요소를 나타내고, true와 false의 두가지 값을 가질 수 있습니다. const myName = "Joy"; const age = 25; const isAdult = true; console.log(typeof myName); console.log(typeof age); console.log(typeof isAdult); ⚠️ 위의 예시에서 number에 해당하는 25, boolean 에 해당하는 true도 ""안에 넣게.. [JS] const, let, var 차이점이 뭐지? 자바스크립트에서 변수를 선언할 때, const, let, var 중 하나로 선언할 수 있습니다. 그렇다면 const, lat, var의 차이점은 뭘까요? 함께 알아봅시다🥳 📚 변수를 선언하는 이유 차이점을 알아보기 전에, 왜 변수를 선언하는지 부터 알아봅시다🙌 만약 변수 선언 없이 3과8을 계산값을 보여달라는 요청을 받으면 다음과 같이 작성해야 합니다👇 console.log(3 + 8); console.log(3 - 8); console.log(3 * 8); console.log(3 / 8); 그런데 갑자기 3과 8이 아니라 2와 5를 계산해달라고 합니다.🤮 그럼 우리는 총 8번을 수정해야하는데.. 이 얼마나 귀찮은 일인가요! 이때, 만약 변수를 선언했다면? const a = 3; const b = 8;.. 알고리즘의 개요 📚 Prologue 이 게시물은 저의 지난게시물(자료구조)과 이어집니다! 알고리즘도 저와 함께 공부해요🥕🥕 자료구조 개요 보러가기 👉https://hizzine.tistory.com/6 🔎 알고리즘 알고리즘의 의미는 두가지로 나눠볼 수 있습니다. 넓은의미: 자료구조와 함께 컴퓨터 프로그램을 구성하는 한가지 요소(컴퓨터 명령어들의 집합) 좁은의미: 주어진 문제를 해결하는 일련의 방법 또는 절차. 문제해결방법을 순서대로, 절차대로 나열한 것 🔎 알고리즘의 5가지 특성 입력(input): 외부에서 0개이상의 자료가 입력되어야 한다. 출력(output): 적어도 1개 이상의 결과를 만들어야 한다. 명백성(definiteness): 각 명령어는 의미가 모호하지 않고 명확해야 한다. 유한성(finiteness): .. 왜 자료구조를 배워야할까? 📚Prologue 개발자가 되기 위해서 자료구조와 알고리즘 지식은 필수라고 하죠! 하지만 학부수준의 작은 프로젝트(제가해본 제일 큰 프로젝트는 졸작입니다🤣)만 해본 저는 사실 자료구조와 알고리즘의 필요성을 잘 못느껴서 강의 외에 따로 공부하지는 않았어요. 하지만 개발에 꿈이 생기고 목표가 생기면서 기초부터 탄탄하게 잡고싶은 마음에 다시 자료구조와 알고리즘을 제대로 공부해보려고 합니다. 저와 함께 공부해요🥕🥕 🔎 자료구조의 필요성 자료구조는 컴퓨터 프로그래밍에 있어서 가장 기초적인 학문분야입니다. 컴퓨터 프로그램의 기본 골격을 담당하며, 프로그램이 효율적이고 안전하게 동작하기 위해 반드시 필요한 요소입니다. 하지만 프로그램의 크기가 작거나 프로젝트의 초기 단계에는 자료구조의 중요성을 간과하기 쉬워요. 왜냐.. [TIL] HTML&CSS (09.09) 👩💻 CSS 기본 🔎 css란? Cascading Style Sheets는 html로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어다. css는 웹 페이지에 스타일과 레이아웃을 적용할 때 사용한다. ex) 글꼴, 색상, 크기를 조절, 콘텐츠의 간격을 조절할 때 🔎 html에 css 추가하는 방법 1. html 문서에 직접 추가하는 방법(inline) 스타일을 추가하고 싶은 부분에 스타일 태그를 쓰고, 안에 스타일 요소를 적는다. 하지만 이 방법을 사용하면 문서의 길이가 무작정 길어질 수 있어 가독성이 떨어지기 때문에 유지보수가 힘들다는 단점이 있다.😂 2. html 과 css 를 분리(external) html과 css를 분리하고 css문서와 연결한다. rel을 사용해서 name.css와의.. [TIL] HTML&CSS (09.08) 👩💻 HTML 기본 html 문서의 시작 브라우저에게 해당 문서가 html문서를 포함하고 있음을 알려준다 접근성을 고려하여 html문서의 언어 속성을 한글로 지정해준다. [주요 언어 코드] 한국어 : ko 영어 : en 중국어 : zh 일본어 : ja component html은 head와 body로 이루어져 있다. head에는 문서를 구성하는 태그를 지정하고, body에는 문서의 내용을 작성한다. 위의 예시에 있는 은 해당 페이지를 열였을때 브라우저 상단에 뜨는 페이지의 제목이다. meta tag는 문서에 대한 추가정보를 제공하는 것이다!👏 meta tag의 예시로, html 파일이 한글로 인코딩 되어있음을 알려준다. 이외의 다양한 태그를 사용할 수 있다! html에는 너무너무 다양한 태그들이 있고,.. 이전 1 2 다음
