Notebook

프론트엔드 소개 Q1. 프론트엔드와 백엔드의 차이점? 프론트엔드 : 웹 화면을 담당 백엔드: 중요한 서비스 로직 Q2. 포지션별 역할? Web Publishing : 디자인 된 내용을 화면에 구현 Frontend Programming : UI, 데이터처리 및 상태 값 관리 Backend : 보안, DB연결 및 관리, 서비스 코어 기능, 서버 전송 처리, 모델링 작업 Q3. 프론트엔드는 ? 1. 스타링 2. 퍼블리싱 3. 프로그래밍 영역 을 종합적으로 잘 다룰줄 알아야 한다. +서버에 대한 기초 배경 지식도 필요 +하나의 영역을 배워서 차츰 넓혀 나가면 된다. +누구나 도전 해볼 수 있는 매력적인 분야이다. 프론트엔드 프레임워크 비교 1. JS프레임워크 특징 SPA 방식 (Single Page Applic..

코딩 빨리 배우는 법 : https://www.youtube.com/watch?v=b79_XuSBqPY&list=LL&index=683 온라인 강의 학습 방법 1. 목표를 확실히 설정 2. 자신과의 약속 지키기 (중도 포기X) 3. 노트에 작성 (디지털 노트) => 한번 더 공부 기회, 재미, 학습동기상승 4. 직접 정리하고 찾아보며 배우기 5. 퀴즈나 과제는 직접해보고 결과를 보기 코딩은 기본적인 개념과 맥락을 이해하고 실전을 통해 연습하면서 감을 익혀야 한다. 책을 처음부터 끝까지 순서대로만 본다고 능사가 아니다. 결론: 미니 프로젝트를 만들어 본다. 매일 조금씩 해보면서 감을 잃지 않기 댓글반응 : muse key曰 인생자체가 코딩이라 다를바없는것 같네요. 다만 인생은 여러 모순 속에서 나만의 정답..

알고리즘 공부방법1. 문제이해 2. 로직구상 3. 코드제출 4. 틀리면, 2번으로 (2~4번 과정 최소3번 반복) 5. 하루가 지나도 모르면 코드 참고 6. 오답노트 정리 7. 틈틈히 복습 Array - Two Sum - https://leetcode.com/problems/two-sum/ - Best Time to Buy and Sell Stock - https://leetcode.com/problems/best-time-to-buy-and-sell-stock/ - Contains Duplicate - https://leetcode.com/problems/contains-duplicate/ - Product of Array Except Self - https://leetcode.com/problems/..

html 을 작성할 때 img 파일을 넣는 경우가 많습니다. 그 때 img파일을구하는게 귀찮을 때가 있습니다. 이제 url만 알면, 쉽게 온라인에 저장되어 있는 이미지를 불러올 수 있는 방법을 알려드리겠습니다. 위의 img 태그안에 있는 src에 아래에 소개된 url을 이용하면, 사진을 손쉽고 자유롭게 사용할 수 있습니다. 1. via.placeholder.com (일반사진) 1-1. placeholder url + 가로 / 세로 크기 1-2. placeholder url + 가로세로크기 / 배경색 / 숫자색 1-3. placeholder url / 가로세로사이즈 + ?text="영어입력" 1-4. placeholder url / 가로세로사이즈.이미지포멧(png, gif, jpg) / 배경색 / 글자색 ..

UI (User Interface) - 사용자와 마주하기 정의 : UI는 사용자가 앱을 마주하는 디자인, 레이아웃, 기술영역 등을 말한다. 디자인의 구성요소인 Font, Color, LineHeight 등 상세한 요소가 포함된다. 기술영역은 반응성, 입출력단계, 애니메이션효과 등의 요소를 포함한다. 그러므로 UI는 단순하게 디자인과 기술을 합친 단 하나 라고 말하기 어렵다. UI의 필요조건 다양한 사용자를 위해 보편성을 지니고 불편성을 줄여야 한다. 좋은 UI는 높은 만족도를 이끌어 낸다. UX (User Experience) - 사용자의 경험 정의 : 사용자가 앱을 사용하고 진행되는 여러가지 경험들을 종합하고 분석한 후 앱을 더 편하고 효율적인 방향으로 작업이 진행될 수 있도록 하는 과정 및 결과를 의..

보호되어 있는 글입니다.

토론창 이용 규칙 Do (하세요) - 다른 수강생 분들을 위해 영상과 관련된 좋은 지식이나 노하우를 토론창에 공유 한다 ✅ - 내가 열심히 한 챌린지를 올려서 출석체크 한다 ✅ - 수강 소감 및 어떻게 강의를 듣고 있는지 공유한다 ✅ - 영상에 이상이 있거나 강의 내용 이상시 엘리에게 피드백을 준다 ✅ - 강의와 관련된 중요한 내용을 아래 질문 규칙을 통해서 질문한다 ✅ Don't (하지마세요) - 코드 리뷰 및 상담 요청(진로 상담, 개인 프로젝트에 어떻게 적용할 수 있는지, 어떤 스택이 좋은지 등등) ❌ - 영상에 나오는 내용을 정리해서 맞게 이해 했는지 다시 물어보기 ❌ - 메일로 질문 보내기 ❌ - 부분적인 코드 캡쳐해서 왜 안되는지 물어보기 ❌ (프로젝트 전체 압축해서 올려주세요) - 스스로 해..

유튜브 따라하면서 배우는 IT의 네트워크 강의 자료 https://ddarahakit.tistory.com/category/%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC%20%EA%B8%B0%EC%B4%88?page=2 '네트워크 기초' 카테고리의 글 목록 (2 Page) 어렵게 느껴질 수 있는 IT 기술들을 최대한 쉽게 따라하면서 학습할 수 있는 블로그 ddarahakit.tistory.com https://ddarahakit.tistory.com/20?category=960747 etc. ppt 강의 자료 공유 01. 네트워크란 무엇인가 https://docs.google.com/presentation/d/1aMP9_QeacYL46E1UW9I2DtuMQTbtLLTHXDlyuOkWk..

1. 강의 듣기전에 목차를 보고 어떻게 강의를 들을지 시뮬레이션해봄 2. 내가 시뮬레이션한거랑 강사가 한거랑 비교하는 능동적 강의 듣기 3. 강의에서 새로 알게된걸 나의 과거경험에 적극적으로 끼워넣어 적용해보기 https://blog.makerjun.com/learning/how-to-effectively-listen-online-lectures 인강 효과적으로 듣는 방법 자 내가 수강 신청한 인터넷 강의 사이트에서 완강한 인터넷 강의를 살펴보자. 과연 몇 개나 될까? 웬만한 의지를 가진 사람들이 아니고서야 인터넷 강의를 완강한 사람의 비율은 높지 않고, 실 blog.makerjun.com

출처: https://www.youtube.com/watch?v=PUKOWrOuC0c 0. 숫자 0부터 시작한 이유는 1보다 더 중요한 것이기 때문입니다. 에러가 났을 때 해결을 하는 게 중요한 게 아닙니다. 왜 여러분은 해결을 못 하고 저는 해결을 하는지, 어디서 힌트를 얻은 것이고 어떻게 해결한 건지 그걸 알아가셔야 합니다. 그렇지 못한 질문은 무의미한 질문입니다. 1. 에러 메시지를 올리기 전에 반드시 스스로 번역을 해야 합니다. 번역기 요즘 잘 되어 있습니다. 에러 메시지가 에러 해결 단서의 90%를 차지합니다. 한글로 번역만 해도 대부분 풀립니다. 그냥 에러메시지를 올리고(심지어 안 올리는 분도 있습니다. 저는 독심술사가 아닙니다) 해결해달라고 하시면 아무런 도움이 안 됩니다. 2. 에러 메시지..