분류 전체보기127 [TIL]2022.11.23 스파르타코딩클럽 내일배움캠프 (항해99의 국비ver) 1. input 태그를 선택하면 파일선택창이 뜨고, 파일선택하고 열기를 누르는 순간 실행될 '함수'가 필요함 input 태그 안에다 onchange="" 하나 심어줌 그리고 onchange안에 함수를 하나 넣어줘야하는데, const onchange = function(event) { console.log(event.target) } 브라우저엔진 - 자바스크립트엔진이 위에서 아래로 연결된 수직형태로 되어있음. 그렇기 때문에 태그를 버튼태그보다 뒤에 주는 게 좋음 window.onchage=onchange Authentication이 없는 상태에서는 파이어베이스에 업로드를 할 수가 없음 Authentication token이 있는 상태에서 업로드 테스트 요망 조이현 페이지 profile.js 에 모든 정답이.. 새로운 경험 2022. 11. 23. [TIL]2022.11.21 팀프로젝트 진행중 Nav-bar 또는 Top-bar라고 불리는 상단바에 로고와 프로필사진을 넣고 프로필사진을 클릭하면 드롭다운창을 띄워 프로필수정, 환경설정, 로그아웃 버튼과 함께 확대된 프로필사진, 닉네임과 로그인ID가 나오게 구성해 두었다. 아침에 메인페이지와 내가 만들어둔 내비바 코드를 합치는 작업을 해주셨는데, 내가 작성한 코드가 하나도 제대로 구동이 되지 않아서 당황스러웠다. 그래서 합치기 전 파일을 받아 처음부터 하나씩 코드를 다시 뜯어서 합치는 작업을 해서 기능과 디자인을 모두 그대로 살릴 수 있었다. 나름 뿌듯했다. 별 건 아니지만... 아침에 심심해서 장난끼가 발동해서 컨셉충 활동을 했다. 사람들 반응이 너무 재밌어서 수업 시작시간까지 계속 쪼그려 앉아서 모닥불 타는 소리를 냈다. 정말 재밌고 뿌듯했다. 새로운 경험 2022. 11. 21. [WIL]2022.11.14~11.20 3주차-스파르타코딩클럽-내일배움캠프(항해99 국비ver)3주차. 무엇을 배웠나? CS : SPA, SSR, CSR 코딩개념 : 바닐라코딩에 대한 개념. 바닐라 코딩의 필요성. 라이브러리, 프레임워크에 대한 개념. 알고리즘 - for문과 if문에 대한 숙련도가 좋아짐. 이중 포문은 아직 활용과 이해가 부족함을 느낌. 기본적인 수학 개념들. 최대공약수/최소공배수에 대한 개념조차도 너무 까마득한 기억이라 다시 뉘앙스를 떠올리기가 쉽지 않았음. 분수의 덧셈 알고리즘 문제를 해결중에 있음. 기약분수로 만드는 부분을 코드로 작성하는 것에 어려움을 느낌. HTML / CSS - 드롭다운 기능 구현. 메인페이지 탑바 구성과 드롭다운 기능 구현을 시도해보며 HTML과 CSS 활용도 및 이해도가 개선됨. 부족한점? CS : -프로세스, 쓰레드, 동기/비동기에 관한 특강을 들었으나 개념.. 새로운 경험 2022. 11. 20. [TIL]2022.11.20 프로그래머스 분수의 덧셈 JavaScript - 미해결 function solution(denum1, num1, denum2, num2) { let answer = []; let mother = num1 * num2; let son = (denum1 * num2) + (denum2 * num1); return answer; } 기약분수로 표현하는 방법, 최대공약수 구하는 과정을 코드로 구현하는 게 안 되고 있음. 추후에 다시 생각하고 풀어볼 문제. 새로운 경험 2022. 11. 20. [TIL]2022.11.19 서버사이드 랜더링 (SPA? CSR? SSR?) 1990년대중반까지 Static Sites 서버에 잘 만들어진 HTML이 있음. 사용자가 접속하면 HTML을 받아와서 보여주는 형식. 페이지에서 다른 링크를 클릭하면 HTML을 다시 처음부터 다 받아와야하기에 사용성이 떨어짐 1996 등장. 문서내에 또다른 문서를 담을 수 있음. 페이지내에서 부분적으로 문서를 받아와서 업데이트 할 수 있게끔 가능. 지금도 간혹 쓰임. 1998년~ API가 개발됨. HTML 전체가 아니라 JSON과 같은 포멧으로 서버에서 가볍게 필요한 데이터만 받아올 수 있게됨. JS를 이용해서 동적으로 HTML요소를 생성해서 페이지에 업데이트하는 방식. ↓ 이러한 방식이 공식적인 이름을 가지게 됨. 2005년 AJAX GOOGLE에서도 Gmail, GoogleMap과 같은 웹 어플리케이.. 새로운 경험 2022. 11. 19. [TIL]2022.11.19 SPA란 무엇인가? (Single Page Aplication) - 바닐라코딩? 바닐라JS? SPA란? Single Page Application, SPA. 말 그대로 하나의 페이지를 사용하는 어플리케이션. SPA는 서버로부터 새로운 페이지를 가져오는 것이 아닌, 하나의 페이지에서 내용을 동적으로 변경함. 전통적인 웹 사이트는 페이지 하나에 전달되는 데이터의 용량이 적었음. 그래서 새로운 페이지로 이동할 때 완전히 새로운 페이지를 서버에서 전송해 주곤 했음. 파일의 크기가 크지 않아 별 문제가 없었음. 그러나 점차 웹사이트가 발전하고 고도화됨에 따라 한 페이지가 갖고 있는 데이터의 용량이 커져갔고, 매 번 새로운 페이지를 전달하는 것이 점점 버거워지게 되어 SPA가 재조명 되고 있음. MPA란? Multi Page Application, MAP. 다른 페이지로 넘어갈 때 URL도 바뀌고 서버로 .. 새로운 경험 2022. 11. 19. [TIL]2022.11.18 내일배움캠프(스파르타코딩클럽) 2번째 미니프로젝트 발제 오늘 새로운 과제가 나왔는데 요약하자면.... 타임피드가 있는 SNS 서비스를 하나 구현해라... 같은것인데, 클론 코딩은 안 되고 기능구현을 직접 해보는 것을 지향하라는 것이 포인트였다. 아무리 해병대식 수영이라도 도구 사용하기 없기와 다른 사람 동작 카피하기 없기 같은 규칙은 없는데... 그냥 VSC 열어서 백지에다 처음부터 코드를 작성하라고하면 솔직히 한 줄도 제대로 적을 자신이 없다. 어떻게 해야하는 것인가... 내가 하는 JavaScript 기초문법 공부와 알고리즘 공부는 어디에 쓰이는 것이며, 처음부터 끝까지 백지에 코드를 작성하여 웹페이지를 하나 구현하려면 어떤 공부를 어떻게 얼마나 해야하는 것일까. 새로운 경험 2022. 11. 18. [TIL]2022.11.17 파이어베이스 특강 서버리스란 ? -서버 관리 없는 백엔드 -어플리케이션 배포 역사 : 하드웨어, 소프트웨어 직접 관리 - > 하드웨어만 관리 위임(EC2) -> 소프트웨어 관리 위임(Firebase, AWS Lambda) -대표적인 서버리스 서비스 🍕 AWS Lambda : API함수 직접 등록 필요. (FaaS) 🍕 Firebase : 별도의 서버 설정 없이 바로 백엔드 서비스 이용 가능. (BaaS) 🍔Firebase란 ? 까지 적어 보다가.... 그냥 유튜브 강의로 대체했다. 유튜버 조코딩님 고퀄리티 강의 감사합니다. 새로운 경험 2022. 11. 17. [TIL]알고리즘 2022.11.16 배열 뒤집기 function solution(num_list) { let answer = []; for (i = num_list.length-1; i >= 0; i--) { answer.push(num_list[i]); } return answer; } reverse() 함수 사용하지 않고 직접 구현을 해보고싶어서 쓸 데 없는 고집을 부려보았다. ▶ for (초기식;조건식;증감식) { 반복할표현식 } 새로운 경험 2022. 11. 16. [TIL]2022.11.15 Class ? 객체 지향? JavaScript CLASS // 현업에서는 생성자 함수를 이제 사용하지 않는다. 개념을 익히기 위해 알고 있는 것은 필요하다. // CLASS는 다른 객체지향 프로그래밍 언어에서도 많이 쓰임 ! // CLASS란 ? 생성자 함수와 마찬가지로, 객체를 생성할 수 있는 템플릿(양식) // 객체 지향 프로그래밍(Object-Oriented Programming)을 가능하게 함 ! // 객체 지향 프로그래밍(Object-Oriented Programming)이란? // => 서로 밀접하게 연관있는 아이들을 객체로 구성해 나가면서 객체끼리 서로 호환 가능하도록 프로그래밍 하는 것을 객체 지향 프로그래밍이라고 한다 ! // 공통적인 구조를 가진 객체를 만들고자 한다면, 만들고자 하는 객체의 양식을 생성자 함수를 통해서 정의해 두고.. 새로운 경험 2022. 11. 15. [TIL]2022.11.15 Create Function 생성자 함수 JavaScript 생성자 함수 Create Function 새로운 경험 2022. 11. 15. [TIL]2022.11.15 Method 객체 안의 함수 JavaScript 새로운 경험 2022. 11. 15. 이전 1 ··· 4 5 6 7 8 9 10 11 다음 💲 추천 글