hojncode 웹개발 공부하기.

commit 은 기존 코드의 변경 사항들을 저장하고 싶은 시점에 사용합니다. (영어로 commit은 여러 의미가 있습니다. 그 중 깃의 동작과 가장 유사한 의미는 "~를 적어 두다 "입니다. 즉, 커밋은 의미 있는 변경 작업들을 저장소에 기록하는 동작입니다.) GitHub Desktop 을 사용하여 commit을 할 경우 Title과 Comment를 쓰는란과 Commit 버튼이 있기 때문에 쉽게 저장 할수 있습니다. 회사에서 일할 경우, 5~10개의 변경 사항마다 커밋을 진행합니다(경우에 따라 다르므로, 코드 변경시 커밋의 중요성으로 염두.)

첫번째 괄호는 익명 함수를 감싸 실행 될 함수가 전역 스코프에 불필요한 변수를 추가하거나, IIFE 내부안으로 다른 변수들이 접근하는 것을 막을수 있는 방법. 두번째 괄호는 즉시 실행 함수를 생성하는 괄호, 이를 통해 자바스크립트 엔진은 함수를 즉시 해석해서 실행함. https://developer.mozilla.org/ko/docs/Glossary/IIFE IIFE - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN **즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression)**은 정의되자마자 즉시 실행되는 Javascript Function 를 말한다. developer.mozilla.org http://chanlee.github.io/20..

책에서 기억하고 싶은 내용: 함수형 프로그래밍 "버그가 발생하기 어려운 구조" 라서 개발자에게 매우 유용하다. 프로그래밍의 패러다임의 큰 갈래인 선언형 , 명령형 프로그래밍을 비교하여 함수형 프로그래밍을 알아보자. (프로그래밍 패러다임은 여러 갈래가 있고, 그중에 객체 지향 , 절차 지향, 함수형 프로그래밍이 있다.) css는 선언형 프로그래밍의 대표적 예. body {background-color: pink } 텍스트에서 공백을 ❤️로 바꾸는 코드를 예시로 알아보자. 명령형 프로그래밍 : function spaceToHeart(text) { let result = ""; for (let i = 0; i< text.length; i++) { if (text[i] === "") { result += "❤️..

오늘 TIL 3줄 요약 스택 , 큐 해시 테이블 클린 코드 책에서 기억하고 싶은 내용을 써보세요. 해시 테이블은 키 와 값을 짝지어 모은것 : { key : value} 해시 테이블을 통해 프로그램을 더 빠르게 만들 수 있는데, 그 원리는 카페 메뉴를 컴퓨터에 저장하는 예시를 통해 알아보았다. 메뉴판 = [ {이름 : '아메리카노' , 가격 : 4000원}, {이름 : '카페모카' , 가격 : 5000원}, {이름 : '라떼' , 가격 : 5000원}, {이름 : '녹차' , 가격 : 6000원}, ] 위 와 같이 배열로 메뉴들의 정보를 저장하면, 메뉴 하나의 정보를 찾을 때 선형 검색을 해야 하므로, 검색 시간이 오래 걸린다. - 시간 복잡도 O(N) 하지만, 아래 와 같이 해시 테이블로 저장하면 더 ..

오늘 TIL 3줄 요약 자료 구조, 알고리즘 이란? 알고리즘의 종류들 배열의 저장 방식 오늘 읽은 범위 챕터 22~25 책에서 기억하고 싶은 내용을 써보세요. 프론트엔드 개발자라면 백엔드에서 내려받은 JSON 데이터를 보기 좋게 화면에 띄우는 역할을 한다. 그러기 위해서는 데이터 형태에 알맞는 자료구조로 데이터를 효율적으로 만들어져 있어야 한다. 자료구조 중 하나인 배열의 특징을 알려면 읽기, 검색, 추가, 삭제 과정에서의 시간 복잡도 개념을 알아야 한다. (시간 복잡도는 프로그램 작업 속도를 측정하는 방법이다. 알고리즘으로 작업을 완료할 때 까지 걸리는 절차 수 N을 이용해서 O(N), 0(log N)과 같이 표현하는 것을 Big-0 빅오 표기법이라고 한다.) 프로그램에 필요한 데이터(변수, 함수 등)..

콜 스택은 자바스크립트 해석기가 사용하는 메커니즘. (스택 : 데이터 구조 - 후입선출 저장 방식) 여러 함수를 호출하는 스크립트에서 해당 위치를 추적한다. 그래서 자바스크립트가 해당 위치를 알 수 있다. 스크립트가 함수를 호출하면 해석기는 함수를 콜 스택에 추가한다. 그리고 실제로 그 함수를 실행하고 , 함수가 완료되면 콜스택에서 함수를 제거한다. // 개발자 도구 창에 source에서 전체 코드의 실행 순서를 알아볼 수 있다. const multiply = (x, y) => x * y; const square = (x) => multiply(x, x); const isRightTriangle = (a, b, c) => square(a) + square(b) === square(c); console.l..

오늘 TIL 3줄 요약 서버란 무엇인가 쿠키 프론트 , 백엔드 어떻게 접근할 것 인가 오늘 읽은 범위 에피소드 16 : 인터넷 익스플로러가 사라진 이유와 브라우저 엔진 에피소드 17 : 아, 쿠키가 먹는 게 아니라고요? 에피소드 18 : 프런트엔드, 백엔드? 에피소드 19 : 서버가 뭔지 아직도 모른다고? 에피소드 20 : 슈퍼개발자만 할 수 있다, 풀스택? 에피소드 21 : 서버리스는 서버가 없다는 뜻? 책에서 기억하고 싶은 내용을 써보세요. HTTP ?? 인터넷에서 정보를 주고 받기 위한 프로토콜 (클라이언트와 서버가 소통하기 위한 규칙) stateless 다 - 항상 연결 된 상태가 아니라 , 클리언트가 데이터를 요청하면(브라우저에 주소를 치면) 서버가 데이터를 주고 연결이 끊어진다. 쿠키 ?? 사..

Repository 는 git 파일과 폴더들을 모아 놓은 곳. Repository 는 .git 이라는 폴더를 가지고 있고 , 깃의 명령어나 파일 등이 있다 (zsh 터미널에서 .git을 vscode로 실행하면 볼 수 있다.) git 이 내 컴퓨터의 디렉토리를 모니터하고 , 이것을 girhub에 업로드하면 Repository에 저장된다. (그러므로 내컴퓨터의 깃과 github 클라우드에 각각 저장되있다) git이 내 컴퓨터의 파일을 보는 추적하는 방법은 , directory로 지정된 곳에 .gitattributes , .git 이라는 hidden file들이 생성되는데 이 파일들의 기능을 통해 내가 변경하는 코드들을 git이 추적(track) 할 수 있다. git은 파일들의 변화를 track 하기 위해 존..

챕터 6 - 왜 나만 오류가 자주 생길까? "훌륭한 개발자도 실수를 한다. 다만 그들은 실수를 그냥 넘기지 않고 성장을 위한 발판으로 사용한다" 1. 참고 자료 (책, 인터넷 문서)의 오류만 찾지 말고, 내 코드의 입력값이 맞는지 확인해보자. 가져온 코드와 내 코드를 비교해주는 사이트를 이용해 보자. 나는 코드를 가져올때 배우는 단계라 생각해서 나 스스로 직접 타이핑 해서 사용하는 경우가 많다. 그래서 오류가 생길때 눈으로 가져온 코드와 내코드를 비교해보는 고집같은게 있는데, 이게 시간 단위를 소모해서 오류를 찾게 되면 멘탈이 탈탈 털리는 경험을 하곤 했다. 이 부분을 읽으면서 이상한 고집부리지말고 , 사이트를 이용해서 객관적으로 오류를 찾는 습관을 들여야겠다고 생각되었다. 2. 오류메세지 확인하기 당연..

1번 챕터를 읽으며 느낀 점 : 요즘 개발자 입문하기 위한 많은 학원들이 생겨나면서 누구나 개발자가 될 수 있다는 광고가 많다. 하지만 그런 광고들이 개발을 정말 잘 알려주는지 의문이다. 수강생의 교육비를 통한 매출에만 신경쓰는건지, 과연 그 교육을 통해 개발자가 되어 본인 스스로 자생할 수 있을지 고민이 많았다. 그런점에서 직접 강의를 만들고 , 교육을 하는 노마드코더 니코의 방식이 내가 개발을 공부해 나아가는데 맞는 방식 같다. 나 또한 개발자가 되고 싶고 , 특히 앱을 만든것에 흥미가 있는 것을 노마드코더 강의를 보고 알게 되었다. 개발자는 누구나 할 수 있다는 광고처럼 개발자는 재밌거나, 누구에게나 맞는건 아닌것 같다. 개발을 공부하면서 이해 되기 전에는 어렵고 , 나 스스로 이것도 이해 못하는 ..