HTML 기초 학습 초등학생때 아무것도 모른체 드림위버를 가지고 이것저것 해봤던 그 느낌이 든 학습'
어렴풋이 알던 css의 개념 id, clss, tag의 개념이 아직 모호하지만 하다보면 익숙해 질거란 생각오늘 작성한 코드
자바스크립트를 html에 연결하는 방법 은 head, foot 태그에 경로로 삽입 또는 script를 바로 삽입 그리고 async와 defer를 사용할 수 있다. 1.async: 다수의 스크립트를 나열한 순서와 상관없이 먼저 다운로드 되는 순서로 실행됨 2\. de
hoisting: 어디에 선언했나 상관없이 맨위로 끌어올려주는 것.var로 선언할시 어디에 선언했든 출력이 됨.반면에 let으로 선언할시 먼저 선언을 하고 출력이 된다.또한 var는 블럭을 무시하고 어디에서든 불러올 수 있다. 유연하지만 값이 잘못 할당될 수 있음.le
사설을 먼저 쓰자면 기술블로그, 기술블로그 해서 어려운건 알았지만 막상 해보니 더 어려운점이 많았다. 단순 정리를 하는건 베껴쓰는거 말고 무슨 의미가 있을까 싶고 정리를 하자니 잘 알지 못하니 한도끝도없이 다 적어야만 할것 같고... 그러던 중 내가 이해할 수 있는 부
wecod pre-course 첫번째 체크 포인트!웹 페이지에 그림, 사진 등 이미지를 넣는 방법 두가지를 최대한 어려운 부분은 덜어놓고 설명해보고자 한다.먼저 <img> tag의 경우 html 문서 안에 직접 작성 되며 주소(url)을 <img> tag
프리코스 체크포인트 두번째!(이자 마지막! 어디까지나.. 사전 학습..)위 세가지에 대해 알아보고자 한다.먼저 위의 속성들은 웹페이지를 만들기 위한 여러가지 속성이고 비슷하지만 다르고 또 다르면서 비슷한 내용으로 화면에 보여지는 내용을 '위치'시키고자 하는 녀석들이다.
🕰 오늘의 하루Replit (다 풀고 싶었지만..) 풀기! 9:30~10:00, 11:30~12:10Westargram 만들기 시작! 12:40~14:00, 15:00~17:10블로깅 18:50~19:15모(여서)각(잡고 가 아니라.. 각자)코딩 20:00~ ...
🥉 뭔가 두서가 없는 블로그가 되어가는 듯 하지만..하루동안 한 여러가지 것들 중에 오늘은 열심히 내 손으로(80%) 풀어본 코드를 리뷰해서 기억에(?) 더 남겨보려 한다.인자 scores 는 다음과 같은 객체입니다. 객체의 요소의 갯수 및 키의 이름들은 달라질 수
오늘은 위코드 중간 시험 날!생각한거 보다 어렵진 않았지만너무 쉽게 풀었다 싶더니 역시나 다른 사람들 얘기하는거 듣다보니 잘못 푼거!!다시 풀기도했고 생각보다 헷갈렸던 두 문제를 풀어보자!getFind 함수를 작성하세요.문자와 문자열이 주어졌을때, getFind 함수는
🧷 오늘은 드디어 사전학습을 끝내고 본격적인 학습에 들어가 React를 배우기 시작했다.더 하자면 할건 많은데 오늘은 그냥 적당히 끝내고 싶어서 짧은 정리를 하기로 했다는..먼저 React는 페이스북에서 만든 Ui단의 라이브러리로 흥미로웠던 점은 예전에 내가 웹에 관
오늘은 오전에 블로깅! 둘이서 짝을 지어 알고리즘을 풀어보는 '코드카타' 시간에 새롭게 알게된걸 정리해 보려 한다.
정말 제대로 이해하기 힘들었던 그리고 힘든 리엑트의 state와 props를 정리해 보고자 한다.💡내가 파악한 개념을 정리 하자면컴포넌트에 선언된 값, this.setState를 통해 추가, 변경이 가능하고 랜더링이 다시 된다.부모 컴포넌트에서 받아온 값으로 값의 형
오늘은 '아 이거 더 편한방법 있었는데 뭐였지?', '아.. 이거 봤던건데.. 뭐였지?' 시리즈로 기억하지 '않은', 기억하지 '못하는' 간단한 개념 중 2가지를 정리 해 보고자 한다.보통 true, false의 값을 활용할 때 비교해서 사용을 했었는데예를들어 A ==
😭몰아서 하는 블로깅 1탄! git 명령어 정리!위코드에 처음와서 가장 생소했던건 아마 git 이지 싶다, 터미널창도 어렵고 뭔가 가시성이 떨어지다보니 더 미지의 무언가로 보이지 싶은... 아주 기초중에 기초, 단순히 내가 까먹기 싫어서 정리해 보려고 한다.1.git
😭몰아서 하는 블로깅 2탄! 자바스크립트 연산 정리!오랜만에 JavaScript이다!! 확실히 기초 근육처럼 JS를 잘 써야... 음 쓴다는 말보다 JS를 다양하게 활용하여 로직적인 생각을 잘 할 수록 덜 고생할거 같은 느낌! 오늘은 분명 까먹을 수 밖에 없는 연산을
😭 몰아서 하는 블로깅 마지막 3탄! 이자 state, props 마지막 과제 key에 관한 정리를 해보자.우선 감회가 새로운게 새삼 state와 props를 다시 적어보니 약 80%는 내가 이해하고 있지 않을까? 싶은 느낌이 든다, 처음에 접했을 땐 정말 뭐가 뭔지
오늘 하루 정리해야겠다고 생각한 코드들이 4개가 있다! 처음엔 의무적으로 시작한 TIL인데 아직 '익숙'까진 아니더라도 '이거 적어놔야겠다', '이거 조사해보고 정리도 해봐야겠다' 라는 생각을 자연스럽게 떠올리게된다. 오늘은 아침 코드카타 시간에 동기인 '재상'님께 얻
react는 재사용 가능한 UI단위인 component를 사용한 것이 가장 큰 특징이다. 이 컴포넌트를 재사용할 수 있는 점을 고민하고 또한 활용할 수 있는 children props도 알아보고자 한다.우선 단순히 큰 블럭 단위로만 component를 사용한다고 생각하
프로젝트 기간 중 생기는 꿀팁을 조금씩 정리해보는 시리즈무언가 html 객체에 name 속성을 줄 수 있는데 생각해보면 말이 name이지 value로 써서 사용하나 같은게 아닌가 글을 쓰면서 생각이 들었다..(기본으로 value를 갖고 있는것도 있을테고.. 뭐 다르긴
프로젝트 기간에 틈틈이 꿀팁을 정리해 보는 시리즈리액트에선 setState를 할경우 랜더링이 일어나는데 nav바 기능 구현을 하면서 스크롤 이벤트를 받아와야하는데 스크롤은 계속 발생을 해버리니 랜더링이 불필요하게 많이 발생하는게 우려가 되었다, 그래서 알아보던 중 아
1차 프로젝트가 끝나고서 할일이 이렇게 많을 줄일야..미리미리 할걸..(하고 늘 다짐(만😭)해 본다)프로젝트 하면서 내 원시적인 코드를 코멘트와 따로 불려가면서 배운 연욱님의 결실들을 풀어보고자 한다.
코드를 짜기전에 생각해보아야 할것들백엔드로 부터 받는 데이터는 백엔드에서 관리하기 편한 형태프론트에서 보여주기 위해 편한 형태로 구조를 짜서 State로 관리 하는 것이 핵심!코드를 먼저 치기 보다는 구조를 먼저 생각하자👉 보여주기 위해 필요한 데이터를 관리할 수 있
React 랜더링에 영향을 끼치는 것들(중.. 몇)setState -> re-render를 한다ref - > re-render를 하지 않는다\-ref -> immutable(그냥 객체)\-ref.current -> current의 변화는 re-render를 발생하지 않
기업협업 프로젝트를 하던 중 하나의 객체를 여러개의 객체로 나눠야 할 상황이 생겼다, 고민고민 하다 정준님의 도움으로 해결은 했는데 그동안 고민없이 써오던 entries와 for...in, for...of의 차이점을 깊이 생각 못했는데 이번기회를 통해 짧게 정리해보기로
기업 협업중 특정조건 순서대로 객체를 정렬해야하는 상황에 놓였다, 뭔가 숫자거나 문자열이면 sort()를 활용해서 정렬을 할수있다고 생각이 드는데 객체? 문자열? 바로 떠오르지 않았다. 처음에는 구글링을 했는데 딱히 내가 원하는 설명이 나오진 않았고 (뭔가 처음으로?)
기업 협업 부터, 취업 준비까지 핑계를 대자면 엄청 바쁘게 달려오다보니 해야지해야지 하던 블로깅이 무려 한달가까이 늦어버렸다.... 처음에는 '글의 퀄리티를 좀 높여서 블로깅을 해야지'라는 생각이었는데 내 기준으로 봤을 때 꾸준하지 못한게 더 악영향.. 조만간 깃블로그
오늘은 코드카타 시간에 의연님이랑 같이 풀었던 문제로 더 나은 대안이 없어보여서 해당하는 함수를 좀더 살펴보았다.Number와 parseInt의 차이쓰면서도 궁금햇던 둘의 차이는 내가 이해할 수 있을 정도로 쉽게 생각하면 parseInt는 정수 범위의 문자열을 숫자로
for let I in은 배열에 사용할 경우 인덱스를 string으로 반환한다.for let I in을 if문을 사용해도 멈추지않고 무조건 순환한다.조건이 필요한 반복은 일반적인 for문을 활용하자twoSum함수에 숫자배열과 '특정 수'를 인자로 넘기면, 더해서 '특정
react-helmet 헤더 값을 관리하기 위한 라이브러리 공식문서에 나온 sample code react-lazyload
w3schools 설명링크
대략 리액트에 update라는게 포함되었다는 말 같다update를 사용하는 이유는 깊은 곳에 있는 객체를 원본을 훼손하지 않고 변경하기 위함인듯 하다.리액트 공식문서에 나온 예시를 보면위와같은 상황에서 update를 사용하면아래와 같이 간단하게 사용이 가능한 듯.사용할
모듈: 관련된 객체들의 집합소module.expoprtsexports.출처: 아빠개발자의 노트module.exports는 바로가져가서 사용하는 느낌이라면exports는 이름을 붙여놓고 이름으로 사용하는 느낌이라 생각된다.
하루종일 삽질한 open jdk 설치 방법먼저 라이브러리/Java/JavaVirtualMachines 폴더 만들어서 들어가기open JDK에서 받은 tar 파일 압축 풀어서 가져다 놓기터미널에서 java -version으로 확인하기확인안되면 시스템에서 허용 하고 실행
수평으로 된 ScrollView에 scroll에 따른 페이지 전환 애니메이션을 작업했다. (정리 ver)함수의 가운데 부분 좀더 공부가 필요마지막 페이지가 screen with보다 작으면 ios는 잘 넘어가는데 android는 잘 안넘어가는 문제가 있음
맞교환 끼워넣기
RN Lottie를 설치 할때 버전오류가 발생했었다.맞는 버전 기록