작은 Tic-Tac-Toe 게임을 만든다고 한다. (Do근Do근)참고 사이트 : https://react.dev/learn/tutorial-tic-tac-toeexport default function Square() 은 Square함수를 정의한다.export

최근에 코테를 봤는데 완전히 망해버려서 React 문법부터 다시 정리하는 시간을 가져볼까한다.참고 사이트 : https://react.dev/How to create and nest components 구성 요소를 만들고 중첩하는 방법How to add mar

도메인을 간단히 정의하고 알아보자.

키프레임은 정말 너무나도 인터렉티브 하다. 그래서 더 배우고 싶지만 자바스크립트가 아직 손에 안익어서 큰일이다.취업하려면 결국 절대적인 코딩시간을 늘려야겠지 저번주에 music player를 만들었는데 블로깅을 할 시간이 없었다. 지금 해보자면html, scss, ja

오늘은 isotope 플러그인을 적용한 반응형 갤러리를 만들어 보았다.누르면 크게 볼 수 있거나 다운로드를 할 수 있으면 딱 언스플레쉬나 픽사베이, 핀터레스트 같을텐데 그냥 겉으로 보이는 것만 우선 적용해보았다. 추후에 필터되는 것이라던지 사진 클릭 시 나오는 액션들을

어제 다 못한 파노라마 UI 사이트를 오늘 끝냈다.아래는 깃허브 주소이다.https://github.com/namYeJi9q/PanoramaUI.git업로드중..transform을 이용해서 로테이션이 돌아가는 원리를 알게 되어 매우 신기했다. 배포까지 하고 싶

예전에 배운 내용도 까먹는 까마귀라서 포스팅이라도 해서 남겨야겠다.사실 10분도 안되서 끝나는 일인데 매우매우 도움이 된다.가입하면 오른쪽 상단에 아이콘을 클릭해준다. 누른 뒤 아무런 이동이나 움직임도 없는게 정상이다. 이건 해놓는게 신상에 이롭다. 자동완성을 시켜주고

주제 나의 파노라마 UI 사용 스텍 HTML5 CSS3 Git Github(page 배포) 소스 https://unsplash.com/ko https://coverr.co/

sass를 이용하면 CSS를 효율적으로 모듈화를 시킬 수 있고, 여러가지 반복문, 조건문 같은 다양한 기능을 이용할 수 있어 편리하다.아래와 같은 기능을 사용할 수 있다.변수의 사용조건문과 반복문ImportNestingMixinExtend/Inheritancesass를

unity 입문을 하며 간단한 공굴리기 게임을 만들어 보았다.우선 완성본이다.유튜브 링크요런 모양으로 만들었다.순서1\. 프로젝트를 생성한다.2\. 템플렛은 2D로 선택한다3\. 2D object-Sprite-Square로 바닥을 만들어준다.4\. Inspector 창

라이브러리 >소프트웨어의 구성요소 중 한가지로, API를 기반으로 대상 환경(플랫폼)에서 바로 실행될 수 있도록 모듈화된 프로그램 모음이다. 라이브러리는 혼자서 동작하는 완전한 프로그램이 아닌, 특정한 부분 기능만을 수행하도록 제작된, 컴파일되어 기계어의 형태로 (또는

영어 못하는 내가 과연 chatGPT를 쓸 수 있을까? 좋다고는 하는데 사진을 보면 죄 다 영 어 ! 영어랑 친하지 않은 나는 바로 쫄아서 오늘에서야 처음 써본다. chatGPT... 드루와! ChatGPT chat 들어가면 로그인 회원가입 버튼 2개가 보인다. 좋

VSCODE 설치Node.js 설치 (Node.js를 설치 시 npm은 자동으로 설치됨)Yarn 설치바탕화면에 프로젝트 폴더 만들기폴더 안에 Next.js 프로젝트 설치(Next.js 설치 시 React.js 는 자동으로 설치됨)Emotion 설치Apollo-Clien

브라우저에서 열리는 모든 창들이 웹서비스이다. 브라우저는 코드 실행기 라고 정의할 수 있다.개발한 웹서비스를 브라우저에서 실행시키려면 개발한 코드를 불러와 브라우저에 보내주고 브라우저가 그 코드를 실행시켜서 보여준다. 보통 vsCode같은 에디터를 활용하여 코드를 작성

오늘의 목표 [v] 레포지토리 생성 [ ] 레이아웃 [ ] 로그인 [ ] 회원가입 [ ] 메인페이지 [ ] 권한분기 1. 레포지토리 생성 이 레포지토리를 vscode와 연결해주었다. git init을 하기 전에 혹시 몰라서 ls -al을 해보니 .git 파일이 있

데이터 패칭으로 데이터를 패칭해서 보여주는건 모바일웹이 대부분이다.안드로이드는 괜찮지만 ios에서는 막았다가 허용을 해서 더더욱 활용도가 높아진다고 한다. 홈페이지를 만들고 => 모바일 웹을 만들고(웹과 모바일의 순서가 바뀔수도 있음) => PWA를 추가해서 모바일앱으

state를 쓰면 리렌더링이 되기 때문에 위에서 똑같은게 다시 만들어진다. 이렇게 state할때마다 재렌더링 되는건 불필요하다. Memoization이란? 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수

Cookie, Session, Local Storage는 브라우저에 저장할 수 있는 저장공간의 종류이다.브라우저 저장소로 Cookie와 Web Storage가 있다. Cookie와 Web Storage 모두 해당 도메인과 관련된 데이터를 클라이언트 웹브라우저에 저장할

(aaa())()aaa를 실행한 결과값을 다시 실행한다.이러면 bbb를 실행한 것과 같다. aaa()()로 줄여 사용이 가능하다. aaa가 실행되고 bbb가 실행된다. aaa를 bbb보다 먼저 실행되기 때문에 Higher order Function(먼저 실행되는 함수)

클로저 전에 우선 스택과 큐라는 데이터 구조를 알아보자.stack은 출입구가 하나이기에 나중에 들어간 함수가 가장 먼저 나오는 lastInFirstOut 구조이다. (LIFO 구조)queue는 출입구가 나눠진 파이프 형태로 가장 먼저 입력된 함수가 가장 먼저 빠져나가는