jineecode

CSR(Client-side Rendering)이란 무엇이며, 그것의 장단점에 대하여 설명해주세요. 자바스크립트를 이용하여 브라우저에서 직접 페이지를 렌더링하는 것을 의미한다. 장점: 일단 로드되고 나면 사이트 내에서 돌아다닐 때 로드되는 과정이 없어지므로 사용성이 좋아진다. 서버를 호출할 때마다 전체 UI를 다시 로드할 필요가 없다. 단점: 애플리케이션 규모가 커질수록 JS양이 증가하여 페이지가 다른 면에서 무거워질 수 있다. 초기 페이지 로드에 더 많은 시간이 걸린다. SEO에 친화적이지 않다. SPA(Single Page Application)로 구성된 웹 앱에서 SSR(Server-side Rendering)이 필요한 이유에 대하여 설명해주세요. CSR의 단점을 극복하며 SPA의 장점도 가져갈 수..

프리온보딩 프론트엔드 챌린지 2차 수강 도중 애매하게 알고 있었거나 새로이 알게된 정보 정리 1. new.target new.target 속성(property)은 함수 또는 생성자가 new 연산자를 사용하여 호출됐는지를 감지할 수 있습니다. 우리는 사용자를 위해 일부러 에러를 낼 수 있지만, 동료 개발자를 위해 에러를 낼 줄도 알아야 한다. 예를 들어, 생성자를 사용하여 init 코드를 써야만 한다고 해보자. 동료 개발자가 이를 쓰지 않았을 때, 에러를 내주어야 한다. 이럴 때 쓸 수 있는 것이 new.target 이다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/new.target new.target - JavaSc..

프리온보딩 프론트엔드 챌린지 1차 수강 도중 애매하게 알고 있었거나 새로이 알게된 정보 정리 1. map 등 메서드를 사용할 때, number[]를 썼다면 number 관련 method가 추론된다. num 위에 커서를 올리면 타입추론이 되고 있는 것을 확인할 수 있다. https://www.typescriptlang.org/play?#code/MYewdgzgLgBAhgJwXAnjAvDA2gRgDQwBMBAzALoDcAUIsigHQC2cADgBQCWUApoxgHwwuvejAD0YmIAGFwKHjgFNnABh2AXcZiAcFsAnTfQCUQA TS Playground - An online editor for exploring TypeScript and JavaScript The Playground lets ..

React 내가 쓴 코드 //Modal 컴포넌트 만들기 function Modal() { return ( 제목 날짜 상세 내용 ); //setState 만들기 let [modal, modalChange] = useState(false); ... //모달 삼항조건문 {modal === true ? : null}; //모달 온오프 버튼 { modalChange(modal == true ? false : true); }} > 모달 온오프 버튼 정답: { modalChange(!modal) } }> 열고닫는버튼 ! 느낌표 기호는 true 왼쪽에 붙이면 false로 바꿔주고 false 왼쪽에 붙이면 true로 바꿔줍니다. 나는 아직도 멀었구나... 😥

programmers.co.kr/learn/challenges 코딩테스트 연습 기초부터 차근차근, 직접 코드를 작성해 보세요. programmers.co.kr 문제 설명 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단, 개수를 비교할 때 대문자와 소문자는 구별하지 않습니다. 예를 들어 s가 "pPoooyY"면 true를 return하고 "Pyy"라면 false를 return합니다. 제한사항 문자열 s의 길이 : 50 이하의 자연수 문자열 s는 알파벳으로만 이루어져 있습니다. 입출력 예 sanswer ..

https://programmers.co.kr/skill_check_assignments/4 프로그래머스 과제관 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 정답코드 https://github.com/woohyeonjo/ilovecat-javascript

Build 30 things in 30 days with 30 tutorials No Frameworks×No Compilers×No Libraries×No Boilerplate javascript30.com/ JavaScript 30 Build 30 things with vanilla JS in 30 days with 30 tutorials javascript30.com