본문 바로가기

전체 글101

Day1. Ai와의 대화 오늘의 질문 ai: What is your favorite hobby and why do you enjoy it? me: I like watching youtube, because i can not thinking in watching youtube. -> “I like watching YouTube because I don’t have to think while watching it.” 1. can 뒤에는 동사 원형이 와야한다. 2. in 은 문법상 옳지 않다 ~ 동안 이라는 while을 사용하자. 3. dont' have to think 는 생각할 필요가 없다는 의미를 명확히 전달한다. 4. 앞에 Youtube라는 것을 설명했으므로 it으로 표현해도 된다. ai: What kind of video.. 2024. 8. 2.

[Vanila js] 키워드 검색 구현하기 ResultViewexport default class KeywordListView extends View { constructor() { super(qs('#keyword-list-view')); this.template = new Template(); this.bindEvents(); } show(data = []) { } bindEvents() { } handleClick(event) { }} 앞선 기능들과 마찬가지로 keyword-list-view에 적용할 interface다.Result를 보면 키워드를 클릭하는 이벤트가 발생하니까 이벤트를 바인딩해주는 것이 필요하고keyword 목록들을 보여주어야 하므로 show().. 2024. 8. 2.

[Vanila js] 탭 구현하기 ResultViewexport default class TabView extends View { constructor() { super(qs('#tab-view')); this.template = new Template(); } show() {} bindEvents() {} } 정적 페이지의 tab-view id를 가진 태그에 작업을 수행한다.Result와 같이 탭을 보여줄 기능과, 탭을 누르는 행위를 하는 기능이 필요Controllerexport default class Controller { constructor(store, {searchFormView, searchResultView, tabView}) { this.store.. 2024. 8. 1.

[Vanila js] 검색 결과 기능 구현 Viewexport default class SearchResultView extends View { constructor() { super(qs("#search-result-view")); this.template = new Template(); } show(data = []) { if (data.length > 0) { this.element.innerHTML = this.template.getList(data); } else { this.element.innerHTML = this. template.getEmptyMessage(); } super.show(); }}.. 2024. 7. 31.

[Vanila js] 검색 기능 구현하기 Branch - ready/search-form-1앞선 포스팅의 작업이 제대로 되었다면 main 브랜치에서1. git checkout -b ready/search-form-12. 코드 작성3. git add .4. git commit -m "feat: 내용"5. git push origin ready/search-form-1이후 PR 날리고 Rebase Merge 하기.git bash에서 코드로 할 수도 있지만, 협업 중 코드 리뷰를 하는 과정이 있음.그래서 직접 github 사이트에서 Merge하는 것에 익숙해지기 앞으로 모든 작업은 위 과정을 반복해서 branch를 업데이트 할 예정 // index.html // main.jsdocument.addEventListener("DOMContentL.. 2024. 7. 31.

[Vanila.js] 사전 코드 이해하기 강사님이 미리 구현해 둔 서비스 branch : ready/scaffodingIn Memory DB추천 검색어, 검색 기록, 상품 데이터Utility시간관련 UtilDOM Event를 활용한 Util기본적으로 JS에서 제공하는 기술들을 모듈화했다고 보인다.Model이후에 비즈니스 로직 및 중요 로직이 담길 것으로 보임.View정적 페이지 정보를 렌더링(수정)하는 페이지Utility를 활용해 기본적인 기능이 제공된다.ControllerView에 작성될 내용을 제어Model의 비즈니스 로직을 활용하거나 따로 서비스 로직을 작성할 듯 2024. 7. 31.

[Vanila.js] 환경셋팅 1 우아한 형제들에서 근무 중이신 프론트 개발자 김정환님의 강의를 기반으로 작성합니다.인프런 강의 제목은 '만들고 비교하며 학습하는 리액트'입니다. 해당 강의는 깃을 사용하며 Branch별로 강의를 해주십니다. 학습을 하기 위해 먼저 git을 fork합니다. fork가 잘되었다면, 강사님이 만들어 둔 branch로 이동할 수 없습니다.우선 fork한 내 레파지토리를 clone하고 해당 폴더로 이동해서 git bash를 실행합니다.그리고 아래와 같은 명령을 작성합니다. 1. git remote add upstream https://github.com/jeonghwan-kim/lecture-react.git2. git fetch upstream3. git checkout -f upstream/ready/scaf.. 2024. 7. 30.

[Vanila.js] 환경셋팅2 1. VS 코드를 설치한다.2. Node.js를 설치한다.2-1. npm --version 으로 환경변수 설치가 잘되었는지 확인한다.3. Git Bash를 설치한다. (선택, 프로젝트 관리하려면 설치)4. npx lite-server --baseDir "폴더명" or npx lite-server ※ 주의 (windows 환경)Node.js의 경로를 커스텀 영역에 설치 시, 실행이 안된다.1. Ctrl + r -> %appdata% -> 새폴더 생성(이름: npm) 2. System 환경변수에서 해당 node js의 custom 영역을 path 변수에 추가한다.나는 사용자 영역에 추가했다. ※ TipVsCode에서 code . 으로 실행하려는데 안된다.Ctrl + shift + p 로도 code 를 검색해.. 2024. 7. 30.

[실기 후기] 정보처리기사 가채점 결과 3문제가 틀렸다. 총 공부 시간은 블로그에 작성한 모의고사 끝이다.전공자의 경우, 코딩만 준비가 되어있으면 하루만 공부해도 될 것 같다. 나는 22년도부터 24년까지 모의고사를 풀어봤는데 개인적으로 23년 2회, 3회와 비슷한 합격률을 보이지 않을까 싶다. 1. 코드가 상당히 어려울 수도 있다.재귀를 이용한 메모제이션 기법이 나왔다.그 외 포인터가 다양하게 나왔다. 2. 이론네트워크, 보안만 공부했으면 됐을 것 같다. 이전 회차에 비해 코딩 : 상, 이론 : 하아무래도 비전공자가 많이 응시했다면 합격률이 좀 낮을 것으로 예상된다. 2024. 7. 30.

이전 1 2 3 4 5 ··· 12 다음

티스토리툴바