본문 바로가기

분류 전체보기311

[React] 다른 링크로 이동했는데 페이지가 재렌더링돼서 state가 초기화 될 때 문제의 소스코드 : ShoeShop Cart EVENT 부트스트랩의 nav를 그대로 붙혀와서 링크만 지정해놓았다. 수정 : Cart a태그는 페이지를 재렌더링하게되고, Link 태그로 감싸면 페이지가 재렌더링하지 않기 때문에 다른 링크로 이동하여도 state가 그대로 남아있다. 2022. 7. 23.
네이버 부스트캠프 7기 1차, 2차 코딩테스트 후기 및 결과 1차 1차는 코딩문제 + CS 문제였다. 전체적인 난이도는 부스트캠프에서 제공하는 모의 테스트보다 훨씬 높았다. 6기 코테후기는 굉장히 쉽다는 평이 많았으나 7기는 다를 것이라고 예측하였고, 예측이 정확하게 맞아서 크게 당황하지 않았다. 그렇지만!!! 드럽게 어려운건 마찬가지라서 2문제 중 1문제를 풀었다. CS는 전공자라면 어렵지 않게 풀 수 있을 정도였다. 오히려 모의 테스트보다 문제가 깔끔했다. (수준은 훨씬 높았음) 나는 전공자는 아니지만 어렸을 때부터 워낙 관심이 많은 분야라 어렵지 않게 풀었다. 한 문제를 끝까지 못풀었는게 너무 아쉽지만 최선을 다했다... +) 1차 합격함 2차 2차는 코테 3문제였다. 모두 구현문제였다. 문제 난이도가 상당하였고 손가락 발발 떨면서 코딩한 결과 2솔을 할 수.. 2022. 7. 5.
네이버 부스트캠프에 지원하다 부스트캠프 웹풀스택 7기로 지원을 했다. 부스트캠프라는 과정의 존재를 조금 더 일찍 알아차렸다면,, 좋았을것 같다는 생각 많이 했다. 이미 주먹구구식 개발이 아닌 제대로된 개발을 배워보고자 회사를 떠나려고 마음을 먹었고 그러던 와중에 부스트캠프를 발견하여 지원을 하게 됐다. 학습 스프린트 과정이 나에게 꼭 맞는 프로그램인것 같다. 선별절차에 면접이 없다는 점이 스펙 없는 나에게는 오히려 불리하게 다가오고 있다. 코딩테스트를 위한 공부는 절대 하고싶지 않았는데 불안감에 자동으로 하게됐다. 일은 바쁘고, 코테 연습은 해야하겠고.. 잠을 줄여서 하루 6시간씩 코딩테스트에 할애하고 있다. 단기간에 꽤 많은 문제를 풀어서 뿌듯하다. 1차, 2차 코딩테스트 정말 잘보고싶다. 부스트캠프 꼭 하고싶다. 남은 일주일동안.. 2022. 6. 24.
[jQuery] 다운로드와 사용법 간단한 예제 jQuery는 빠르고 가볍고 기능많은 자바스크립트 라이브러리다. 잘 쓰면 빠르고 간편한 개발이 가능하다. 다운로드 해당 홈페이지의 minified을 클릭하여 script 태그를 소스코드에 넣어주면 된다. 사용하기 아주 간단하게 사용할 수 있는 예시이다. 첫번째 문장은 기존의 javascript이고, 두번째 문장은 jquery이다. 엄청 간단하게 쓸 수 있다는 것을 알 수 있다. //Javascript document.querySelector(".box").innerHTML = "HI"; //Jquery $(".box").html("HI"); 또한 jQuery $의 의미는 querySelectorAll과 유사하다. 위의 예시처럼 하나만 찾아서 바꿀 수도 있지만, 클래스가 여러개 있다고 하면 아래 예시처럼 .. 2022. 5. 16.
[자바스크립트] 원하는 요소 사라지게/나타나게 만들기 See the Pen block display/none by Jirong (@jirongkim) on CodePen. document.getElementById('alert').style.display = 'block'; 태그의 onclick에 위의 문장을 입력하면 된다. 근데 저렇게 쓰면 뭔가 html이 더러워지기 때문에 addEventListener라는걸 쓴다. 아래처럼 쓸 수 있다. alertbox임. 닫기 button1 button2 뭔가 더 복잡해진것은 착각이다. 저게 훨씬편하다. 2022. 5. 15.
[Web] Flip효과 만들기 이런거 만들어보자. Flip이라고 한다. 자세한 내용은 https://www.w3schools.com/howto/howto_css_flip_card.asp 여기를 참고하면 된다. 대신 영어를 잘해야함. See the Pen flip by Jirong (@jirongkim) on CodePen. 안정적으로 애니메이션을 작동시키기 위해서는 가장 바깥쪽에 outer-wrap이 꼭 필요하다. 이게 없으면 돌아가다가 말고 이런 이상한 동작 함. transform-style: preserve-3d를 이용하면 요소를 3d처럼 표현할 수 있게 된다. 이렇게 화면을 앞, 뒤로 구성하고, 뒤집을 수 있는 이유이다. backface-visibility: hidden; 으로 앞, 뒤 화면이 동시에 보이는 현상을 잡을 수 있다. 2022. 5. 14.

티스토리툴바