코딩하는 짱구

오늘은 벌써 목요일 한주가 빠르게 지나간다. 객체 객체의 상태를 나타내는 '변수' 객체의 행동을 나타내는 '함수' 객체지향 프로그래밍 프로퍼티와 메소드로 이루어진 각 객체들의 상호작용을 중심으로 코드를 작성하는 것. 절차지향 프로그래밍 변수와 함수를 가지고 작업의 순서에 맞게 코드를 작성하는 것 프로퍼티 객체(Object)가 가지는 특징이나 상태를 나타내는 값(Value)입니다. 객체는 프로퍼티들의 집합으로 이루어져 있습니다. 더보기 프로퍼티는 이름(Key)과 값(Value)으로 구성되며, 객체 내부에서는 이름을 사용하여 프로퍼티에 접근할 수 있습니다. 자바스크립트에서는 프로퍼티의 이름은 문자열(String) 또는 심볼(Symbol)이 될 수 있습니다. 데이터 프로퍼티(Data Property): 객체가..

프론트앤드 부트캠프/Day 2023. 5. 11. 14:33

살려주세오 너무 힘들어오 ~!! 하.. 자바스크립트 왜 이렇게 나를 힘들게 하는지 오늘은 Section2 첫 날 언제부터인지 오전에 라이브로 변경되었다... 아침에 너무 졸려서 정신을 못차리고 강의 듣는게 너무 힘들다.... 나 새벽 출근은 어떻게 한거지... 그래도 습관을 들여야지 !! 오늘도 화이팅!! 유닛1 ] 자바스트립트_고차함수 고차함수란? 자바스크립트 배열 고차함수 함수를 파라미터로 전달받거나 연산의 결과로 반환해주는 메서드 를 일컫는다. 요즘 자주 거론되는 함수형 프로그래밍의 핵심이기도 하며, 자바스크립트를 함수형 프로그래밍에 알맞은 언어로 만들어주는 특성이기도 하다. 자바스크립트에서 고차함수는 다른 함수를 인자로 받거나, 다른 함수를 반환하는 함수를 의미합니다. 즉, 함수를 인자로 받아서 ..

프론트앤드 부트캠프/Day 2023. 5. 10. 22:08

오늘은 2023년 05월 09일 Section 1 마지막 날 오늘은 회고록 작성하는 날이다. 프론트엔드 부트캠프 한달 차 회고 기록 🙆🏻 목표 상기하기 2023년 나의 목표 나만의 프로젝트 만들어보기 개발자의 세계에 한 걸음 더 가까워지기 신입 개발자 역량 만들기 K/P/T 💡 Keep 매일 학습 블로깅 매일 저녁 1시간 이상 복습 공부하기 개인 프로젝트 구상해보기 매일 30분 이상 걷기 / 운동 자료이해를 위한 영어 학습 🤪 Problem 가끔 까먹고 학습 블로깅을 놓칠 때가 있음 정규 시간이 끝나면 밥 먹고 딴짓을 하다 보면 어느새 저녁 9시.. 매일 1시간 이상 복습 공부 힘들다.. 복습 시간을 끝내고 개인 프로젝트 구상할 시간을 가져야 하는데 .. 쉽지 않다. 매일 30분 이상 걷기는 비 오는 날..

프론트앤드 부트캠프/Day 2023. 5. 9. 20:06

행복했던 연휴 안녕~ ㅜㅠ 다시 평일이 왔다!! 연휴에도 과제를 틈틈히 하느라 완전 쉬지는 못했지만 그래도 ㅎㅎ 즐거웠다. 날씨가 좋았으면 더좋았겠지만... 오늘 아고라스테이츠 마무리다. 원래 어제 과제를 제출했는데 오늘 추가로 CSS공부 할겸 다른 컨셉으로 하나더 만들었다. 처음 과제 할때는 CSS가 생각대로 너무 안되고 힘들었는데 그래도 계속 하다보니까 조금씩 이해가 되는거같다. https://eg1377.github.io/fe-sprint-my-agora-states/ My Agora States eg1377.github.io 위 링크는 배포 링크다!! 첫 배포 ㅋㅋㅋ 신기하다. 페이지네비게이터도 만들고 하고싶은데... 아직 멀었다... 그래도 공부 계속 해보장!! https://eg1377.git..

프론트앤드 부트캠프/Day 2023. 5. 8. 16:35

오늘은 솔로 프로젝트를 하는 날 코드스테이츠에서 내준 과제를 연휴 동안 마무리 하는 것! 목표당 열심히 해야지 나만의 아고라 스테이츠 만들기!! 위의 예시처럼 나만의 페이지를 만드는 것이 목표이다 힘내서 해봐야겠다! 5월 4일에 저장한 줄 알았는데 임시 저장을 해놨다.. 이럴 수가...

프론트앤드 부트캠프/Day 2023. 5. 7. 22:01

와이어프레임 웹 또는 애플리케이션을 개발할 때 레이아웃의 뼈대를 그리는 단계를 와이어프레임이라고 합니다. Flexbox Flexbox는 CSS 레이아웃 모듈 중 하나로, 플렉스 아이템 간 공간 배분 및 정렬을 편리하게 다룰 수 있도록 지원하는 방식입니다. Flexbox는 브라우저 호환성이 좋고, 레이아웃 설계가 쉽다는 장점이 있어서 많이 사용되고 있습니다. Flexbox를 사용하면 플렉스 컨테이너(부모 요소)와 플렉스 아이템(자식 요소)으로 구성된 요소들을 효율적으로 정렬할 수 있습니다. 플렉스 컨테이너는 display 속성값으로 "flex"를 지정하며, 플렉스 아이템은 flex 속성값을 지정하여 크기, 순서, 정렬 등을 조절할 수 있습니다. Flexbox는 다양한 레이아웃 설계에 사용될 수 있습니다. ..

웹 < 프론트앤드 >/CSS 2023. 5. 3. 16:15

오늘은 DOM 마지막날 코드스테이츠에서 내준 과제를 완료하고 페어분과 페어도 잘 마무리했다!! 페어를 하면서 내가 아직 많이 부족하다는 것을 매번 느끼는 것 같다! 열심히 해야징 자바스크립트도 CSS 처럼 HTML의 class와 id에 적용하는 방법이 있었다!. 과제를 진행하는데 자꾸 에러가 떠서 ㅠㅠ 뭐가 문제인지 몰랐는데 페어님이 ! 쉽게 잘 설명해주셔서 이해가 되었다~! let elInputUsername = document.querySelector('#username'); console.log(elInputUsername); let passwordConfirmInput = document.querySelector('#password-retype'); let passwordInput = docume..

프론트앤드 부트캠프/Day 2023. 5. 3. 14:16

오늘은 오전에 병원을 가야해서 공가 신청을 했다. 그래도 공부는 해야지!! 내일 페어 활동에 지장 가지 않도록 조금이라도 해놔야겠다. DOM Document Object Model의 약어로, 문서 객체 모델을 의미합니다. 이는 HTML, XHTML, XML 등의 마크업 언어로 작성된 문서를 트리 구조로 분석하고, 각 요소들을 객체로 표현하여 이들을 다루는 프로그래밍 인터페이스를 제공하는 표준입니다. 즉, DOM은 웹 페이지나 문서를 객체 지향적으로 다룰 수 있게끔 하는 모델로, 각 HTML 요소들을 객체로 표현하여 이들을 조작하거나 상호작용할 수 있도록 합니다. 예를 들어, DOM을 이용해 HTML 요소의 속성 값을 변경하거나, 새로운 요소를 동적으로 추가할 수 있습니다. DOM Example Click..

프론트앤드 부트캠프/Day 2023. 5. 2. 13:58