전체 글 82

[4주차 주간일기] 와 갈수록 공부할 게 느네...?

점점 시간이 빨리 지나간다. 이번 주에는 섹션 1이 끝나고 섹션 2가 시작됐다. 다른 분들의 회고를 읽으면서 내가 안일한가...? 하는 생각이 들었다. 다들 체계적이고 공부도 엄청 열심히 하고 그 와중에 건강도 챙겨...! 그래서 결국 필라테스를 등록하고 왔다 ^^ 나는 돈쓰기 천재야! 등록하고 나니 필라테스가 덤탱이 운동이라는 글을 읽어버렸지만 그래도 열심히 하자ㅎㅎ 이번 주에는 남자친구랑 조금 싸워서 우느라고 정신이 없었다. 사실 남자친구가 잘못한 건 거의 없는데 부캠을 하면서 생긴 불안함이 남친한테 향한 것 같다. 전화로 막 싸우다가 (사실 나만 혼자 와다다 털어놓음) 다음 날에 화나서 느리게 답장하고 꿍해있었는데 그 때 혼자 생각해보니까 남자친구가 잘못한 게 뭐지...? 싶었다. 내 불안으로 괴롭..

S2 unit2 | 객체 지향 프로그래밍 (Object Oriented Programming)

📌 절차적 프로그래밍 (Producedural Programming) 순차적인 처리를 중요시 여기며, 프로그램 전체가 유기적으로 연결되게끔 하는 프로그래밍 기법 장점 모듈 구성이 용이, 구조적 프로그래밍이 가능 컴퓨터의 처리구조과 비슷하여 실행 속도가 빠르다 단점 ◽ 유지 보수 어려움 => 순서대로 코드를 작성하므로 앞의 코드가 바뀌면 결과가 달라질 수 있음 ◽ 순서대로 작성하기 위해서 앞에서부터 코드를 이해해야 하므로 긴 코드는 이해하기 어려움 =>대형 프로젝트에 맞지 않음 대표적 언어: C, 포트란 📌 객체 지향 프로그래밍 (Object Oriented Programming) 데이터와 기능을 하나로 묶어 재사용성을 갖는 프로그래밍 설계 철학 > 클래스에 객체를 만들기 위한 생성자 함수, 속성(데이터)..

S2 unit2 | [javascript] 클로저 모듈 패턴 / 클래스 생성

📌 클로저 모듈 패턴 ✔ 메서드 : 객체 안에서 정의된 함수 🔗 : 화살표 함수 방식을 사용하지 않음 => 다른 함수는 생성될 때의 문맥에 따라 this를 생성하지만 화살표 함수는 자신의 this를 가지지 않기 때문에 메서드 내에서 사용할 수 없다. 🔗 let counter1 = { value: 0, increase: function() { this.value++ // 메서드 호출을 할 경우, this는 counter1을 가리킵니다 }, decrease: function() { this.value-- }, getValue: function() { return this.value } } counter1.increase() counter1.increase() counter1.increase() counter..

S2 unit1 | [javascript] 고차 함수 , 고차함수 메서드

📌 일급 객체 1. 변수에 할당할 수 있다. 2. 전달인자로 사용할 수 있다. 3. 다른 함수의 결과로서 리턴될 수 있다. 함수는 일급 객체이기 때문에 위 세가지 행동을 할 수 있다! 📌 고차 함수 : 다른 함수를 전달인자로 받거나, 결과로서 함수를 리턴하는 함수 ◽ Callback 함수 : 함수의 전달인자로 사용되며 함수에서 호출하는 함수 ◽ 고차함수 메서드 ◽ array.filter(callback) [🍔, 🍓, ☕, 🍑, 🍉].filter( 과일 ) => [🍓, 🍑, 🍉] 배열에서 함수의 불리언 값이 true인 것만 새로운 배열로 리턴한다. ◽ array.map(callback) [🐥, 🐛, 👶].map( 시간 ) => [🐓, 🦋, 👩] 배열 데이터를 함수를 적용한 데이터로 바꾼 새로운 배열로 리턴..

[SEB FE] Section 1 회고 | 첫 세션을 끝내다!😆

Section 1 체크리스트를 보면서 '아직 가야 할 길이 멀었네...' 라고 생각한 게 엊그제 같은데 벌써 세션회고를 적고 있다...! 첫 세션에서는 아직 처음이라 어색한 게 참 많았다. 하루하루가 적응과 조정의 연속이었다. 잘 풀리는 날도 있었고, 아쉬웠던 날도 있었지만 어쨌건 이번 세션을 끝냈다는 사실이 무척 기쁘다😍 정말 한 달만에 많은 걸 배웠다. 코딩의 'ㅋ'도 모르던 내가 혼자서 코딩테스트를 풀고 코드를 짜다니...! 생각보다 코딩은 내 적성에 잘 맞았다. 내가 원하는 기능을 구현하는 것이나, 컴퓨터에게 논리적으로 명령하는 것도 재미있었다. 어떤 식으로 해야 이 기능이 나올까...? 하면서 고민하다가 결국 해냈을 때의 뿌듯함도 잊지 못할 것 같다. 다만 아쉬웠던 점은 내가 꼼꼼히 공부하지 못..

S1 unit12 | 솔로프로젝트 회고, 더 잘하고 싶었지만 😢

📌 git 협업 ◽ git init : local git repository 생성 ◽ git add 파일명 : untracked flies를 staging area로 추가/ 파일명에 .를 쓰면 현재 디렉토리의 모든 파일이 추가된다. ◽ git staus : staging area에 있는 파일 확인 ◽ git restore 파일명 : 파일의 변경사항 폐기 ◽ git commit -m "message" : staging area의 파일을 저장소에 기록 커밋 시에는 간결하게 변경 사항의 정확한 기술 용어를 사용해서 기록한다. ◽ git reset HEAD^ : 커밋한 파일을 바로 직전으로 되돌린다. ◽ git log : 커밋 기록 조회 ◽ git remote add : local repository에 remo..

S1 unit11 | DOM으로 javascript에서 html요소 편집하기

📌 DOM (Document Object Model) : html, xml 프로그래밍 인터페이스 (html을 자바스크립트에서 편집할 수 있게 하는 역할) 📌 DOM 기본 편집 요소 (CRUD) html요소를 javascript에서 불러올 땐 document(DOM 트리의 진입점 역할) 사용 ◻ create document.createElement('tag name') 🔗 : 'tag name' 태그인 새로운 엘리먼트를 만듭니다. ◻ read document.getElementsById('id')🔗 document.getElementsByClassName('class name') 🔗 document.getElementsByTagName('tag name') 🔗 document.getElementsByNam..

[3주차 주간일기] 후딱후딱 가버리는 한 주

이번 주는 시간이 너무 후딱 갔다. 슬슬 익숙해져 가나보다 ㅎㅎ 사실 일요일 아침부터 공부하려고 했는데... 어제 급 스타듀밸리가 땡겨서 새벽까지 게임을 했다. 사람이... 게임에 관심도 없었는데 공부하려니까 다 재미있다 ㅋㅋㅋㅋ 그래도 오늘 저녁에는 열공해야지! 이번 주에는 유효성 검사 만들기 과제가 있었다. 이번에도 잘 하고 싶어서 고민을 하다가 생각한게 요즘 유행하는 사기 수법이었다. 가짜 토스를 만들어서 팝업도 띄우고 ㅋㅋㅋㅋ 아주 재미있었다. 🍙KPT Keep 계속 자신감 갖고 나아가기 스터디 잘 참가하기 저녁 공부시간 갖기 Problem 저녁 공부시간이 일정하지 못하다 밤 새지 말자...! 운동을 하자 Try 스터디 안하는 날 : 8시 - 12시 공부/ 스터디 하는 날 : 10시 - 12시 공..

S1 unit10 | 원시 자료형과 참조 자료형

📌 원시 자료형 (primitive data type) 하나의 저장공간에 하나의 값을 저장 : Number, String, Undifined, Bigint, Boolean, Null 1980’s의 자료는 csv처럼 배열과 비슷한 형태로 보이도록 콤마로 문자열을 나누어 사용했다. 하지만 그렇게 하면 넣을 수 있는 요소에 한계가 있다. let word = 'hi'; let myWord = word; myWord = 'Hello'; console.log(word); // 'hi' 값을 복사해서 넣었기 때문에 word의 내용은 바뀌지 않았다. 📌 참조 자료형 (reference data type) : 동적인 저장공간의 주소를 변수에 달아두어 여러 개의 값을 저장 : Array, Object, Function 동..

S1 unit10 | koans 문제로 알게 된 것들

📌 test 작성 방법 test를 위해서 koans은 두가지 모듈을 사용하고 있는데, 바로 mocha와 chai이다. 이때 테스트하는 값과 기대값을 비교하기 위해 expect() 함수를 사용하게 된다. expect(true).to.be.true // 통과 expect(테스트하는 값).기대하는 조건 이런 형태로 사용하게 되는데 여기서 기대하는 조건에 해당하는 것을 matcher함수라고 부른다. chai는 matcher를 다양한 language chains과 assertions으로 만드는데,[여기](http:// https://www.chaijs.com/api/bdd/#method\_not)에%EC%97%90) 다양한 체인과 assertion들이 소개되어 있다. koans에서는 to.be , to. 체인만 ..