Today I Learned

wget로 nvm를 설치 후, 설치가 잘 됐나 버전을 볼려고, nvm -version이란 명령어를 입력했는데 zsh: command not found : nvm 이란 오류가 뜨는 것이다. 해서 여러 검색과 시행착오 끝에...1) ~/ 에 .zshrc이란 파일이 없었기때

배열 코플릿 오답8번처음 temp에 arr0를 할당해 준 이유는 그 배열들끼리 누가 큰 엘리먼트인지 비교하기위함만약 temp에 0이나 -1같은 정수를 넣어줬다면, 그 배열의 요소들중에 처음 temp에 할당해준 값보다 큰 값이 없을 경우 자동으로 temp가리턴되기 때문에

객체 코플릿 오답노트4번객체의 키값으로 객체전체를 할당하고 싶었다. 하지만 obj1property = obj2property라고 쓰게 된다면, obj2의 객체의 전체 속성값을 가져오는 것이 아닌 부분 키의 값만 할당하는 것이기 때문에, obj1property = obj

클로저함수 응용:ex) 클로저 모듈패턴ex2) HTML 문자열 생성기에디터에서 글씨 크게보고싶어서 검색해서 찾은 팁..: command + '+' or command '-'면 크롬콘솔이나, VScode 의 폰트사이즈 키우거나 줄일 수 있다..영어든 컴퓨터 언어든 내가

함수표현식:화살표 함수:화살표 함수를 이용해 클로저를 표현: SCOPE: Scope는 변수의 값(변수에 담긴 값)을 찾을 때 확인하는 곳을 말한다.자바스크립트 함수 호이스팅(hoisting): 함수 선언식으로 선언된 함수가 함수실행코드보다 밑에 있으면 그 밑에 있는 함

DOM(Document Object Model):Html 요소를 객체(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model이다.DOM으로 HTML 요소들을 CRUD(Create, Read, Update, Delete)Create:Re

HTML을 직접 건드려서 네이버뉴스 웹페이지 바꿔보기! DOM으로 네이버뉴스 웹페이지 바꿔보기! 바뀌기 전 ![](https://images.velog.io/images/juho00ng/post/166dccd9-96ec-47c0-9d75-be91fa6d3aa6/%E

오늘은 React를 이용한 트위터 비슷한 간단한 SNS(?)를 하드코딩해봤다.React: 프론트엔드 개발을 위한 자바스크립트 오픈소스 라이브러리선언형 => jsx파일에 html, js파일 더나아가서는 css파일의 역활도 할 수 있다.React는 class속성대신 cla

SPA(Single Page Application): 기존의 웹클라이언트와 웹서버의 사이의 상호작용을 할때는 똑같은 페이지라도 조금만 업데이트 된 데이터가 있으면 그 데이터포함하여 전체파일을 request하고, 서버가 클라이언트에게 응답을 해서 비효율적이였지만, 199

React에서의 props와 state란?props(property of component): Props 외부로부터 전달 받은 값, 변하지 않는 값(함부로 변경되어서도 안되는 값들), 상위 컴포넌트로부터 전달받은 값 like 성별, 이름(익숙한 사고방식에 한해)객체 형

1\. 고차함수틀린코드: 여기서 filter는 배열에서만 사용이 가능한데, objproperty가 배열인지 아닌지 확인도 안된상태에서 filter메소드를 사용하게되버리면 에러가 날 수 있을 뿐만아니라, 위에서 볼 수 있듯이 filter로 element, 즉 배열의 각

개념들을 두루뭉실하게 알고 작동이 된다면 그냥 넘어가 버렸다.이건 HA시험을 보면서 깨달은 건데, 특히 Dom이나 React가 심했던 것 같습니다. 이는 처음에 개념적으로 공부할때부터 어려워서 작동만되는 것을 목표로 하길 급급했던 것 같습니다. 사실 내가 이루고자 하는

원시 데이터 타입은 Boolean, Number, String, Null, undefined, Symbol가 있는 데, 만약 원시타입으로 값을 변수에 할당하게 된다면 메모리상의 과정은 대략적으로 이러하다.만약 이렇듯 원시 타입 데이터를 참조하는 변수가 값을 변경하고 싶

useEffect()를 사용해서 API의 정보를 문자열로 endpoint에 받아와 fectchMovies라는 함수를 이용해서 state에 값을 할당하도록 했다.저 Movie API에 담겨있는 정보는 다음과같이 객체다.MainImage Component를 만들때 prop

오늘 한 일 Git과 GitHub는 다른 서비스라는 것을 배웠다. React로 블로그만들기 위해 레이아웃을 그리고, 하드코딩을 했다. (개인프로젝트) React에서 Component의 이름을 정할때 앞의 글자는 무조건 대문자로 해야 컴포넌트를 사용할때 적용

오늘 배운 것 (생활코딩 React편 참고함) 이벤트에서 state 바꾸는 방법 : setState사용, 그전에 useState로 state초기화해주던가, constructor로 props초기화 하면서 state 초기화해주면됌. setState는 state 갱신

아직 react 코드해석할때 버벅이고, 사용할때도 버벅이는 감이 있다. 이는 많이 반복적으로 써서 몸에 체화할때까지를 기대하는 수밖에 없다고 생각한다. 사실 부트캠프에서 props나 state 이벤트로 state값바꾸기등, 기본적인 것을 배웠다고 생각했으나 막상 np

내일은 이쁜 여자친구(개발자 준비중..)랑 줌으로 하루종일 공부하기로 했다.하루종일 개인공부할 수 있으니까 못한 공부 할려니까 정말 신난다..!(하핫.. 열심히 해야지..)

오늘 배운 것

아직 많은 프레임워크들을 접해보지 못했지만 또한 React를 정말 잘 모르지만, 지금까지 느낀 Reacte의 좋은 점은 컴포넌트형식으로 개발을 한다는 것도 있지만 뭐니뭐니해도 웹에서 앱처럼 구현될 수 있도록 하는 SinglePageApplication이다.주소가 바뀌면

검색을 해도 사람들의 공통적인 실수는 배열이 아닌 데이터에 map을 사용하려 했다는 것.. 하지만 난 분명히 배열에 map..을 사용했는데 확인까지 했는데 ㅠㅠㅠㅠㅠ알고보니 그 데이터를 가진 js파일에서 export default를 안해준 것이였다.앞으론 export

정말 손도 못댔다. 정말 1시간동안 문제만 계속 읽고 손도 못대서, '이건 풀이 봐야돼 못푸는거 시간낭비하지 말고 빨리 다른사람들 풀이보고 공부하자'란 마음으로 풀이를 보고 겨우 이해했다. https://programmers.co.kr/learn/courses

요즘 슬럼프가 좀 온 것 같다. 기수이동을 하다보니 아는 내용들이 많아 빨리 복습하고 리액트나 알고리즘 문제푸는 쪽으로 공부방향을 잡았었는데, 확실히 언제까지 공부해야한다는 마감시간도 없고, 누가 압박해주는 것도 아니라 처음 섹션 1을 들을때보다 시간을 효율적으로 사용

완전히 다 푼건 아니고, 이제 오름차순으로 누가 많이 풀었는지만 정리해서 배열로 등수대로 오름차순을 적용해서 return만 하면 된다.요즘 체력적으로도 그렇고 책상에 오래 앉아있지를 못하니 집중이 잘 되지 않았던 것 같다. 의지보다 '환경설정'이 중요하다는 말처럼 어쩔

를 부모셀렉터에서 자식셀렉터로 선택하는 방법를 한다면가 나온다, 즉 우선순위가 first-child로 선택된 것이 먼저라 두번째 nth-child(2)셀렉터에서 적용된 속성들이 적용이 안되는 것이다. 정확히 말하면 first-child 보다 밀리는 것이다.즉 저렇게 적

불평하는 이유는 그 불평할 수 있는 것이 존재하기 때문이라고 했다..마치 우리가 오래걸어서 발이 아프다고 불평을 늘어놓는 것은 발이 없는 사람을 보지 못했기 때문이다라는 얘기처럼나도 아쉽지만 오늘 이렇게 배운 것에 만족하고 더 성장한 내가 되었음 한다.

https://velog.io/@juho00ng/const-VS-Object.freeze노력하고 또 노력하자

Dom으로 아이디, 비밀번호입력받고 출력하는 html코드를 만드는 기능을 구현해봤다. `

👨‍💻 오늘 공부한 것 <a> 태그를 사용하면 페이지가 이동할때마다 다시 처음부터 렌더링되기 시작한다. 그래서 <a> 태그의 이벤트핸들러에 e.preventDefalut();라는 이벤트함수를 사용해줬었는데,React Router Dom이 제공하는 Link

👨‍💻 오늘 공부한 것리액트에서..import {BrowserRouter as Router} from 'react-router-dom' 으로 BrowserRouter 대신 Router로 쓸 수 있다는 걸 배웠다.useHistory다음과 같이 history가 path

👨‍💻 오늘 공부한 것한층 더 수월해진 덕인지 문제 해결을 하는 데, 조금 더 침착하고 체계적으로 시간을 사용한 것 같다. 빨리 배우고 수료해서 취업하고 싶은 마음이 바다같지만 페인트를 좀 더 찐하게 칠했다는 뿌듯한 마음가짐으로 다음 섹션을 준비하자...

👨‍💻 오늘 공부한 것1)Es5 2) Es6require은 상속받고싶은 클래스를 불러와주는 키워드이고, module.exports는 클래스를 다른 클래스에서 상속받을 수 있도록 exports해주는 메소드이다. 그렇다면 prototype라는 객체는 무엇을 가지고

👨‍💻 오늘 공부한 것

👨‍💻 오늘 공부한 것왜 JSON을 쓰지?: 다음과 같은 메세지가 있다고 해보자, 그렇다면 어느 프로그램에서든 범용적으로 읽을 수 있는 '문자열'과 같은 형태로 전송을 해줘야하는데 그런 문자열을 규칙있게 보내기위해 고안된 것이 JSON 이라고 생각하면 되겠다.재귀.

👨‍💻 오늘 공부한 것

👨‍💻 내일 공부 해야할 것Tree구조 이해 후, 자식노드 class로 할당하는 법알고리즘 자료구조파트 6~13번 풀 것

👨‍💻 오늘 공부한 것Stack, Queue, Tree, Graph(인접행렬), Binary Search Tree와 같은 자료구조들을 class로 구현함.사실 이해가 하도 안되서 레퍼런스코드를 읽고 또 읽었다. 이해가 논리적으로 안되니 시간을 갈아넣었다. 그랬더니

👨‍💻 오늘 공부한 것: 대표적으로 each을 구현해봤는데 each를 구현한 함수(배열또는객체, 함수), 이렇게 인자값을 받는다.방금 구현한 .\_each을 이용하여 map을 구현해보도록 하겠다.고차함수를 사용하여 each를 구현한 함수에서 두번째인자값에 함수를 넣

👨‍💻 오늘 공부한 것동기: 순차적으로 일을 처리하는 방식비동기: 유두리 있게 일을 멀티태스킹하며 처리하는 방식Promise란 API가 생겨난 이유: 콜백지옥때문..현재 setTimeout으로 비동기를 의도적으로 구현함만 공부한 터라 비동기를 정확히 어떻게 써야 효

👨‍💻 오늘 공부한 것아직 이것들이 비동기적으로 어떻게 쓰이는지 감이 안잡히지만 콜백지옥을 벗어나 가독성이 좋은 코드로 구현해준다는 것은 알았다.비동기적으로 코드를 구성한다는 것은 시간이 좀 걸리는 코드를 따로 작업하게 놔두고 다른 코드부터 진행하는 식이다. 지금까

👨‍💻 오늘 공부한 것: HyperText Transfer Protocol의 약자로 Protocol, 통신 규약의 종류들 중 하나이다.HTTP는 API, 즉 HTTP로 클라이언트가 서버에 요청할때와 서버가 클라이언트에게 제공할때 어떻게 제공하고, 어떻게 요청해야되는

👨‍💻 오늘 공부한 것그리고 비동기 함수는 fetch, setTimeout과 같은 메소드들이 있는데, 비동기함수들을 쓸때는 await을 써준다거나 Promise를 사용해서 .then으로 값을 반환하도록 한다. (콜백지옥, 혹은 Promise지옥에 빠지지 않도록)"하

👨‍💻 오늘 공부한 것BFS을 구현해보았다. (넘나 어려운 것..)// 첫번째// bfs(breath first search) // queue // queue에 첫번째 vertex를 푸쉬함// 방문을 했는지에 대한 boolean타입 요소로 가진 배열 isVisite

👨‍💻 오늘 공부한 것오늘은 인접리스트를 인접행렬로 바꾸는 로직을 작성했다.

👨‍💻오늘 공부한 것멀티태스킹이란: 운영체제가 여러개의 프로세스를 함께 돌리는 것컴퓨터는 프로세스마다 자원을 분할해서 할당한다.concurrency(동시성)과 Parallelism(병행)과 같은 방식이 있는데, concurrency(동시성)은 하나의 프로세서로 프로

👨‍💻오늘 공부한 것그림을 그려가면서 이해는 성공했으나, 어떻게 이런 로직을 생각해낸 건지 정말 신기할 따름이고, 나도 재귀를 꾸준히 연습하고 공부하다보면 이런 로직을 짤 수 있을까 싶었다.

👨‍💻오늘 공부 한 것Store === 은행store안에는 state가 있다. state는 직접 접근이 불가능하다.store안에 reducer가 있다function reducer(oldState, action){ // ...}var store = Redux.crea

JavaScript Dom과 Redux로 CRUD를 구현해봤다.

useEffectEffect 뜻 : 효과비동기적인 코드들과 sideEffect가 발생하는 코드들을 useEffect 안에서 구현하도록 리액트는 권장하고 있다.모든 컴포넌트가 마운트되고 난뒤에 useEffect의 두번째 인자에 따라 동적으로 실행이 되는데, 이때 컴포넌트

👨‍💻오늘 공부한 것현재 어떤 스프린트를 진행 중이고, 어떤 문제에 부딪혔나요?HA시험 위해 useEffect를 다시 공부하던 중 cleanup함수에 대해 이해가 되지 않아서 질문 드립니다.다음과 같은 코드는 Ajax요청을 해서 state를 갱신하는 코드입니다. 그

👨‍💻오늘 공부한 것보내주신 리액트 훅스 라이프사이클 사진을 보면 useEffect는 모든 컴포넌트가 렌더링된 후 호출되는 것으로 이해했습니다. 그럼 useEffect는 두번째인자가 빈배열이거나, 혹은 없거나 혹은 배열안에 state가 할당되어있을 경우라도 무조건

👨‍💻오늘 공부한 것리덕스를 쓰는 이유: 리덕스를 쓰지않으면 리액트에서는 컴포넌트들끼리 state lifting 혹은 props를 이용해 꽤나 복잡한 로직이 형성될 것이다. 하지만 리액트에서 리덕스를 사용한다면 부모컴포넌트에서 자식컴포넌트로 일일이 props를 내려

👨‍💻 오늘 공부한 것생활코딩 리액트 리덕스 강좌를 듣고 난 후 내용들을 정리해 깃허브에 작성해보았다.내일은 connect와 mapStateToProps, mapDispatchToProps를 사용하는 예제대신에useEffect와 useSelector을 사용하여 리액

👨‍💻 오늘 공부한 것 비동기, Ajax, useEffect에 관해 블로깅 https://velog.io/@juho00ng/%EB%B9%84%EB%8F%99%EA%B8%B0-AJAX-useEffect%EC%97%90-%EA%B4%80%ED%95%98%EC%97%

👨‍💻오늘 공부한 것 좋은 기회가 생겨서 react-native 코드를

👨‍💻 오늘 공부한 것환경변수와 사용권한에 대해 공부한 것을 블로깅했다.https://github.com/bejeju/TIL/tree/master/Linux

👨‍💻오늘 공부 한 것

👨‍💻오늘 공부한 것SELECT FROM Persons WHERE FirstName LIKE 'a%': Persons테이블에 FirstName 특성에서 a로 시작하는 값을 가져오란 뜻이다. 이때 SELECT는 데이터 셋에 포함될 특성을 특정한다. 은 모든 데이터

오늘 해야할 공부오늘 한 공부

그런 의미해서 9월달 동안 내가 이루고자 하는 목표들을 나열해보려한다.아침 5시 기상웹 퍼블리싱 외주 맡길 것 마치고 블로깅

오늘은 자바스크립트와 mysql연동방법 즉, mysql moduel 사용방법을 복기하여 블로깅해보았다.https://velog.io/@juho00ng/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%99%

https://github.com/bejeju/TIL/blob/master/security/jsonwebtoken.md내일 할 것Session 스프린트 3회 반복JWT 스프린트 코드 해석하고 블로깅 스프린트 3회 반복OAuth 스프린트 코드 해석하고 블로깅 스

생활코딩 css 강좌 완독 후 정리2\. css flex, Grid 강좌 듣고 정리

Git 브랜치관리와 협업 flow를 페어와 복습하며 충돌상황을 해결했다. AWS가 무엇인지 이해하고, AWS의 EC2, RDS, S3가 무엇인지 공부했고, AWS로 클라이언트와 서버, 데이터베이스를 어떻게 배포해야할지 공부했다.

AWS로 서버, 클라이언트, 데이터베이스를 배포했다. TCP와 UDP의 차이와 네트워크 프로토콜 계층은 OSI 7계층과 TCP/IP 4 계층으로 나눌 수 있다는 것을 알게되었다. NoSQL인 MongoDB의 프레임워크인 Mongoose의 공식문서를 공부 중이다.

프로그램, 프로세스, 스레드에 대해 기본적인 개념을 설명할 수 있다. 프로세스는 동작하는 프로그램이라고 이해하면 되고, 그 프로세스의 하나의 코드 흐름을 스레드라고 할 수 있다.동시성과 병렬성의 차이를 이해할 수 있다.동시성은 예를 들어 프로세스를 처리할 수 있는

Cloud와 Deployment의 의미를 각각 알고, 내 코드를 남에게 배포할 수 있다.클라우드 컴퓨팅이 무엇인지 설명할 수 있다.사용자는 인터넷을 통해 클라우드 서비스를 제공하는 회사의 컴퓨터를 원격으로 사용할 수 있다.애플리케이션 배포가 어떻게 변화되어 왔는지 이해

외주를 맡게 되었는 데, 게시물을 올리는 블로그형태인 웹페이지이다.React, nodejs, mongoDB나 MySQL로 개발을 할 것이다. 배포는 AWS로 할 것이다. nodejs로 서버를 만들어서 esj에서 ajax든 axios든 get요청을 해서 서버에서 데이터를 받아와 웹에 렌더링해주는 코드 작성할 것 깃으로 수월한 협업을 위해 리모트 페어 추가하...

AWS S3로 리액트파일을 빌드해서 클라이언트로 배포했다 리액트 네이티브로 앱을 만들고, 그 앱 안에 웹페이지를 렌더링하는 프로젝트를 하는 중인데, 이때에 웹 렌더링을 맡는 서버를 만드는 중이고, 웹에서 클릭한 데이터를 리액트 네이티브가 받아볼 수 있도록 개발 중이다. 아마 Window.postMessage()를 써보라고 조언을 받았는데 조금 더 알아보고 ...

https://parksb.github.io/article/5.html

리액트로 웹페이지를 만들어보았다https://ongin-umber.vercel.app/ align-items: flex-end가 안먹어서 찾느라 고생 좀 했다

state가 바뀔때마다 갤러리 컴포넌트를 새로 재 렌더링하고 싶었는데, useEffect에 clean up 함수를 쓰는 바람에 갤러리컴포넌트가 한번만 실행이 되었다. 그래서 pictures가 바뀌는 코드를 짜도 바뀌지 않았던 것이다.참고자료 ⇒ https://

https://ongin-dl1qxuyy4-bejeju.vercel.app/

Docker을 공부하고, AWS에 적용시켜보았다

react에서 height: 100% 주는 법 https://codingmania.tistory.com/348 img elements must have an alt prop, either with meaningful text, or an empty string for decorative images 리액트에서는 alt를 써야한다.

다음과 같은 코드가 있다. temp와 맨 처음 return은 테스트 용이다.리액트 컴포넌트에서 잘 렌더링되는 가에 대한. 함수리턴한 값을 컴포넌트안에서 렌더링 하려하는데 렌더링은 되는데 공간이 없어서 안녕하세요가 보이지 않는다. 이렇게 state에 태그를 넣어서 렌더링

컴포넌트 안에 렌더링되는 태그안에 {}를 사용하여 JS문법을 사용하여 그 안에서 함수로 리턴값을 문자열로 해보았는데,, 웹에서 렌더링이 되지 않는 걸 볼 수 있었다. 그렇지만 test라는 class div태그는 있었다. 그래서 아래와 같이 렌더링을 하는 문법은 작동 도

코딩, 의자에 앉아있는 시간을 더 늘려야겠다. 오늘 어느 프로젝트에서 리액트 개발할 수 있는 사람을 구하길래 오프라인으로 만나봤는데, 경험이 부족하다고 함께 하지 못할 것 같다고 연락이 왔다. 능동적으로 더 열심히 해야겠다.

useEffect 사용방법(CleanUp function이란?) import 와 require의 차이점 require()와 import()의 주요 차이점 중 하나는 require()는 프로그램 내부 어디에서나 호출할 수 있는 반면 import()는 조건부로 호출할 수

apk build in react native doesn't install로 검색해서 얻은 자료https://changwoos.tistory.com/593

npm install 했다, 패키지관리를 쉽게하기 위함이다. 서버 코드를 고쳐도 바로바로 적용가능하도록 nodemon을 사용할 것이다.우선 http로 개발하기 위해서 서치하는 중 다음과 같은 문장을 발견해서 나중에 더 공부를 해보려 남기도록 한다참고링크 ⇒ https&

Sequelize에서 model(DB에선 table이라고 불리우는)을 만들었다면 또 Sequelize-cli로 init을 해서 migration을 했다면 server폴더에는 sql없이도 자바스크립트에서 mysql을 사용할 수 있는 ORM(Object Relational

다음과 같은 코드가 있다. 내 컴퓨터에선 가능하지만 AWS S3에서 window.kakao 객체가 없어보인다는 게 내 생각이다.생각해보니 KAKAO API GUI에서 CORS 설정을 http://localhost:3000 이걸로만 해서 그런 것 같다. 즉 해당

클라이언트에서 이미지파일과 텍스트(문자열)을 데이터로 받으면 이미지파일은 S3 SDK FOR NodeJS를 통해서 S3 스토리지로 저장한다. 이때 S3에 저장된 이미지파일의 path를 데이터베이스에 저장해서 서버가 클라이언트에 이미지를 렌더링할때 S3에 저장된 이미지파

어제 IAM에서 받아온 accessKey와 SecretKey가 제대로 Authentication(인증)이 제대로 안되서 권한을 제대로 못받아오는 거 같아서 다시 IAM에 대해 공부하고 사용자권한을 받아왔다. MFA도 다시 공부하였다. https://tech.cloud

var let const 의 차이 , 호이스팅이란?면접질문을 위한 공부도 필요할 것 같다. 즉 면접질문은 정말 알아야되는 것이다. 내 성장을 위해서라도 공부를 꼭 해놓자.

리액트 파일 업로드https://cookinghoil.tistory.com/114

왜 그런지는 모르겠지만 google OAuth 사용중에 리디렉션 url이 https 면 홈페이지가 렌더링 되지 않고 에러를 뱉었다. 코드는 다음과 같았다.그래서 http로 엑세스토큰을 받으면 정상적으로 렌더링된다.그에 대한 이유 => https://stacko

isAuthorization 이 함수를 사용하는 과정에서 클라이언트에서 cors에러가 뜬다. 내일 cors를 app.use(cors())해서 다 허락했는데 왜 cors에러가 뜨는지 확인해봐야겠다.

https://nachwon.github.io/jekyllblog/

Sequelize와 Sequelize-cli, express의 router등을 이용해서 MVC 구조를 구현했다.

arr에 아무것도 안들어가서 질문하다 찾은 결과 https://stackoverflow.com/questions/23667086/why-is-my-variable-unaltered-after-i-modify-it-inside-of-a-function-asynchron

이미 응답을 한번 보냈는데 두 번째 응답을 보내려 시도하기 때문에 서버가 충돌하므로 오류 메시지가 표시됩니다.ACL(Access Control List)공식문서 참고자료 => https://docs.aws.amazon.com/ko_kr/AmazonS3/late

https://bejeju.github.io/questionforme/요즘 통 프로젝트때문에 블로깅을 못썼다. 프로젝트에 배운 것만해도 적을 게 정말 많은 데, 얼른 프로젝트를 만들어서 취업을 해야된다는 생각 때문인 것 같다.그래도 새로운 프레임워크인 Fire

ongin프로젝트 반응형 pc도 볼 수 있도록 다시 만들 것포트폴리오 다시 만들것프로젝트 어떤 것 만들지 고민해서 결과낼 것

Set객체를 사용하는 이유는 자바스크립트에서 중복되는 데이터를 제거해준다. 그후에 ...Set객체 와 같은 구조 분해 할당문법을 통해 배열형태로 데이터를 확인 가능하다.map객체는 다음과 같이 키 - 쌍을 보유함map은 객체와 다르게 순서를 기억하고 있어서 for ..

okky 홈페이지를 클론코딩해보았다.position: relative와 display: flex를 같이 주로 사용해서 쉽게 레이아웃을 잡을 수 있었다.처음에 사이드바를 postion: fixed해서 광고나 주요 컨텐츠들을 position: relative, left값을

OKKY 메인 페이지를 클론 코딩해보았다. 이 경험을 바탕으로 position과 display: flex를 좀 더 명확히 구분하고 사용할 수 있게된 것 같다.

TypeScript 문법을 공부했다. TypeScript을 리액트에 적용시켜봤다 TypeScript을 써서 리액트에서 리덕스 문법을 공부했다.

타입스크립트 + 리액트로 웹을 만드는 중이다.

리액트로 퍼블리싱과, 상태를 관리해서 메뉴에 메뉴를 볼 수 있도록 구현했다.앞으로 해야할 것관리자페이지에서 사진업로드하고 삭제할 수있도록 할 것업로드된 사진은 카테고리별로 구분되어 갤러리컴포넌트에서 렌더링 될 수 있도록 할 것

React + typescript + redux + firebase 로 이미지 Create, Delete를 해봤다.

피그마 공식문서를 보며 좀 더 정확히 피그마대로 퍼블리싱을 하기위해 개발자를 위한 피그마 공식문서를 읽었다.https://www.figma.com/best-practices/guide-to-developer-handoff/