프로그래밍 공부하기

오늘 배운 것) 기초 코딩 문제풀이 코드 스타일링(Javascript) 들여쓰기는 Tab이 아닌 Space 2개 권장(대부분의 JavaSciript프로젝트에서 2개의 스페이스를 사용) 변수이름 본질적인 의미를 가진 한 단어가 좋다.(산업분야에서 사용하는 언어는 그대로 사용) 변수에 할당되는 값의 형식이 아닌 의미를 반영한다. 데이터의 모음은 복수명사로 쓴다. boolean은 is,are를 붙인다. Class는 첫문자를 대문자를 사용한다. 상수는 모두 대문자를 사용한다. 함수이름 함수 이름은 동사로 시작한다. 문법적으로 생략이 가능한 중괄호도 생략하지 않는다. Javascript는 HTML의 큰 따옴표와 구분하기 위해 작은 따옴표('')를 사용한다. 줄바꿈이 필요한 문자열은 백틱(`)을 사용하여 표현한다...

오늘 배운 것) 고차함수: 함수를 리턴하거나 인자로 받는 함수 cf. 콜백함수: 함수의 인자로 전달되는 함수 내장 고차함수: filter, map, reduce

오늘 배운 것) CSS Selector 레이아웃 나누기 웹 화면의 콘텐츠는 좌->우, 위->아래로 흐른다. 따라서 화면을 먼저 수직으로 분할하고 분할한 영역 안에서 수평으로 분할한다. 처음에 box-sizing:border-box과 body의 margin, padding을 0으로 세팅하고 시작하자 Flex Box 정렬을 하고 싶을 때는 display: flex를 사용한다. 정렬하고 싶은 요소를 둘러싼 부모 영역에 display:flex 적용 justify-content(horizontal 정렬), align-items(vertical 정렬), flex-direction(자식들 가로/세로로 세우기) 속성 flex box 자식들에게는 flex 속성을 부여할 수 있다. flex: 0 1 auto; 가 기본 값..

오늘배운 것) 깊은복사 얕은복사 배운 것들 전체적인 복습 [매개변수 vs 인자] function fn(x){ //x는 매개변수(Parameter) console.log(x); } fn("Hello");//"Hello"는 인자(argument) [함수.length vs arguments.length] 함수.length) 함수에 정의된 매개변수의 수 arguments.length) 함수로 전달된 인자의 수(매개변수보다 많을 수도 있다) [arguments] arguments는 함수 내에 자동으로 선언되는 유사배열객체(Array-like object) 함수로 전달된 인자를 값으로 갖고있다. 배열같이 생겼지만 배열은 아니고 [0],[1].. 이라는 속성을 가진 객체이다. 함수 매개변수 중 인자로 들어올 수도 있..

오늘 git의 기본적인 사용방법을 배워서 정리해본다. 1. 코드를 가져오고 싶은 프로젝트를 찾아 Fork 하기 위처럼 Git의 프로젝트 이름칸 맨 우측에는 Fork라는 버튼이 있다. 이 버튼을 누르면 다른 사람의 저장소(git서버)에 있는 코드를 나의 저장소(git서버)로 가져올 수 있다. 2. 내 로컬 저장소(PC)로 Clone 하기 git clone https://github.com/ImHyeLim1209/Solve_Algorithm_Problem.git git clone https://username:password@github.com/ImHyeLim1209/Solve_Algorithm_Problem.git git Clone git 주소 명령어로 내 로컬 저장소로 해당 프로젝트를 복사해올 수 있다...

오늘 배운 것) git 사용 기본 사용방법 Fork: Main 저장소에서 내 저장소(서버)로 가져오기 Clone: 저장소에서 내 로컬 저장소(PC)로 가져오기 새로운 저장소를 만들어 그 곳에 저장 Push: 수정된 코드를 올리기 Pull: 저장소에서 내 로컬 저장소(PC)로 가져오기 이미 있는 저장소에 새로운 코드 저장 내가 로컬에서 작업하던 내용과 저장소에서 변경된 내용이 merge 같은 부분을 수정하고 있었다면 충돌 merge + fetch git 기본 Branch master: 사용자에게 배포된 코드 develope: 개발 중인 버전 master에서 branch feature: 하나하나의 기능 개발 develope에서 branch하여 하나의 기능 개발 -> 개발 끝나면 develope branch에..

오늘 배운 것) Primitive value vs Reference value Primitive value: number, string, boolean, undefined, symbol, bigint, null(엄밀히 말하면 primitive가 아님) 고정된 크기의 값을 갖는다. 값 자체에 대한 변경은 불가능 하지만 변수에 다른 데이터를 할당할 수 있다. Refefence value: array, object, function 주소 값이 저장된다. 주소 값으로 참조하여 값을 가져온다. 실제 데이터 값은 Heap 영역에 할당되며 이 영역에서 새로운 값이 추가되거나 제거된다.(크기가 동적으로 변한다) Scope: 변수가 유효한/접근 가능한 범위 var: Function Scope/값 재정의 가능/재선언 가능..

오늘 배운 것) Javascript 배열 if([] == []) //->false 배열은 Reference(주소)이기 때문에 빈배열을 찾을 때 위처럼 찾으면 안된다. -> if([].length === 0) 으로 찾자 배열 앞/뒤 요소 추가 = unshift/push 배열 앞/뒤 요소 제거 = shift/pop Uncaught TypeError: tt.push is not a function의미 -> tt가 배열이 아닌데 push를 해서 그런 것! 객체 객체접근방법1) object.property 접근할 속성이 고정되어있다. Dot Notation 객체접근방법2) object['property'] 접근할 속성이 바뀔 수도 있다. Bracket Notation 객체 속성추가 object.newAttr = ..

오늘 배운 것) querySelector, github -오늘은 페어와 함께 계산기를 만드는 과제를 했다. css를 꾸며보고 입력(Click/숫자,Enter,Reset,operator)이 왔을 때 이를 처리하고 계산하여 Display하는 것까지 했다. -미적감각이 없어서 계산기를 어찌할 바를 모르고 막 꾸몄는데 다른 사람들의 과제를 보니 우리의 과제가 너무 대충 꾸민 것 같았다ㅠㅠ -페어와의 과제가 끝난 후 추가적인 과제를 했다. '.'입력처리를 추가하여 소수계산처리, 연속된 operator들이 왔을 때 처리, 아무것도 입력되지 않은 상태에서 '.'을 입력했을 때 소수처리, Enter를 여러번 눌렀을 때 직전 연산을 반복하기, 다항식 처리, css hover/isPressed, 키보드로 입력하기 등을 구..

🔨NHN 개발블로그 https://d2.naver.com/helloworld 🔨당근마켓 개발블로그 https://medium.com/daangn 🎨NHN 프론트엔드 가이드 https://ui.toast.com/fe-guide/ko 💗Velog MarkDown 작성하기 https://velog.io/@gillog/MarkDown-%EC%9E%91%EC%84%B1%EB%B2%95 📚MDN https://developer.mozilla.org/ko/ 📝TCP School: 기초자료가 많고 이를 연습하기 좋다. http://www.tcpschool.com/ 📝백준 코딩테스트 https://www.acmicpc.net/ 📝C++ 컴파일러 http://cpp.sh/