>wecode 18 Westagram終了

1. Code Kata

numsは数字からなる配列です.
よく出てくる数字を順番にk個の数字に戻してください.

function topK(nums, k) {
let sortNums = nums.sort();
let SumOfNums=sortNums.lastIndexOf(2)+1
-sortNums.indexOf(2);
let obj ={};
let result=[];

for(let i=0; i<nums.length; i++){
if(sortNums[i]!==sortNums[i+1]){
  obj[sortNums[i]]=sortNums.lastIndexOf(sortNums[i])+1- sortNums.indexOf(sortNums[i]);
  for (j=0; j<k; j++){
    result.push(Object.values(obj).sort().reverse()[j])
    };
    }
}
return result};

2.Westagramエンディングby。指導者の申英。

まとめ

React、CRA、フレームワークとライブラリの違い、route、sass、コンポーネント、props、state、Mock data、mapなどを使用する理由

共有コードのコメント

ずっと出てきた私の血の卵が・・・ほほほ

のホームページコンポーネントを分離し、構造の維持と理解を容易にします.

覚えておいて

,React→Library(パッケージ)→Component→変数/画像→cssファイル(scssファイル)import順

覚えておいて

、自己終了フラグ

Mock Data実習

本粥からイメージデータをインポートしてmockデータを作成し、データを解放します

3.摩角哥

コードレビューによる再設計

React-Westarm 5組ReadMe修正

智英とデータ通信する

フロントは習ったことのない部分・・・?
新しい知り合い!!

メソッド:POSTの場合、ヘッダファイルにuserID Tokenをインポートできます.

ログイン時にuserID Tokenをlocalstorageに保存すると、ホームページにもuserIDをロードして投稿を作成できます!!

(注)jwt-ライセンス

// Login 페이지에서 Login 버튼 클릭 시 실행되는 함수
 goToMain = (e) => {
    e.preventDefault();
    fetch("http://10.58.3.143:8000/user/signin",{
      method:"POST",
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        email: this.state.userId,
        password: this.state.userPassword
      })
    })
    .then(res => res.json())
    .then(result => result.message === "SUCCESS" ? 
    this.props.history.push('/main-naeunsong')
          // userId 토큰을 localStorage에 저장하기
          && result.token && localStorage.setItem('wtw-token',result.token)
    : alert("아이디와 비밀번호를 확인해주세요"))
  }
 
 // main 페이지에서 데이터 통신
 componentDidMount(){
    fetch('http://10.58.3.143:8000/posting/upload',{
      method:"POST",
      // localStorage에 저장한 토큰으로 권한 확인 요청
      headers: {
        'Authorization': localStorage.getItem('wtw.token')
           },
      body: JSON.stringify({
        image : '',
        content :''
    })
  })
    .then (res => res.json())
    .then (res => this.setState ({
      feed: res
    }))
  }