본문 바로가기

전체 글521

[호그와트 레거시 - 팁] 놓친 어둠의 마법 다시 배우기 안녕하세요. 박기린 입니다. 세바스찬에게서 어둠의 마법을 배울 때, 아무 생각 없이 대사를 넘기다가 배우지 못하고 넘어가는 상황이 발생할 수 있습니다. 물론 저도 임페리오 습득 퀘스트를 하다가 그런 일을 겪었습니다. 하지만 다행히도 나중에 다시 배울 수 있는 방법이 있습니다. 어둠의 마법 다시 배우기 - 세바스찬 찾아가기 결론부터 말씀드리자면, 세바스찬 샐로우를 찾아가면 됩니다. 그리고 세바스찬은 언더크로프트 안에 있습니다. 언더크로프트 위치 어둠의 마법 방어법 교실 플루 불꽃으로 이동합니다. 플루 불꽃을 타고 간 후, 한 층 내려가주면 언더크로프트가 있습니다. 세바스찬에게 말 걸기 그러면 언더크로프트 안에서 세바스찬을 만날 수 있습니다. 말을 걸고 새로운 주문을 배우고 싶다고 하면, 실수로 넘긴 마법들.. 2023. 2. 12.
[호그와트 레거시 - 팁] 엄청난 양의 곱스톤 / 곱스톤 위치 안녕하세요. 박기린 입니다. 이번엔 제노비아 노크가 찾으라고 부탁한 곱스톤들의 위치를 알아보겠습니다. 1. 점술 교실 근처 점술 교실 플루 불꽃으로 이동합니다. 플루 불꽃을 타고 오면 바로 계단이 보입니다. 계단을 꼭대기까지 올라가줍니다. 꼭대기 천장 장식물에 곱스톤이 있습니다. 아씨오로 가져와줍시다. 2. 점술 교실 근처 두 번째 곱스톤도 점술 교실 근처에 있습니다. 계단을 다시 내려오거나 워프를 해서, 점술 교실 플루 불꽃으로 가줍니다. 이번에는 플루 불꽃 바로 옆의 문으로 들어가줍니다. 퀘스트 마커가 있는 곳까지 쭉 들어가줍니다. 거기에서 왼쪽을 바라보면 곱스톤이 있습니다. 3. 마법약 교실 근처 이번엔 마법약 교실 플루 불꽃을 타줍니다. 표시한 곳으로 들어가주고, 대문을 열어서 나가줍니다. 그리고.. 2023. 2. 12.
[호그와트 레거시 - 팁] 중급 변신술 책 퀴즈의 정답 / 위즐리 교수님의 변신 마법 과제 안녕하세요. 박기린 입니다. 이번에는 '위즐리 교수님의 변신 수업 과제' 중 '중급 변신술 책을 얻기 위해 풀어야 할 퀴즈'의 정답에 대해 알아보겠습니다. 소프로니아 프랭클린이 뜬금없이 해리포터 세계관 검정 고시를 시켜서 당황한 분들이 꽤 있으실 것으로 예상이 됩니다. 행운의 물약 : 펠릭스 펠리시스 삼 형제 이야기 : 죽음의 성물 죽음의 성물은 해리포터 스토리 마지막 장의 부제이기도 하죠. 퀴디치의 가장 큰 공 : 퀘이플 쿼플로 아는 분도 계실텐데, 퀘이플이 쿼플입니다. 기존 번역본은 퀘이플, 개정판은 쿼플이라고 적혀 있는데, 호그와트 레거시는 기존 한국 팬들을 위해 기존 번역본을 선택한 것으로 보입니다. 폴리주스 마법약이 종을 바꾼다? : 거짓 폴리주스 마법약은 나이, 성별, 인종을 바꿀 수는 있지만.. 2023. 2. 12.
[호그와트 레거시 - 팁] 헤로디아나의 홀 3번째 퍼즐 안녕하세요. 박기린 입니다. 호그와트 레거시를 구매 후 플레이 중, 팁으로 글을 쓰면 괜찮다고 생각이 든 퀘스트가 있었습니다. 바로 '헤로디아나의 홀'이라는 퀘스트로, 이 퀘스트의 3번째 퍼즐에 대해 팁이 필요한 사람이 있을 거라고 예상이 됩니다. 사전 정의 아씨오는 당기기 디펄소는 밀기 라고 치환해서 말하겠습니다. 헤로디아나의 3번째 퍼즐 풀기 3번째 퍼즐에 진입하면, 위와 같은 상태입니다. 움직이는 돌 우측으로 가서, 동그라미 부분을 당겨줍니다. 그러면 우측 벽에 딱 붙는데, 여기서 동그라미 부분을 밀어줍니다. 그러면 초기화 조형물이 위치한 블록에 딱 붙습니다. 좌측 벽에 딱 붙은 돌에 올라갑니다. 위 스크린샷과 같은 시야를 둔 상태에서, 동그라미 부분을 당겨줍니다. 그러면 점프를 통해 건너편 블록으.. 2023. 2. 11.
[React] 5. 이벤트 리스너와 이벤트 핸들러 만들기 (onProps) 안녕하세요. 박기린 입니다. 이번엔 React 컴포넌트의 이벤트 핸들러 함수를 만드는 방법에 대해 알아보겠습니다. onProps // ChangeButton.js const ChangeButton = (props) => { const clickHandler = () => { console.log('clicked'); }; return Change Title; } 위의 코드 중 을 보면 onClick props가 보입니다. 이름이 on으로 시작되는 props는 React의 관행에 따라 '항상 함수를 인수로 받는 props'를 뜻합니다. 그리고 그 함수는 이벤트 핸들러로, onProps의 실행 조건이 나타나면 핸들러 함수가 작동합니다. 만약 버튼이 클릭되면, onClick에 담긴 핸들러 함수가 실행이 되는 .. 2023. 2. 7.
[React] 4. JSX란 무엇일까? 안녕하세요. 박기린 입니다. 이번엔 React 컴포넌트의 핵심 중 하나인 JSX에 대해 알아보겠습니다. 엄청 간단한 JSX // React 컴포넌트의 JSX 부분 return ( Let's get started! ) React 컴포넌트는 JSX라는 것을 사용합니다. JSX를 통해서 HTML 코드를 사용할 수 있게 된다는 것은 알고 있지만, 단순히 함수에 return() 안에다가 HTML 또는 컴포넌트를 입력만 하면 자동으로 홈페이지에 출력이 된다는 점이 아리송합니다. 과연 원리가 무엇일까요? JSX의 원리 React.createElement() create-react-app으로 만든 리액트 앱의 package.json을 가면, 위의 사진처럼 react, react-dom이라는 모듈을 확인할 수 있습니다... 2023. 2. 7.
[React] 3. props / props.children 컴포지션 안녕하세요. 박기린 입니다. 이번에는 React 컴포넌트의 핵심 중 하나인 props에 대해 알아보겠습니다. props의 역할 React 컴포넌트는 다른 컴포넌트(파일)의 데이터를 바로 가져올 수 없습니다. 그래서 HTML의 태그가 attribute를 이용해서 데이터를 주고받는 것처럼, React 컴포넌트도 props라는 것을 이용해서 데이터를 주고받습니다. props를 전달하는 방법 // App.js function App() { const expenses = [ { id: "e1", title: "Car Insurance", amoount: 294.67, date: new Date(2022, 2, 20), }, ]; return ( {/* 소문자로 시작 - html */} Let's get start.. 2023. 2. 7.
[React] 2. 컴포넌트(Component) 안녕하세요. 박기린 입니다. 이번엔 리액트의 핵심인 컴포넌트(Component)를 만들어봅시다. 컴포넌트 만들기 // App.js import ExpenseItem from './components/ExpenseItem'; function App() { return ( // JSX Let's get started! // 소문자 // 대문자 ); } export default App; 리액트의 컴포넌트는 '함수형 컴포넌트'라고 부릅니다. 즉, JavaScript의 함수를 사용하기 때문에 function 키워드나 화살표 함수를 사용해서 컴포넌트를 생성할 수 있습니다. class형 컴포넌트도 있으나, 최신 React 버전에는 대부분 함수형 컴포넌트를 사용하기에 설명을 생략하겠습니다. JSX return ( L.. 2023. 2. 6.
[React] 1. 리액트에 대한 사전 지식 안녕하세요. 박기린 입니다. 자바스크립트에 이어서, 이번에는 JavaScript의 client-side 라이브러리인 React에 대해 알아보겠습니다. 왜 자바스크립트보다 리액트인가요? 요약하자면, 반응형 웹을 쉽고 빠르게 만들 수 있기 때문입니다. 페이지의 버튼을 누르면 글자가 바뀌는 사이트가 있다고 가정을 합니다. JS는 querySelector()로 글자가 담긴 텍스트를 찾은 후에, textContent property를 수정해주고, 변화한 값이 스크린에 보여질 수 있도록 DOM을 편집해주고 등등 아주 많은 과정을 직접 적어줘야 합니다. 하지만 React는 정말 간단하게 이를 구현할 수 있습니다. Single Page Applications (SPAs) 리액트는 싱글 페이지 앱이라는 말을 자주 들으실.. 2023. 2. 3.

티스토리툴바