🌊 4월 그로잉데이 코드스테이츠 4월 그로잉데이에 참가하였습니다. 슈님의 권유로 함께 참여하게 됐는데 1부는 [북토크 : 자기만의 트랙, 단단히 오래 달리는 방법], 2부는 [월간 계획된 우연], 선배 개발자분들과 소통하는 시간이었습니다. 1부 [북토크 : 자기만의 트랙, 단단히 오래 달리는 방법] 운이 좋게도 그로잉데이 전에 참여한 설문에서 나이님의 저서가 당첨되었습니다. (사진이 너무.. 안 예쁘게 나왔네요.) 책의 저자이신 김나이 커리어 액셀러레이터님이 1부 북토크를 진행해주셨는데요. 김나이 액셀러레이터님은, 누군가에게는 '성공한 삶'이라고 불릴 만큼 남들이 다 알아주는 회사를 다니셨지만 커리어 사춘기를 겪으셨다고 합니다. 김나이님은 저희에게 '일은 투자가 될 수 있을까요?'라는 질문을 던지셨습니다..

🌊 객체 지향 프로그래밍 객체 지향 vs 절차 지향 객체 지향 (OOP) 절차 지향 (PP) 특징 캡슐화, 상속, 다형성, 추상화 순차적인 처리를 중요시되며, 프로그램 전체가 유기적으로 연결되도록 함 장점 재사용성, 생산성 향상, 자연적인 모델링, 유지보수의 우수성 빠른 실행 속도 단점 느린 개발 속도, 느린 실행 속도, 높은 난이도 유지보수의 어려움, 비효율적 언어 JAVA, Objective-C, Swift, C++, Python, etc. FORTRAN, C 자바스크립트는 객체 지향 언어는 아니지만, 객체 지향 패턴으로 작성할 수 있다. 객체 지향 프로그래밍 (Object Oriented Programming) 사람이 세계를 보고 이해하는 방법을 흉내 낸 방법론 OOP는 프로그램 설계 철학이다. O..

🌊 클래스와 인스턴스 객체지향 프로그래밍 하나의 모델이 되는 청사진을 만들고 → class 그 청사진을 바탕으로 한 객체를 만드는 → instance 프로그래밍 패턴 // class function Fishbread(ingredients) {} // instance let shouboong = new Fishbread('puff'); let redbeanboong = new Fishbread('redbean'); 새로운 인스턴스를 생성할 때 new 키워드를 사용하여 만든다. ES5와 ES6의 생성자 함수 생성자 함수는 return 값을 만들지 않는다. 최근에는 ES6 방식을 주로 사용한다. // 💡 ES5 function Fishbread(ingredient, time){ // 인스턴스가 만들어질 때 실..

🌊 TIL : 2023년 3월 14일 : 오늘 section2의 첫 날! 오늘 어제 풀었던 프로그래머스 문제에 나왔던 배열 메서드를 배워서 문제 풀기가 수월하였다. 오늘 배운 것 : [JavaScript] 고차 함수 일급 객체 특징 변수에 할당할 수 있다 다른 함수의 전달인자로 전달될 수 있다. 다른 함수의 결과로서 반환될 수 있다. 고차 함수 : 고차 함수는 함수를 전달인자로 받을 수 있고, 함수를 반환할 수 있는 함수이다. 다른 함수의 전달인자로 전달되는 함수를 콜백함수라고 한다. 다른 함수를 인자로 받는 경우 함수를 리턴하는 경우 함수를 인자로 받고 함수를 리턴하는 경우 내장 고차 함수 filter 메서드 특정 조건을 만족하는 요소만 걸러낸다. 내부 조건에 따라 참 또는 거짓을 반환한다. 반환값이 ..

🌊 [Code States] Section1 회고 : 시간이 얼마 지난 것 같지 않은데 벌써 1달이라는 시간이 흘렀습니다. 부트캠프 측에서 회고의 시간을 만들어주셔서 140명의 동기 여러분과 회고의 시간을 가져보았습니다. 🌊 목표 상기하기 내가 처음에 부트캠프를 시작하며 세운 목표다. 막연한 워라밸, 복지 있는 기업에 취직하기 사실은 아직도 명확한 목표를 세우는 것에 큰 어려움을 느낀다. 그래도 여태껏 작은 규모의 회사만 다녀왔어서 지금의 내가 아닌 성장한 내가 되어 복지가 좋은 기업에 취직하고 싶다는 것이 가장 큰 목표이다. 그래도 조금 더 구체적이고 명확한 계획을 세우고자 한다. 리액트, 타입스크립트의 기반이 되는 자바스크립트에 충실하자 복지가 좋은 기업에 취직하기 🌊 KEEP 진도에 맞춰 Deep ..

🌊 기술면접 준비 : 하나 이상의 질문을 고른 후 질문에 대한 답을 글로 작성한다. 내가 고른 질문 Q. event.preventDefault 메서드는 언제, 왜 사용하는지 설명해주세요 A. event.preventDefault() 메서드는 이벤트에 대한 기본 동작을 실행하지 않도록 합니다. 예를 들어 회원가입을 할 때 양식에 맞지 않는 문자를 키보드로 입력할 때 입력이 되지 않게 하거나 a태그나 form 태그 안에 있는 submit 버튼을 클릭하여도 페이지가 이동하거나 새로고침 되지 않게 합니다. Q. 왜 사용 하는 지? A. a태그나 button 또는 input type submit은 유용한 기능을 가지고 있지만 그 의도로 사용하지 않을 때 불편함을 야기할 수 있습니다. a태그는 href 속성에 적힌..

[코드스테이츠/19DAY] Unit11-Coz’ Mini Hackathon 💡 솔로프로젝트 ⚡ 과제 조건 Bare Minimum Requirement 디스커션 나열 기능 script.js를 수정하여 agoraStatesDiscussions 배열의 데이터를 나열할 수 있게 구현합니다. ✔ CSS 아고라 스테이츠 질문 리스트가 velog.io 💡 솔로프로젝트 ⚡ 과제 조건 Bare Minimum Requirement 디스커션 나열 기능 - script.js를 수정하여 agoraStatesDiscussions 배열의 데이터를 나열할 수 있게 구현합니다. ✔ CSS - 아고라 스테이츠 질문 리스트가 중앙으로 와야 합니다. ✔ - style.css를 수정하여 멋지고 아름답게 나만의 아고라 스테이츠를 꾸밉니다. -..

[코드스테이츠/18DAY] Unit11-Coz’ Mini Hackathon 💡 솔로프로젝트 ⚡ 과제 조건 Bare Minimum Requirement 디스커션 나열 기능 script.js를 수정하여 agoraStatesDiscussions 배열의 데이터를 나열할 수 있게 구현합니다. ✔ CSS 아고라 스테이츠 질문 리스트가 velog.io 💡 솔로프로젝트 ⚡ 과제 조건 Bare Minimum Requirement 디스커션 나열 기능 - script.js를 수정하여 agoraStatesDiscussions 배열의 데이터를 나열할 수 있게 구현합니다. ✔ CSS - 아고라 스테이츠 질문 리스트가 중앙으로 와야 합니다. ✔ - style.css를 수정하여 멋지고 아름답게 나만의 아고라 스테이츠를 꾸밉니다. -..