TIL33 10. 14. 09일차 TIL - 코딩컨벤션, 알고리즘-복잡도 오늘은 달리기반의 첫 이론수업이 있는 날이었다.수업 내용은 1주차 강의 내용을 복습하는 것과 함께 코딩 컨벤션에 대해 배웠다.1. 코딩컨벤션 (Coding Convention) 이란?코드를 읽는 사람과 작성하는 사람이 모두 쉽게 이해할 수 있도록 하는 일종의 약속이다.쉽게 말해 누가 봐도 쉽게 알아볼 수 있도록 이름을 짓는 방법이다.1) 코딩 컨벤션 종류camelCase : 주로 변수와 함수 선언에 사용된다.kekbab-case : 페이지, pathname, 폴더명, css className에 사용된다.snake_case : 파이썬에서 많이 쓰인다. js에서는 잘 사용하지 않으나,대문자 표현은 상수 표현할 때 많이 사용된다.ex) const MILLISECONDS_PER_DAY = 60 * 60 * 24.. 2024. 10. 14. 10. 11. 08일차 TIL - 데이터 타입(심화) 오늘은 강의를 통해 JS의 데이터 타입과 특징에 대해 더욱 자세히 학습하였다.또 변수가 메모리에 할당되는과정과 메모리에 대한 기본 지식을 습득하였다.1. 데이터 타입의 종류 (기본형과 참조형)JS에서 값의 타입은 크게 기본형(Primitive)과 참조형(Reference Type)으로 구분된다.두 타입의 구분 기준은 값의 저장 방식과, 불변성의 여부라고 한다. 1) 복제의 방식기본형 : 값이 담긴 주소값을 바로 복제참조형 : 값이 담긴 주소값들로 이루어진 묶음을 가르키는 주소값을 복제2) 불변성의 여부기본형 : 불변성을 띔 참조형 : 불변성을 띄지 않음. 2. 메모리와 데이터에 관한 배경지식1) 메모리와 데이터비트(bit)컴퓨터가 이해할 수 있는 가장 작은 단위0과 1을 가지고 있는 메모리를 구성하기 위.. 2024. 10. 11. 10. 10. 07일차 TIL - ES6, 일급객체, 알고리즘 오늘은 JS강의를 통해 일급객체의 의미와 저녁 특강으로 알고리즘에 대해 학습하였다.1. 각종 es6 문법ECMAScript6(ES6)는 JavaScript의 버전 중 하나로, 2015년 발표되었다.ES6는 이전 버전인 ES5에서 새로운 문법과 기능을 도입하여JavaScript 개발자들이 보다 쉽고 효율적으로 코드를 작성할 수 있도록 개선되었다.→ 2015년도 대규모 문법적 향상 및 변경이 발생하여 ES6는 항상 언급된다고 한다.let, const화살표 함수 (Arrow Fuction)삼항 연산자 (ternary operator)구조 분해 할당 (Destructuring)배열(Array)의 경우 순서가 중요하다. 객체(Object)의 경우 key가 중요하다.새로운 이름으로 할당하는 방법단축 속성명 (pro.. 2024. 10. 10. 10. 08. 06일차 TIL - JavaScript 역사, 특징, 기본문법 본격적으로 학습주간의 시작이다. 오늘은 JavaScript의 역사와 특징, 기초 문법에 대해 학습하였다.1. JavaScript 의 역사 자바스크립트는 1995년에 탄생하였다.🌐 넷스케이프 커뮤니케이션(LiveScript → Javascript)🖥️ 브라우저 동작 스크립트 언어1999년 자바스크립트 표준화(ECMA-262) 완료2005년 AJAX 등장비동기 웹 애플리케이션 개발 가능폭발적인 UX 향상 🚀2008년 V8 엔진 출시(google)super fast(코드 실행 속도 상당부분 개선)🛠️ 컴파일러, 메모리관리 시스템 👍2009년 Node.js 등장, 서버 개발 활성화서버개발의 지각변동 : PHP, Ruby, Python, Java → Javascript(Node.js)하나의 언어 → Fr.. 2024. 10. 8. 10. 07. 05일차 TIL - 팀프로젝트_03 마무리 및 회고 오늘은 3일동안 만든 팀소개 페이지를 발표하는 날이다.하지만 구현하고 싶었던 기능을 다 구현하지 못해 아쉬움이 많이 남는다.이번에 미니프로젝트에서 구현한 주요 기능은 4가지이다. 1. 오픈 api를 이용한 실시간 날씨 정보 불러오기2. 네비바를 클릭했을 때, 대응하는 섹션으로 이동하기3. 멤버소개 카드를 클릭했을 때, 모달창 생성하기4. firebase를 활용하여 DB를 생성하고 게시판으로 불러오기 나는 방문록 페이지를 담당하였고, 4번의 기능은 기초강의를 통해 배웠기에 이를 활용할 생각이었다.하지만 랜덤으로 포스팅되는 것은 마음에 들지 않았고 때문에 게시판을 시간순(최신순)으로 정렬하고 싶었다.1) 먼저 posting_btn을 클릭했을 때 입력창에 들어온 값을 DB에 저장한다.// posting_btn.. 2024. 10. 7. 10. 04. 04일차 TIL - 팀프로젝트_02 중간과정 팀원들의 적극적인 협조에 꽤나 그럴싸한 웹사이트가 만들어지고 있다. 각각 파트를 나누어 제작할 부분을 코딩하였고 04일인 오늘은 zep에 모여 그동안 작업한 코드 merge 작업을 진행하였다. 코드 공유는 깃허브를 이용하여 진행하였으며 html을 다듬는 작업과 더불어 각각의 링크파일의 경로 재설정, 동일하게 설정된 class값, id값의 수정, 등 생각보다 꽤나 많은 시간이 소요되었다.1. 중간 과정제작 중간 과정의 웹사이트 모습은 이렇다. 뭔가 아기자기하면서도 퀄리티가 나쁘지 않아 팀원 모두가 만족하고 있다.- main 페이지에서 보완할 점 : 실시간 기상정보에 따른 이모지 변경 기능 추가 날씨의 정보까지 제공되는 API를 찾아 fetch기능으로 연결하고 싶은데 api를 찾기 어려운 모양이다.- su.. 2024. 10. 4. 이전 1 2 3 4 5 6 다음
