본문 바로가기

전체 글

 (348)
[SQL] SQL query 문 작성 연습하기 W3School: https://www.w3schools.com/sql/default.asp해당 홈페이지는 우선 영어로 진행됩니다.(제가 설정을 영어로 했을수도 있습니다만 저는 그냥 영어도 공부할 겸 영어로 진행했습니다.)SQL에 대한 튜토리얼부터 시작해서 Exercise가 있어 배운 내용을 확인할 수 있고, 비공식적인 Quiz까지 제공해주고 있습니다.설명이 간단하게 나와있어서 처음 SQL을 접하시는 분에게 추천은 하지 못할 것 같습니다. 원래 조금 SQL을 했었는데 다시 기억을 상기시키길 원하시는 분에게 추천드릴만한 사이트입니다. SQL Query: 개인이 운영하는 사이트인가? 쿼리 문제가 있음https://www.sqlquery.net/ code chef: 다양한 난이도의 문제가 있음(유료일지도.....
[React.js] Props & State props vs state부모에게서 전달받은 props는 변경할 수 없습니다. 하지만 state는 해당 컴포넌트 내부에 있는 데이터이기 때문에 자유롭게 변경이 가능합니다. 둘의 공통점은 값이 변경되는 경우 렌더링이 발생합니다. 어떻게 생각하면 화면을 다시 그려줘야 하기 때문에 당연하다고 생각할 수 있습니다.state컴포넌트 내부에 state를 사용하는 이유는 react가 state의 변화를 파악해 자동으로 re-rendering을 해주기 때문입니다. 기존에 사용하던 변수를 사용하는 경우 값은 변하지만 re-rendering이 발생하지 않아 화면에 반영되지 않습니다. 결론적으로 react에서 state를 사용하면 re-rendering을 자동으로 해주기 때문에 변하는 데이터에는 사용해야 한다는 것입니다. ..
[오픽] GPT와 준비하기(업데이트) 기존에 진행하던 방식에서 조금의 변화가 생겨서 기록을 남깁니다. 기존 방식 변화된 방식 1. 이미지로 질문하기이미지로 질문하기 때문에 GPT가 정확하게 이해했는지 알 필요가 있었고, 질문에 대해서 이해한 내용을 간단하게 요약해 달라고 요청했습니다.텍스트로 질문하더라도 질문의 내용 요약을 진행합니다. 2. 내가 작성한 답변 보내고 수정된 답변받기답변에 대한 평가와 두 단계로 나눠서 답변을 수정해 달라고 했습니다.0 단계: 새롭게 추가된 단계로 답변을 수정하기 전 현재 내 답변에 대한 평가를 진행한다. 기본적으로 의도 전달, 표현의 부족한 부분 등 내용에 대한 평가와 오픽에서 답변한다면 받을 수 있는 레벨을 평가한다.1 단계: 단순하게 내 답변을 변형시키지 않고 문법과 어휘에서 문제가 되는 부분을 수정한다..
[오픽] 질문 & 답변 QuestionWhich sport is the most popular in your country? Why do you think it is popular? Has the sport always been popular or has it gained popularity recently? My Answer목표하고자 한 말은 양궁이 유명하다. 이유는 한국인이 올림픽에서 금메달을 많이 받을 정도로 양궁을 상당히 잘한다. 한국인의 양궁 실력은 항상 유명했다.umm.. that's an interesting question. I don't think about that. I think the most popular sport is umm... maybe I don't know what they are called..
[HTML] form 요소 내부 input name 속성 정말 사소한 정보지만 몰랐던 내용이고 신기해서 기록합니다. 사실상 웹 개발을 혼자 배우고 프로젝트에 필요한 내용만 배우다 보니 순수 JS로 코드를 작성하는 경험이 부족해서 새로운 정보인 듯싶습니다. form 요소 내부에 있는 input 요소의 속성 중 name에 값을 주고 submit 동작을 진행하면 name과 input의 값이 요청한 URL의 쿼리로 들어가게 됩니다. 예를 들어 위 form을 submit 하면 '/?something=blabla'라고 하는 URL로 이동하게 됩니다. 평소에 submit 할 때 event.preventDefault()를 사용해 기본적인 form의 동작을 사용하지 않았기 때문에 몰랐던 부분입니다.
[React.js] Form onSubmit vs Button type="submit" 웹 개발을 진행하면 데이터를 서버로 보내야 할 때가 있고 그때 자주 사용되는 형식이 요소를 사용하는 것입니다. $form.addEventListener('submit',(event) => {}); 요소 내부에 , 등 다양한 요소를 활용해 데이터를 담고 서버로 요청할 때 submit 합니다. export default function Test() { const handleSubmit = (event) => {}; return ( click );}이때 React에서는 onSubmit을 통해서 submit 이벤트를 발생시키고 해당 이벤트는 요소에서 사용할 수 있는 속성입니다. 그렇다면 button의 type 속성의 값으로 있는 submit은 무슨 값인가? 단순하게 해당 버..
[오픽] 질문 & 답변 QuestionWhen people travel to other countries, what sorts of things are they most interested in? Why do you think these things are of interest to travelers? Answerumm... that's an interesting question. I think travelers love other countries food. Because it is so different flavor and umm.. you know, appearances. So people want to try some new thing or challenge. GPT's solutions1. Check my answer..
[TS] TS Doc Reference 1회독 - 4 ThisParameter함수의 this 파라미터 타입을 가져오거나 this 파라미터가 없다면 unknown을 반환합니다. OmitThisParameter함수의 this 파라미터 타입의 제거합니다. 만약 this 파라미터가 없다면 단순하게 Type으로 사용됩니다. 해당 타입은 정해진 this 파라미터가 아닌 다른 경우로 함수를 사용하기 위해서 사용됩니다. ThisType해당 타입은 문맥적인 this 타입(contextual this type)에 대한 마커입니다. 해당 타입을 사용하기 위해서는 noImplicitThis 플래그를 사용해야 합니다. 위 세 가지 타입의 경우 this를 사용하는 경우 사용할 수 있는 것이고 각 역할을 이해했지만, typescript를 접한 지 얼마 지나지 않은 입장에서는 어떻게 ..

티스토리툴바